@font-face { font-family: 'lato'; src: url('../fonts/lato.eot'); src: url('../fonts/lato.eot?#iefix') format('embedded-opentype'), url('../fonts/lato.woff2') format('woff2'),url('../fonts/lato.woff') format('woff'), url('../fonts/lato.ttf') format('truetype'), url('../fonts/lato.svg') format('svg'); font-weight: normal; font-style: normal;}

body { font-family: "lato",Arial,sans-serif; font-size:12px; letter-spacing:.06em; line-height: 1.6; padding-top: 115px;}
footer { text-transform: uppercase; letter-spacing: .1em;}

.navbar-fixed-top { background-color: rgba(255,255,255,1); /*border-bottom: 1px solid #CCC*/}
header .navbar-fixed-top { text-transform: uppercase;}
header .logo { max-width: 115px; margin-left: 5px;}
header .company-name .title { font-size: 26px; color: #6b4e7b; line-height: 1.2;}
header .company-name .tagline { color: #85aa41; font-size: 8px; font-style: italic; margin-bottom: 10px;}
footer ul.footer-link li { border-right: 1px solid #6b4e7b;}
footer ul.footer-link li:last-child { border-right: 0px;}

.margin-t10 { margin-top: 10px;}
.margin-b10 { margin-bottom: 10px;}
.margin-t5 { margin-top: 5px;}
.margin-b2 { margin-bottom: 2px;}
.height-150 { min-height: 150px;}
.text-bold { font-weight: 600;}
.text-small { font-size: 85%;}
.text-larger { font-size: 125%;}
textarea { resize: none;}

a { color: #555;}
a:hover { color: #6b4e7b;}
hr { border-color: #6b4e7b;}
img { max-width: 100%;}

.heading { font-size: 18px; letter-spacing: .13em; /*text-decoration: underline;*/ text-transform: uppercase; margin-bottom: 10px; font-weight: 700;}
.heading2 { font-size: 18px; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; margin-bottom: 10px;}
.right-border { border-right-width: thin; border-right-style: solid !important; border-right-color: #6b4e7b !important;}
.no-flush-margin div.message { margin-left: 0px; margin-right: 0px;}
.required span.input-group-addon { color: #D33C44; font-size: 14px;}
.input-group.error .form-control:not(:first-child):not(:last-child) { border-top-right-radius:4px}
form .error-message { padding-left: 4px; color: #9E2424; border-left: 1px solid #ccc;}
form .error { background: #FFDACC; border-radius: 4px;}
.cart-qty { max-width: 60px; display: inline-block;}

.paging .pagination { margin: 15px 0px 5px 0px; display: block;}

ul.social .btn { padding: 4px;}
.categories div.item { margin-top: 12px; margin-bottom: 12px; overflow: hidden;}
.cat-title { font-size: 11px; font-weight: 600; padding: 7px 12px; /*background-color: rgba(169,189,221,0.8); position: absolute; width: 88%; left: 6%; bottom:3%*/}

.banner-container { padding: 6px; border: 1px solid #CCC;}
.banner-container .item img { display: block; width: 100%; height: auto;}

.imageContainer.zoom { display: inline-block; overflow: hidden;}
.imageContainer img { max-height: 360px; border: 1px solid #CCC;}
.imageContainer.zoom img:hover { transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}

header .navbar-default { border-radius: 0px; border: 0px; background: transparent;}
header .navbar-default.navbar { margin-bottom: 1px;}
header .navbar-default .navbar-nav>li>a{ padding-top: 10px; padding-bottom: 10px; margin-right: 3px; margin-left: 3px; border-bottom: 2px solid transparent; transition: border-bottom-color 70ms linear 0s;}
header .navbar-default .navbar-nav>.active>a, header .navbar-default .navbar-nav>.active>a:focus, header .navbar-default .navbar-nav>.active>a:hover { background-color: transparent; border-bottom: 2px solid #f6bf27;}
header .navbar-default .navbar-nav>li>a:hover { border-bottom-color: #85aa41;}
header .navbar-default .navbar-nav ul.dropdown-menu { text-transform: capitalize; font-size: 11px;}
.dropdown-submenu { position:relative;}

.product-title, .product-title a { color: #6b4e7b;}
.product-title a:hover { color: #3c763d; text-decoration: none;}

img#img-zoom { border: 1px solid #6b4e7b;}
#gallery-thumbnails .gallery-thumbnail img{ margin: 10px 7px 5px 0px;; border: 1px solid #6b4e7b;}

.panel.with-nav-tabs .panel-heading{ padding: 5px 5px 0 5px;}
.panel.with-nav-tabs .nav-tabs{ border-bottom: none;}
.with-nav-tabs.panel-default .nav-tabs > li > a, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus { color: #6b4e7b;}
.with-nav-tabs.panel-default .nav-tabs > .open > a, .with-nav-tabs.panel-default .nav-tabs > .open > a:hover, .with-nav-tabs.panel-default .nav-tabs > .open > a:focus, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus { background-color: #ddd; border-color: transparent;}
.with-nav-tabs.panel-default .nav-tabs > li.active > a, .with-nav-tabs.panel-default .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.active > a:focus { color: #3c763d; background-color: #fff; border-color: #ddd; border-bottom-color: transparent;}

.owl-theme.nav-fancy .owl-nav .owl-prev, .owl-theme.nav-fancy .owl-nav .owl-next { text-decoration: none; display: block; width: 46px; height: 68px; margin: -23px 0 0; position: absolute; top: 48%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.owl-theme.nav-fancy .owl-nav .owl-prev:before, .owl-theme.nav-fancy .owl-nav .owl-next:before { font-family: "FontAwesome"; font-size: 40px; display: inline-block; content: '\f053'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.owl-theme.nav-fancy .owl-nav .owl-next:before { content: '\f054';}
.owl-theme.nav-fancy .owl-nav .owl-prev { left: -50px;}
.flex-direction-nav .flex-next { right: -50px; text-align: right;}
.owl-theme.nav-fancy:hover .owl-nav .owl-prev { opacity: 0.7; left: 10px;}
.owl-theme.nav-fancy:hover .owl-nav .owl-next { opacity: 0.7; right: 10px;}
.owl-theme.nav-fancy .owl-nav .owl-prev:hover, .owl-theme.nav-fancy .owl-nav .owl-next:hover { opacity: 1;}

@media (min-width: 992px) {
    #productsListBlock .item:nth-child(4n+1) { clear: both;}
}

@media (min-width: 768px) and (max-width: 991px) {
    #productsListBlock .item:nth-child(3n+1) { clear: both;}
}

@media (min-width: 475px) and (max-width: 767px) {
    #productsListBlock .item:nth-child(2n+1) { clear: both;}
}

@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu { display: block;}
}

@media (min-width: 475px) and (max-width: 767px) {
    .col-xs-ex-6 { width: 50%;}
}

.nav>li>a { padding: 10px 7px; font-size: 11px; font-weight: 800;}
.dropdown-menu>li>a { white-space: normal;}

.breadcrumb-container { margin-bottom: 20px; background-color: #DDD;}
.breadcrumb-container .breadcrumb { padding: 8px 15px; margin-bottom: 0px; list-style: none; background-color: transparent; border-radius: 0px;}
.breadcrumb-container .breadcrumb>.active { color: #FFF;}
.breadcrumb-container .breadcrumb>li+li:before { color: #FFF;}

.social.list-inline>li { padding-right: 2px; padding-left: 2px;}
.back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none;}

@media (max-width: 1200px) { 
    header .company-name .title { font-size: 26px;}
    header .navbar-default .navbar-nav>li>a { margin-right: 2px; margin-left: 3px;}
    .nav>li>a { font-size: 9px;}
}

@media (max-width: 991px) { 
    body { padding-top: 141px;}
    header .company-name .title { font-size: 18px;}
    header .navbar-default .navbar-nav>li>a { margin-right: 1px; margin-left: 1px;}
    header .logo { max-width: 145px;}
}

@media (max-width: 767px) {
    .right-border { border-right: 0px;}
    .text-xs-center { text-align: center;}
    .height-150 { margin-bottom: 5px;}
    
    .navbar-nav  { display: inline;}
    .navbar-default .navbar-nav .dropdown-menu > li > a { border-bottom: 1px solid #337ab7; margin-top: 2px;}
    .dropdown-menu { margin-left: 3px; margin-right: 3px;}
    .navbar-nav .open .dropdown-menu { border-left: 4px solid #337ab7; border-right: 1px solid #337ab7; border-bottom: 1px solid #337ab7; border-bottom-left-radius: 0px}
    .navbar-default .navbar-nav .dropdown-menu > li:last-child > a { border-bottom: 0px;}
    header .navbar-default .navbar-nav>li>a{ padding-top: 5px; padding-bottom: 5px;}
    
     body { padding-top: 115px;}
     header .logo { max-width: 65px;}
     header .company-name .title { font-size: 24px;}
}

h1.heading { margin-top: 5px;}
h2.heading { margin-top: 5px; line-height: 1;}
h3.cat-title, .company-name h2.title { margin-top: 0; margin-bottom: 0;}
h2.cat-title { margin-top: 0; margin-bottom: 0;}
h2.product-title { font-size: 12px; margin-top: 5px; margin-bottom: 4px; line-height: 1.5;}
h1.responsive-product-name { margin-top: 5px; font-size: 18px; letter-spacing: .13em;}
h2.responsive-product-code { font-size: 15px;}
.company-name h4.tagline { margin-top: 3px; margin-bottom: 11px}