/** * @package be * @copyright Copyright (c) 2010-2015 MeigeeTeam. (http://www.meigeeteam.com) */ /* #Desktop - Extra Large ================================================== */ @media only screen and (min-width: 1332px) { body.boxed-layout .container {padding-right: 40px; padding-left: 40px; width: 1332px;} hr.boxed-full {margin-left: -40px; margin-right: -40px;} body:not(.mobile-device) .products-grid .item.type-7 .image-box:hover .product-info-wrapper {opacity: 1; z-index: 99;} body.boxed-layout #header.header-6 .bottom-block .container, body.boxed-layout #header.header-6 .top-block .container {padding-right: 0; padding-left: 0;} .product-view .product-shop .price-box { float: left; margin-bottom: 1.5em; width: 27%; padding:5px 0px; } } /* #Desktop ================================================== */ /* Note: Design for a width of 1024px */ @media only screen and (min-width: 1008px) and (max-width: 1331px) { .form-list .gender { width: 13.88888888888889%; } .form-list .gender + li.customer-dob { width: 69.44444444444444%; } .form-list .gender + li.customer-dob .dob-month, .form-list .gender + li.customer-dob .dob-day { width: 19.99000499750125%; } .form-list .gender + li.customer-dob .dob-year { width: 59.82008995502249%; } .col-main.col-sm-9 .form-list .customer-name-prefix-middlename-suffix .name-middlename, .col-main.col-sm-9 .form-list .customer-name-prefix-middlename .name-middlename, .col-main.col-sm-9 .form-list .customer-name-middlename-suffix .name-middlename, .col-main.col-sm-9 .form-list .customer-name-middlename .name-middlename, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename-suffix .name-middlename, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename .name-middlename, .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename-suffix .name-middlename, .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename .name-middlename { margin-top: -1.5em; } [class*="col2-"] .products-grid.six-columns li.item, [class*="col2-"] .products-grid.seven-columns li.item, [class*="col2-"] .products-grid.eight-columns li.item { width: 20%; } [class*="col2-"] .products-grid.six-columns li.item:nth-of-type(6n+1), [class*="col2-"] .products-grid.seven-columns li.item:nth-of-type(7n+1), [class*="col2-"] .products-grid.eight-columns li.item:nth-of-type(8n+1) { clear: none; } [class*="col2-"] .products-grid.six-columns li.item:nth-of-type(5n+1), [class*="col2-"] .products-grid.seven-columns li.item:nth-of-type(5n+1), [class*="col2-"] .products-grid.eight-columns li.item:nth-of-type(5n+1) { clear: left; } [class*="col2-"] .products-grid.six-columns li.item:nth-of-type(5n+5), [class*="col2-"] .products-grid.seven-columns li.item:nth-of-type(5n+5), [class*="col2-"] .products-grid.eight-columns li.item:nth-of-type(5n+5) { clear: right; } .col3-layout .products-grid.five-columns li.item, .col3-layout .products-grid.six-columns li.item, .col3-layout .products-grid.seven-columns li.item, .col3-layout .products-grid.eight-columns li.item { width: 25%; } .col3-layout .products-grid.six-columns li.item:nth-of-type(5n+1), .col3-layout .products-grid.seven-columns li.item:nth-of-type(5n+1), .col3-layout .products-grid.eight-columns li.item:nth-of-type(5n+1), .col3-layout .products-grid.five-columns li.item:nth-of-type(5n+1), .col3-layout .products-grid.six-columns li.item:nth-of-type(6n+1), .col3-layout .products-grid.seven-columns li.item:nth-of-type(7n+1), .col3-layout .products-grid.eight-columns li.item:nth-of-type(8n+1) { clear: none; } .col3-layout .products-grid.five-columns li.item:nth-of-type(4n+1), .col3-layout .products-grid.six-columns li.item:nth-of-type(4n+1), .col3-layout .products-grid.seven-columns li.item:nth-of-type(4n+1), .col3-layout .products-grid.eight-columns li.item:nth-of-type(4n+1) { clear: left; } .col3-layout .products-grid.five-columns li.item:nth-of-type(4n+4), .col3-layout .products-grid.six-columns li.item:nth-of-type(4n+4), .col3-layout .products-grid.seven-columns li.item:nth-of-type(4n+4), .col3-layout .products-grid.eight-columns li.item:nth-of-type(4n+4) { clear: right; } /* Header */ .vertical-header.swap-header {right: 0;} body.swap-header .breadcrumbs-wrapper, body.swap-header .content-wrapper, body.swap-header #footer, body.swap-header #footer .copyright, body.swap-header .parallax-block {padding-right: 250px;} #header .top-block > .container {padding: 0 30px;} #header.header-3 {position: static;} #header.header-3 .top-block > .container {padding-left: 10px; padding-right: 10px;} .header.header-5 .navbar-header {float: none;} .header.header-5 .navbar-toggle { clear: both; display: block !important; float: none; margin: 0 0 .75em; text-align: center; width: 100%; position: relative; z-index: 100; } .header.header-5 .topmenu { position: relative; z-index: 99; background: #fff; display: none; } .header.header-5 .navbar-default .navbar-toggle, .header.header-5 .navbar-default .navbar-toggle.active, .header.header-5 ul.topmenu li.level0 a.level-top {margin-left: 0; margin-right: 0;} body.vertical-header .container {width: 100%;} #header.header-5 .top-block > .container {padding: 0;} #header.header-5 .navbar-header {margin: 0 10px;} #header.header-5 .navbar-default .navbar-toggle, #header.header-5 .navbar-default .navbar-toggle.active {color: #000; margin: 0;} #header.header-5 .navbar-default .navbar-header .navbar-toggle i {font-size: 18px; margin: 0;} #header.header-5 .navbar-default ul.topmenu li.level0 a.level-top {color: #222; position: relative; text-align: left;} #header.header-5 .top-cart .block-content .inner-wrapper {position: relative; z-index: 11; background-color: inherit;} #header.header-5 .top-cart {position: static;} #header.header-5 .top-cart .block-content {top: 0; right: -260px;} #header.header-5 div.topmenu {position: absolute; top: 0; right: -300px; width: 300px; box-shadow: 0 0 5px rgba(0,0,0,.1);} #header.header-5 .top-cart .block-content.active:after, #header.header-5 div.topmenu.active:after {background-color: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; display: block; left: 250px; position: fixed; right: 0; top: 0; z-index: 10;} #header.header-5 ul.topmenu {position: relative; z-index: 11; padding: 0 10px;} #header.header-5 .menu-block .row {position: static;} #header.header-6 ul.topmenu li.level0 a.level-top {padding-left: 10px; padding-right: 10px;} #header.header-11 h2.logo {float: none; text-align: center; margin: 0;} #header.header-11 h2.logo a {padding-bottom: 0; display: inline-block;} #header.header-12 .wrapper-menu{float: left;} .boxed-layout #header.header-18 .top-block > .container {padding-left: 10px; padding-right: 10px;} #header.header-25 h2.logo {float: none; text-align: center; margin: 0;} #header.header-25 h2.logo a {padding-bottom: 0;} #header.header-25 .wrapper-menu {float: left; margin-left: -20px;} #header.header-29 .logo-wrapper { display: none;} #header.header-33 ul.topmenu:not(.nav-wide) ul, #header.header-33 ul.topmenu:not(.nav-wide) div {left: 75%;} #header.header-33 .logo-wrapper {float: none !important; width: 100%;} #header.header-33 {text-align: center;} #header.header-33 .language-currency, #header.header-33 .quick-access {display: inline-block; float: none !important; width: auto; vertical-align: top;} #header.header-33 .quick-access {padding-left: 0;} #header.header-35 .navbar-header {float: none;} #header.header-35 .navbar-toggle { clear: both; display: block !important; float: none; margin: 0 0 .75em; text-align: center; width: 100%; position: relative; z-index: 100; } #header.header-35 .topmenu { position: relative; z-index: 99; background: #070E2E; display: none; } #header.header-35 .navbar-default .navbar-toggle, #header.header-35 .navbar-default .navbar-toggle.active, #header.header-35 ul.topmenu li.level0 a.level-top {margin-right: 0; margin-left: 0;} body.vertical-header #header.header-35 .container {width: 100%;} #header.header-35 .top-block > .container {padding: 0;} #header.header-35 .navbar-header {margin: 0 10px;} #header.header-35 .navbar-default .navbar-toggle, #header.header-35 .navbar-default .navbar-toggle.active {color: #000; margin: 0;} #header.header-35 .navbar-default .navbar-header .navbar-toggle i {font-size: 18px; margin: 0;} #header.header-35 .navbar-default ul.topmenu li.level0 a.level-top {color: #222; position: relative; text-align: center;} #header.header-35 .top-cart .block-content .inner-wrapper {position: relative; z-index: 11; background-color: inherit;} #header.header-35 .top-cart {position: static;} #header.header-35 div.topmenu {position: absolute; top: 0; left: -300px; right: auto; width: 300px; box-shadow: 0 0 5px rgba(0,0,0,.1);} #header.header-35 .top-cart .block-content.active:after, #header.header-35 div.topmenu.active:after {background-color: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; display: block; right: 250px; position: fixed; left: 0; top: 0; z-index: 10;} #header.header-35 ul.topmenu {position: relative; z-index: 11; padding: 10px;} #header.header-35 .menu-block .row {position: static;} #header.header-36 ul.topmenu:not(.nav-wide) ul, #header.header-36 ul.topmenu:not(.nav-wide) div {left: 75%;} #header.header-36 .language-currency, #header.header-36 .quick-access {padding-left: 0;} .wide-layout #header.header-26 .top-block .wrapper, .boxed-layout #header.header-26 .top-block .container .wrapper{margin: 0 -30px;} #header.header-29 .logo-wrapper { display: none;} #header.header-31 .top-block > .container {padding: 0 10px; text-align: center;} #header.header-31 .top-block .left-block, #header.header-31 .top-block .quick-access {float: none; display: inline-block; margin: 0 30px;} .header.header-39 .navbar-header {float: none;} .header.header-39 .navbar-toggle { clear: both; display: block !important; float: none; margin: 0 0 .75em; text-align: center; width: 100%; position: relative; z-index: 100; } .header.header-39 .topmenu { position: relative; z-index: 99; background: #fff; display: none; } .header.header-39 .navbar-default .navbar-toggle, .header.header-39 .navbar-default .navbar-toggle.active, .header.header-39 ul.topmenu li.level0 a.level-top {margin-right: 0; margin-left: 0;} #header.header-39 .top-block > .container {padding: 0;} #header.header-39 .navbar-header {margin: 0 10px;} #header.header-39 .navbar-default .navbar-toggle, #header.header-39 .navbar-default .navbar-toggle.active {color: #000; margin: 0;} #header.header-39 .navbar-default .navbar-header .navbar-toggle i {font-size: 18px; margin: 0;} #header.header-39 .navbar-default ul.topmenu li.level0 a.level-top { color: #8a8f91; position: relative; padding-top: 7px; padding-bottom: 7px; font-style: normal; font-weight: normal; } #header.header-39 ul.topmenu li.level0:hover a.level-top, #header.header-39 ul.topmenu li.level0.over a.level-top, #header.header-39 ul.topmenu.navbar-nav li.level0.active > a.level-top{background:none!important;} #header.header-39 .top-cart .block-content .inner-wrapper {position: relative; z-index: 11; background-color: inherit;} #header.header-39 .top-cart {position: static;} #header.header-39 .top-cart .block-content {top: 0; right:-348px!important; left: auto!important;} #header.header-39 div.topmenu {position: absolute; top: 0; right: -300px; left: auto; width: 300px; box-shadow: 0 0 5px rgba(0,0,0,.1);} #header.header-39 .top-cart .block-content.active:after, #header.header-39 div.topmenu.active:after {background-color: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; display: block; left: 250px; position: fixed; right: 0; top: 0; z-index: 10;} #header.header-39 ul.topmenu {position: relative; z-index: 11; padding: 0 10px;} #header.header-39 .menu-block .row {position: static;} #header.header-39 h2.logo a{display: inline-block;} #header.header-39 .welcome-msg {text-align: center;} #header.header-41 ul.topmenu li.level0 a.level-top {text-transform: none;} .footer-products-list .product-shop {width: 65%;} .customer-reviews-widget .btn {padding-left: 20px; padding-right: 20px;} /* Sticky Header */ #sticky-header .small-logo { margin: .5em 0; } #sticky-header ul.topmenu li.level0 a.level-top { font-size: 1em; line-height: 1.5; } #sticky-header .category-label {top: 2px;} /* Widgets: Products */ /* Lisitng ===================== */ .banner-content.skin-1 { top: 15%; right: 3%; } .banner-content.skin-2 { width: 60%; top: 15%; left: 21%; } .col3-layout .banner-content .title { font-size: 1.33em; } .col3-layout .banner-content i, .col3-layout .sorter .amount { display: none; } .toolbar .sorter {width: auto;} .toolbar.no-pagination:not(.small-toolbar) .sorter {float: left;} .sorter .view-mode:not(.small) {float: none; clear: both; margin-bottom: 2.5em;} .toolbar .pager {width: auto; position: absolute; right: 0;} .toolbar-bottom .toolbar .pager {position: static;} .col3-layout .toolbar .sorter {width: auto;} .block-compare li.item .product-name {width: 84%;} /* Product Page =============== */ .review-box .review { width: 82%; } .product-view .product-name h1, .product-view .product-shop .price-box .price {font-size: 2em;} .product-banner {font-size: .66em;} /* Small Layout */ .product-view .with-sidebar .small-layout .add-to-links li.email-friend { margin-left: 0; margin-top: .75em; } .product-view .small-layout .vertical-tabs .tab-content-inner { width: 100%; } /* Medium Layout */ .product-view .no-sidebar .medium-layout .vertical-tabs .tab-content-inner { width: 52%; } /* Large Layout */ .no-sidebar .large-layout .vertical-tabs .tab-content-inner { width: 59%; } /* Extralarge Layout */ .product-view .extralarge-layout .box-tags .form-add .input-box { width: 100%; } .product-view .vertical-tabs .tab-content-inner { width: 76%; } /* Vertical Tabs */ .no-sidebar .medium-layout #upsell-product-table li.item, .large-layout #upsell-product-table li.item { width: 50%; } .no-sidebar .medium-layout #upsell-product-table li.item:nth-child(3n+1), .large-layout #upsell-product-table li.item:nth-child(3n+1) { clear: none; } .no-sidebar .medium-layout #upsell-product-table li.item:nth-child(2n+1), .large-layout #upsell-product-table li.item:nth-child(2n+1) { clear: left; } .no-sidebar .medium-layout #upsell-product-table li.item:nth-child(2n+2), .large-layout #upsell-product-table li.item:nth-child(2n+2) { clear: right; } /* Account ====================================================== */ .customer-rating .item {padding-left: 6px; padding-right: 6px;} .customer-rating .item .rating-box { font-size: .91em; } .customer-rating .item .rating-box i { margin-right: 5px; width: 10px;} .customer-rating .item .rating-box .rating i:nth-child(2n) { left: 15px; } .customer-rating .item .rating-box .rating i:nth-child(3n) { left: 30px; } .customer-rating .item .rating-box .rating i:nth-child(4n) { left: 45px; } .customer-rating .item .rating-box .rating i:nth-child(5n) { left: 60px; } .my-account .product-review .media { min-height: 165px; } /* Cart ======================================================== */ #shopping-cart-table .cart-actions a { display: block; margin: 0; text-align: center; } #shopping-cart-table .product-name a { max-width: 50%; } .cart .crosssell .product-details { width: 54%; } #co-billing-form .gender { width: 16.66666666666667%; } #co-billing-form .dob { width: 100%; } #co-billing-form .gender + .dob { width: 83.33333333%; } .cart .cart-block .buttons-set .btn {width: 100%;} .cart .cart-block .buttons-set .btn + .btn {margin-top: -.5em;} .cart .cart-collaterals:not(.sidebar) .cart-block .buttons-set .btn {width: auto;} .cart .cart-collaterals:not(.sidebar) .cart-block .buttons-set .btn + .btn {margin-top: 0;} #crosssell-products-list .product-image {margin-bottom: 1em;} .cart .crosssell li.item .add-to-links li i, .cart .crosssell li.item .btn {width: 32px; height: 32px; line-height: 30px;} /* Footer */ .box-reviews .rating-block #product-review-table .item {padding-left: 6px; padding-right: 6px;} .box-reviews .customer-rating {width: 17%;} .box-reviews .review-box {width: 81.5%;} [class*="col2-"] #customer-reviews > div, .col3-layout #customer-reviews > div {float: none!important; width: 100%;} [class*="col2-"] .box-reviews .customer-rating {width: 20%;} [class*="col2-"] .review-box {width: 77.5%; min-height: 167px;} [class*="col2-"] .review-box .review {width: 80%;} [class*="col2-"] .product-view .with-sidebar .add-to-cart .btn {padding-left: 20px; padding-right: 20px;} [class*="col2-"] .product-view .vertical-tabs .tab-content-inner {width: 100%;} .product-view .with-sidebar .small-layout .product-buttons > div, [class*="col2-"] .product-view .with-sidebar .product-buttons > div {float: none; width: 100%;} .product-view .with-sidebar .small-layout .product-buttons .prev-button + .next-button , [class*="col2-"] .product-view .product-buttons .prev-button + .next-button {margin: .75em 0 0;} [class*="col2-"] .product-view .sku {display: block; border-right: none;} .product-view .with-sidebar .medium-layout .add-to-links .email-friend {margin: .75em 0 0;} .col3-layout .customer-rating {width: 22%;} .col3-layout .review-box {width: 75%; min-height: 168px;} .col3-layout .review-box .review {width: 73%;} [class*="col2-"] .box-reviews .rating-block #product-review-table .item, .col3-layout .box-reviews .rating-block #product-review-table .item {padding-left: 20px; padding-right: 20px;} .col3-layout .product-view .vertical-tabs > .nav-tabs { float: none; margin: 0; } .col3-layout .product-view .vertical-tabs > .nav-tabs > li > a { width: auto; margin: 0; } .col3-layout .product-view #tabs.vertical-tabs:after { display: none; } .col3-layout .product-view .product-shop .vertical-tabs .tab-content-inner, .col3-layout .product-view .vertical-tabs .tab-content-inner { width: 100%; padding: 0 10px;} [class*="col2-"] .product-options-bottom .price-box {float: none;} [class*="col2-"] .product-view .add-to-links li.email-friend {margin-top: .75em;} body .col3-layout .product-view .add-to-cart #product-addtocart-button {margin: .75em 0 0;} body .col3-layout .product-view .medium-layout .add-to-cart #product-addtocart-button {margin: 0;} .col3-layout .product-options-bottom .price-box {float: none;} .col3-layout .product-view .add-to-links li {margin-right: 25px;} .col3-layout .product-view .add-to-links li:not(:first-child), [class*="col2-"] .product-view .with-sidebar .add-to-links li:not(:first-child) {margin-top: .75em;} .product-view .with-sidebar .add-to-cart .btn {padding-left: 18px; padding-right: 18px;} [class*="col2-"] .product-view .vertical-tabs .tab-content-inner {width: 68%;} aside.sidebar .block.block-wishlist li.item .product-image {width: 62px; margin-right: 16px;} aside.sidebar .block.block-wishlist li.item .product-details {width: 57%;} .block .actions .btn-default + .btn-primary { clear: both; display: block; margin: 0.75em auto 0; } .catalog-product-view .block-title strong span {font-size: 1em;} .block-cart .block-content .mini-products-list .product-details {width: 53%;} .col3-layout .product-labels-wrapper {left: 2px; right: 2px;} .col3-layout .product-labels-wrapper > div {padding-left: 5px; padding-right: 5px;} .timer-wrapper {padding-left: 18px; padding-right: 18px;} [class*="col2-"] .with-sidebar .small-layout .timer-wrapper #product-addtocart-button {margin-top: .75em;} [class*="col2-"] .timer-wrapper.full .timer-box > div {min-width: 30px;} [class*="col2-"] .timer-wrapper.full .timer-box > div span {font-size: 2em; min-width: 30px;} .parallax-banners-wrapper .image-wrapper .content {width: 36%; left: 32%;} .product-custom {float: none; clear: both; width: 100%;} #promo-slider .owl-wrapper-outer .desc-wrapper {width: 45%;} .promo-text-block .background-wrapper {background-position: center bottom;} .page-not-found {left: 20px;} } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 1007px) { .form-list .gender { width: 13.88888888888889%; } .form-list .gender + li.customer-dob { width: 69.44444444444444%; } .form-list .gender + li.customer-dob .dob-month, .form-list .gender + li.customer-dob .dob-day { width: 19.99000499750125%; } .form-list .gender + li.customer-dob .dob-year { width: 59.82008995502249%; } .col-main.col-sm-9 .form-list .customer-name-prefix-middlename .name-middlename, .col-main.col-sm-9 .form-list .customer-name-middlename-suffix .name-middlename, .col-main.col-sm-9 .form-list .customer-name-middlename .name-middlename { margin-top: -1.5em; } [class*="col2-"] .products-grid.five-columns li.item, [class*="col2-"] .products-grid.six-columns li.item, [class*="col2-"] .products-grid.seven-columns li.item, [class*="col2-"] .products-grid.eight-columns li.item { width: 25%; } [class*="col2-"] .products-grid.five-columns li.item:nth-of-type(5n+1), [class*="col2-"] .products-grid.six-columns li.item:nth-of-type(6n+1), [class*="col2-"] .products-grid.seven-columns li.item:nth-of-type(7n+1), [class*="col2-"] .products-grid.eight-columns li.item:nth-of-type(8n+1) { clear: none; } [class*="col2-"] .products-grid.five-columns li.item:nth-of-type(4n+1), [class*="col2-"] .products-grid.six-columns li.item:nth-of-type(4n+1), [class*="col2-"] .products-grid.seven-columns li.item:nth-of-type(4n+1), [class*="col2-"] .products-grid.eight-columns li.item:nth-of-type(4n+1) { clear: left; } [class*="col2-"] .products-grid.five-columns li.item:nth-of-type(4n+4), [class*="col2-"] .products-grid.six-columns li.item:nth-of-type(4n+4), [class*="col2-"] .products-grid.seven-columns li.item:nth-of-type(4n+4), [class*="col2-"] .products-grid.eight-columns li.item:nth-of-type(4n+4) { clear: right; } .col3-layout .products-grid.three-columns li.item, .col3-layout .products-grid.four-columns li.item, .col3-layout .products-grid.five-columns li.item, .col3-layout .products-grid.six-columns li.item, .col3-layout .products-grid.seven-columns li.item, .col3-layout .products-grid.eight-columns li.item { width: 50%; } .col3-layout .products-grid.three-columns li.item:nth-of-type(3n+1), .col3-layout .products-grid.four-columns li.item:nth-of-type(4n+1), .col3-layout .products-grid.five-columns li.item:nth-of-type(4n+1), .col3-layout .products-grid.six-columns li.item:nth-of-type(4n+1), .col3-layout .products-grid.seven-columns li.item:nth-of-type(4n+1), .col3-layout .products-grid.eight-columns li.item:nth-of-type(4n+1), .col3-layout .products-grid.five-columns li.item:nth-of-type(5n+1), .col3-layout .products-grid.six-columns li.item:nth-of-type(6n+1), .col3-layout .products-grid.seven-columns li.item:nth-of-type(7n+1), .col3-layout .products-grid.eight-columns li.item:nth-of-type(8n+1) { clear: none; } .col3-layout .products-grid.three-columns li.item:nth-of-type(2n+1), .col3-layout .products-grid.four-columns li.item:nth-of-type(2n+1), .col3-layout .products-grid.five-columns li.item:nth-of-type(2n+1), .col3-layout .products-grid.six-columns li.item:nth-of-type(2n+1), .col3-layout .products-grid.seven-columns li.item:nth-of-type(2n+1), .col3-layout .products-grid.eight-columns li.item:nth-of-type(2n+1) { clear: left; } .col3-layout .products-grid.three-columns li.item:nth-of-type(2n+2), .col3-layout .products-grid.four-columns li.item:nth-of-type(2n+2), .col3-layout .products-grid.five-columns li.item:nth-of-type(2n+2), .col3-layout .products-grid.six-columns li.item:nth-of-type(2n+2), .col3-layout .products-grid.seven-columns li.item:nth-of-type(2n+2), .col3-layout .products-grid.eight-columns li.item:nth-of-type(2n+2) { clear: right; } /* Grid Types */ .products-grid .type-5 .product-name a {font-size: 16px; line-height: 18px;} .products-grid .type-5 .product-name:after, .products-list .type-5 .product-name:after {margin: 10px 0;} .products-grid li.item.type-5 .description-box {padding: 30% 10% 40px 14%;} /* Header */ .header .welcome-msg { display: none; } .header .logo, .header .quick-access {float: none; display: inline-block; margin: 0;} header.header .customer-name-wrapper + .links {right: 0; text-align: left;} .header h2.logo {margin-bottom: 1em; display: block;} .banner-home .divider-border { width: 60%; } .header .top-block .navbar-toggle {display: block;} .header-links.navbar-collapse { position: absolute; min-width: 150px; right: 0; background-color: #fff; padding: .91em 9px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1); box-shadow: 0px 1px 2px rgba(0,0,0,.1); margin: 0; z-index: 9999; top: 100%;} .header-links.navbar-collapse.collapse {display: none!important;} .header-links.navbar-collapse.collapse.in {display: block!important;} .header-links.navbar-collapse li { display: block; margin: 0; padding: .42em 9px; float: none;} .header-links.navbar-collapse li a { color: #222; width: 100%;} .header-links.navbar-collapse li a:hover { color: #ea505e; background: none;} #header .top-block .container {padding-left: 30px; padding-right: 30px;} #header .bottom-block {text-align: right;} #header .wrapper-menu {display: inline-block; margin: 1.5em 0 0; float: none;} #header .wrapper-menu .navbar-default {position: relative;} #sliding-top {text-align: left;} #header.header-2 .topmenu.navbar-collapse li a.span.subtitle, #header.header-2 .topmenu.navbar-collapse li a{color:#222;} #header.header-2 .menu-block .wrapper-menu{display: block;} #header.header-2 .navbar{position: relative; margin-left: 10px; margin-top: 6px;} #header.header-2 .menu-block .wrapper-menu .navbar-collapse{right: 0;} #header.header-2 ul.topmenu{display: block;} #header.header-2 ul.topmenu > li.level0 > a.level-top span:after{display: none;} #header.header-2 .topmenu li ul{display: block;} #header.header-2 ul.topmenu > li.level0 > a.level-top:after{display: none;} #header.header-2 .links-wrapper{padding-top: 1.5em;} #header.header-2 h2.logo {margin-right: 0;} #header.header-2 .quick-access {float: right;} #header.header-2 ul.topmenu li.level0 a.level-top{padding: 10px 0!important;} #header.header-2 .topmenu.navbar-collapse li a {color: #585858!important;} #header.header-2 .topmenu .menu-item-button{font-size:30px; top: -6px; border-left: 1px solid #eee;} #header.header-3 {position: static;} #header.header-3 .top-block > .container {padding-left: 10px; padding-right: 10px;} /* #header.header-3 .topmenu.navbar-collapse {right: 10px;} */ .navbar-default .navbar-toggle, .navbar-default .navbar-toggle.active {margin: 0;} #header.header-4 .bottom-block {text-align: left;} #header.header-4 .wrapper-menu {margin: 0;} #header.header-4 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-4 ul.topmenu li.level0 {padding: 0;} .header-breadcrumbs-wrapper .vertical-header { height: auto!important; position: static; width: 100%; } #header.header-5 .quick-access {float: none; width: 100%;} #header.header-5 h2.logo {float: left;} body.vertical-header .content-wrapper > .container {margin: 0 auto; padding: 0 10px;} .header-breadcrumbs-wrapper .vertical-header + .breadcrumbs-wrapper .container {padding-left: 10px; padding-right: 10px;} #header.header-5 .logo-block {float: left; margin-top: 0;} #header.header-5 .wrapper-menu {margin: 60px 0; float: right;} #header.header-5 .top-block .navbar-toggle i {font-size: 24px; color: #000;} #header.header-5 ul.topmenu li.level0 a.level-top {text-align: left;} #header.header-5 ul.topmenu.nav-wide .menu-wrapper {width: auto; left: auto;} #header.header-5 .language-currency-wrapper, #header.header-5 .links, #header.header-5 .search-mini-form {min-width: auto; width: auto; margin-left: 20px;} #header.header-5 .top-cart .block-content {right: auto; left: 0; width: 320px;} .header-wrapper .custom-block {position: fixed; bottom: 0; z-index: 999999; background-color: #fff;} .header-wrapper .custom-block .indent {opacity: 0; z-index: -1; height: 0; overflow: hidden;} .header-wrapper .custom-block .indent.active {overflow: visible;} .header-wrapper .custom-block .social-links {padding-top: 20px;} .header-wrapper .custom-block .mobile-button {display: block; position: relative; color: #000; font-size: 18px;} .header-wrapper .custom-block .footer-links {float: none!important; clear: both; margin-top: 10px;} .header-wrapper .custom-block .footer-links ul {position: static; width: auto; height: auto; box-shadow: none; display: block; text-align: center; padding: 0; margin: 0 0 15px;} .header-wrapper .custom-block .footer-links ul li {display: inline-block; border: none; margin: 0 5px;} .header-wrapper .custom-block address {margin: 3px 0; float: none; display: inline-block; clear: left;} .header-wrapper .custom-block .store-switcher-wrapper {float: none; display: inline-block; width: auto; padding: 0; margin: 0; clear: right;} .header-wrapper .custom-block .footer-links-button {display: none;} .header-breadcrumbs-wrapper .vertical-header + .breadcrumbs-wrapper {margin-left: 0;} .custom-block .social-links-wrapper {background-color: transparent;} #header.header-5 .form-search .indent {right: 0; top: 100%;} #header.header-6 .navbar-default .navbar-toggle, #header.header-6 .navbar-default .navbar-toggle:hover, #header.header-6 .navbar-default .navbar-toggle:focus {background-color: transparent; color: #fff;} #header.header-6 .navbar-default .collapse {margin-right: 10px;background-color: #183964; padding-left: 0 !important; padding-right: 0 !important;} #header.header-6 .navbar-default .collapse li { margin-left: 0 !important; margin-right: 0 !important;} #header.header-6 ul.topmenu li.level0 a.level-top {border-radius: 0;} #header.header-6 .navbar-default .collapse a { padding-left: 10px !important; padding-right: 10px !important;} #header.header-6 .navbar-default .collapse a.over { color: #fff !important;} #header.header-6 ul.topmenu:not(.nav-wide) ul, #header.header-6 ul.topmenu:not(.nav-wide) div {background-color: transparent;} #header.header-6 ul.topmenu li.level0 {margin: 5px 0;} #header.header-6 .topmenu.navbar-collapse li li.first a {border-top: 1px solid rgba(0, 0, 0, 0.05);} #header.header-6 .topmenu > li.level0 > a.level-top:hover {background: #1b527c; color: #fff !important;} #header.header-6 .topmenu.navbar-collapse li a {color: #fff !important;} #header.header-6 ul.topmenu i {color: #fff;} #header.header-6 .form-search .indent {width: 50%;} #header.header-7 .wrapper-menu {float: left; margin: 0;} #header.header-7 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-7 .quick-access {float: right; position: static; padding: 10px 0;} #header.header-8 .top-block .welcome-msg {display: block;} #header.header-8 .wrapper-menu {margin: 18px 0;} #header.header-8 ul.topmenu li.level0:hover a.level-top::after, #header.header-8 ul.topmenu li.level0.over a.level-top::after, #header.header-8 ul.topmenu.navbar-nav li.level0.active > a.level-top::after {content: none!important;} #header.header-9 ul.topmenu li.level0 {padding: 0;} #header.header-9 ul.topmenu li.level0:hover a.level-top, #header.header-9 ul.topmenu li.level0.over a.level-top, #header.header-9 ul.topmenu.navbar-nav li.level0.active > a.level-top {background: none;} #header.header-10 .topmenu.navbar-collapse li a.span.subtitle, #header.header-10 .topmenu.navbar-collapse li a{color:#222;} #header.header-10 .wrapper-menu{float: right;} #header.header-10 .navbar{position: relative;} #header.header-10 .menu-block .wrapper-menu .navbar-collapse{right: -106px;} #header.header-10 ul.topmenu{display: block;} #header.header-10 ul.topmenu > li.level0 > a.level-top span:after{display: none;} #header.header-10 .topmenu li ul{display: block;} #header.header-10 ul.topmenu > li.level0 > a.level-top:after{display: none;} #header.header-10 .links-wrapper{padding-top: 1.5em;} #header.header-10 h2.logo {margin-right: 0;} #header.header-10 .quick-access {float: right;} #header.header-10 ul.topmenu li.level0 a.level-top{line-height: normal;} #header.header-10 .topmenu.navbar-collapse li a{color:#C2B2A1!important;} #header.header-10 .topmenu.navbar-collapse{background:#4b4138;} #header.header-10 ul.topmenu li.level0 a.level-top{padding:12px 0!important;} #header.header-10 .nav-wide ul.level0 li.level1 span.subtitle{color:#C2B2A1;} #header.header-10 .nav-wide .menu-wrapper{background:transparent;} #header.header-11 .top-block {text-align: center;} #header.header-11 .header-contacts {float: none;} #header.header-11 .custom-links {float: left!important;} #header.header-11 .wrapper-menu {margin-top: 18px;} /* #header.header-11 .topmenu.navbar-collapse {right: 10px;} */ #header.header-11 ul.topmenu li.level0 {padding: 0;} #header.header-11 ul.topmenu li.level0:hover, #header.header-11 ul.topmenu li.level0.over, #header.header-11 ul.topmenu.navbar-nav li.level0.active {border: none; margin: 0;} #header.header-12 a.level-top:before{display: none;} #header.header-12 .topmenu li ul{display: block;} #header.header-13 .top-block {text-align: center;} #header.header-13 .quick-access {float: none;} #header.header-13 .wrapper-menu {margin-top: 21px;} #header.header-13 .form-search .indent {left: 0; right: 0; margin: 0 auto;} #header.header-13 .topmenu .menu-item-button {z-index: 99999;} #header.header-13 ul.topmenu li.level0 {margin: 5px 0;} #header.header-13 ul.topmenu li.level0 a.level-top {padding-top: 10px; padding-bottom: 10px;} #header.header-13 .topmenu li.level0 a.level-top:hover, #header.header-13 .topmenu li.level0.over a.level-top, #header.header-13 .topmenu.navbar-nav li.level0.active > a.level-top {color: #f4d028 !important;} #header.header-14 .wrapper-menu {margin-top: 5px;} #header.header-14 .customer-name-wrapper + .links {right: -10px;} #header.header-14 .topmenu.navbar-collapse {right: 0;} #header.header-14 .topmenu.navbar-collapse {background-color: rgba(255,255,255,.8);} #header.header-14 ul.topmenu li.level0 a.level-top {padding: 12px 0!important;} #header.header-16 .wrapper-menu {margin: 7px 0 0;} /* #header.header-16 .topmenu.navbar-collapse {right: 10px;} */ #header.header-17 .wrapper-menu {margin-top: 16px} #header.header-17 ul.topmenu li.level0 {padding: 5px 0;} .boxed-layout #header.header-18 .top-block > .container, .boxed-layout #header.header-18 .bottom-block > .container {padding-left: 10px; padding-right: 10px;} #header.header-18 .topmenu.navbar-collapse {right: 0;} #header.header-19 .quick-access {padding-top: 25px;} #header.header-19 .wrapper-menu {margin-top: 20px;} #header.header-19 .top-block .navbar-toggle i {font-size: 23px;} #header.header-19 ul.topmenu li.level0 {border-width: 0; margin: 10px;} #header.header-19 ul.topmenu li.level0 a.level-top {font-size: 15px;} #header.header-21 .wrapper-menu {margin: 3px 0 0; float: left;} #header.header-21 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-21 .topmenu.navbar-collapse {padding: 0!important; background-color: #02050e; border: none;} #header.header-21 .topmenu.navbar-collapse li.level0 {margin: 0; padding: 0; border: none;} #header.header-21 .topmenu.navbar-collapse li.level0 a {color: #a8a8a8!important; padding: 12px 20px!important; border-radius: 0!important;} #header.header-21 .topmenu.navbar-collapse li.level0.active a {background-color: rgba(0,0,0,.1); color: #a8a8a8!important;} #header.header-21 .navbar-default .navbar-toggle, #header.header-21 .navbar-default .navbar-toggle.active {margin: 0; background-color: rgba(255,255,255,.1);} #header.header-22 .wrapper-menu {margin-top: 10px;} #header.header-22 ul.topmenu li.level0 {padding: 5px 0; border-width: 0;} #header.header-23 .bottom-block {text-align: left;} #header.header-23 .wrapper-menu {margin-top: 10px;} #header.header-23 .topmenu.navbar-collapse {left: 20px; right: auto;} #header.header-23 ul.topmenu li.level0 {padding: 0; margin: 0;} #header.header-23 ul.topmenu li.level0 a.level-top { padding: 15px 10px !important; color: #6e75a3 !important; font-style: normal; -moz-transform: skewX(0deg) skewY(0deg); -webkit-transform: skewX(0deg) skewY(0deg); -o-transform: skewX(0deg) skewY(0deg); -ms-transform: skewX(0deg) skewY(0deg); transform: skewX(0deg) skewY(0deg); } #header.header-24 .bottom-block {text-align: left;} #header.header-24 .wrapper-menu {margin-top: 10px;} #header.header-24 .topmenu.navbar-collapse {left: 10px; background-color: #fff; padding-left: 0 !important; padding-right: 0 !important;} #header.header-24 ul.topmenu li.level0 {padding: 0; margin: 0;} #header.header-24 ul.topmenu li.level0 a.level-top {color: #1a1a1a !important; padding: 12px 20px !important;} #header.header-24 ul.topmenu li.level0 a.level-top:hover, #header.header-24 ul.topmenu li.level0.over a.level-top, #header.header-24 .topmenu.navbar-nav li.level0.active > a.level-top {color: #cfaa47 !important; background-color: transparent; ;} #header.header-25 .wrapper-menu {position: relative;} #header.header-25 .topmenu.navbar-collapse {padding: 0!important; background-color: #0c1314; border: none; right: 0;} #header.header-25 .topmenu.navbar-collapse li.level0 {margin: 0; padding: 0;} #header.header-25 .topmenu.navbar-collapse li.level0 a.level-top {padding: 12px 20px!important; border-radius: 0!important; color: #fff!important;} #header.header-25 ul.topmenu li.level0 a.level-top::after {content: none;} #header.header-25 li.level0 a.level-top:hover, #header.header-25 .topmenu.navbar-collapse li.level0.active a {background-color: rgba(255,255,255,.1); color: #fff!important;} #header.header-25 .wrapper-menu {margin-top: 25px;} #header.header-25 .navbar-default .navbar-toggle:hover, #header.header-25 .navbar-default .navbar-toggle:focus {background-color: rgba(255,255,255,.2);} #header.header-25 .top-block .container {padding-left: 10px; padding-right: 10px;} #header.header-25 .top-block-inner {padding: 0;} .wide-layout #header.header-26 .top-block .wrapper, .boxed-layout #header.header-26 .top-block .container .wrapper{margin: 0 -30px;} #header.header-26 .wrapper-menu{background:none;} #header.header-26 .menu-block .navbar-default{ margin: 0; } #header.header-26 .navbar-default .navbar-toggle, #header.header-26 .navbar-default .navbar-toggle.active{background:none;} #header.header-26 .topmenu.navbar-collapse{ right: auto; left: 0; padding:0!important; } #header.header-26 ul.topmenu{display: block;} #header.header-26 ul.topmenu li.level0{padding:0 20px;} #header.header-26 ul.topmenu li.level0 a.level-top{line-height: 35px;} #header.header-26 .topmenu .menu-item-button{top: 9px; right: 7px;} #header.header-26 .topmenu ul.level0 .menu-item-button{top: 2px;} #header.header-26 ul.topmenu li.level0 a.level-top{color:#5A4732!important;} #header.header-27 .wrapper-menu {margin-top: 10px; margin-right: 30px;} #header.header-27 .topmenu.navbar-collapse {background-color: #000; right: 30px; padding-left: 0 !important; padding-right: 0 !important; border-width: 0;} #header.header-27 ul.topmenu li.level0 {padding: 0;} #header.header-27 ul.topmenu li.level0 a.level-top {padding: 10px 20px !important;} #header.header-28 .wrapper-menu{float: left;} #header.header-28 .navbar-default .navbar-toggle{padding:0!important;} #header.header-28 .navbar-default .navbar-toggle:hover, #header.header-28 .navbar-default .navbar-toggle:focus{background:none;} #header.header-28 .topmenu.navbar-collapse{right: auto; left: 30px;} #header.header-28 ul.topmenu li.level0 a.level-top{font-size: 14px;} #header.header-28 ul.topmenu li.level0 a.level-top{padding: 10px 0!important;} #header.header-28 .topmenu li.level0 a.level-top:hover, #header.header-28 .topmenu li.level0.over a.level-top, #header.header-28 .topmenu.navbar-nav li.level0.active > a.level-top{color:#1d3e93!important;} #header.header-29 .logo-wrapper {opacity: 0; float: left; margin: 0; padding-bottom: 1em; padding-top: 1em; padding-left: 10px;} #header.header-29 .logo {margin: 0} #header.header-29 .menu-block {float: right; margin-top: 1.5em;} #header.header-29 .topmenu.navbar-collapse {background-color: #d9d9d9;} #header.header-29 .topmenu.navbar-collapse {right: 0; left: auto;} #header.header-29 .default-links.links li {margin-left: 10px;} #header.header-29 ul.topmenu li.level0 {display: block; float: none;} #header.header-29 ul.topmenu li.level0 a.level-top {display: block; border-width: 0; text-align: center; padding: 12px 15px !important;} #header.header-29 .topmenu li.level0 a.level-top:hover, #header.header-29 .topmenu li.level0.over a.level-top, #header.header-29 .topmenu.navbar-nav li.level0.active > a.level-top {color: #007aff !important;} #header.header-29 ul.topmenu li.item-logo {display: none;} #header.header-29 .default-links.links li a {padding-left: 10px;} #header.header-29 .quick-access { float: right; margin: 0;} #header.header-30 .top-block {position: relative; z-index: 3;} #header.header-30 .topmenu.navbar-collapse {padding: 0!important; background-color: #f0efeb;} #header.header-30 .topmenu.navbar-collapse li.level0 {margin: 0; padding: 0; border: none;} #header.header-30 .topmenu.navbar-collapse li.level0 a {color: #68502e!important; padding: 12px 20px!important; border-radius: 0!important;} #header.header-30 .topmenu.navbar-collapse li.level0.active a {background-color: rgba(255,255,255,.1); color: #68502e!important;} #header.header-30 .navbar-default .navbar-toggle, #header.header-30 .navbar-default .navbar-toggle.active {margin: 0; background-color: rgba(255,255,255,.1);} #header.header-31 .top-block > .container {padding: 0 10px; text-align: center;} #header.header-31 .top-block .left-block, #header.header-31 .top-block .quick-access {float: none; display: inline-block; margin: 0 30px;} #header.header-31 .topmenu.navbar-collapse {left: 0; right: auto; text-align: left; padding: 0!important; background-color: #F7F4EF!important;} #header.header-31 .topmenu.navbar-collapse > ul {width: 100%;} #header.header-31 ul.topmenu li.level0 a.level-top {background: none; font-size: 16px;} #header.header-32 .logo {margin: 0} #header.header-32 .menu-block {float: none; margin-top: 1.5em;} #header.header-32 .topmenu.navbar-collapse {background-color: #f6f8fb;} #header.header-32 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-32 .default-links.links li {margin-left: 10px;} #header.header-32 .menu-block .wrapper-menu {margin-top: 10px;} #header.header-32 .navbar-default .navbar-toggle {opacity: 1;} #header.header-32 .navbar-default .navbar-toggle.active, #header.header-32 .navbar-default .navbar-toggle:hover, #header.header-32 .navbar-default .navbar-toggle:focus {background-color: transparent; opacity: 0.8;} #header.header-32 ul.topmenu li.level0 {display: block; float: none; padding: 0;} #header.header-32 ul.topmenu li.level0 a.level-top {color: #736454 !important; display: block; border-width: 0; padding: 15px !important;} #header.header-32 ul.topmenu li.level0 a.level-top:after {content: none;} #header.header-32 .topmenu li.level0 a.level-top:hover, #header.header-32 .topmenu li.level0.over a.level-top, #header.header-32 .topmenu.navbar-nav li.level0.active > a.level-top {color: #5a4d3e !important;} #header.header-32 .default-links.links li a {padding-left: 10px;} #header.header-32 .quick-access {float: right; margin: 0;} #header.header-33 .logo-wrapper {float: none !important; width: 100%;} #header.header-33 {text-align: center;} #header.header-33 .language-currency, #header.header-33 .quick-access {display: inline-block; float: none !important; width: auto; vertical-align: top;} #header.header-33 .quick-access {padding-left: 0;} #header.header-33 .overlay-menu {top: 20%;} #header.header-33 .overlay-menu {max-height: 440px; overflow-y: scroll; overflow-x: visible;} #header.header-33 .overlay-menu {padding-bottom: 0;} #header.header-33 ul.topmenu.navbar-nav li.level0.active a.level-top, #header.header-33 ul.topmenu li.level0 a.level-top:hover, #header.header-33 ul.topmenu li.level0:hover a.level-top, #header.header-33 ul.topmenu li.level0.over a.level-top, #header.header-33 ul.topmenu li.level0.active a.level-top {color: #fff !important; opacity: 0.8;} #header.header-33 ul.topmenu li.level0:hover .menu-item-button i, #header.header-33 ul.topmenu li.level0.over .menu-item-button i, #header.header-33 ul.topmenu li.level0.active .menu-item-button i {color: #fff !important; opacity: 0.8;} #header.header-33 ul.topmenu li {text-align: center; color: #fff;} #header.header-33 ul.topmenu ul li:not(.item) a {color: #fff;} #header.header-34 .topmenu.navbar-collapse{ background-color: #372a1d; padding: 20px 15px 20px 40px!important; } #header.header-34 .topmenu.navbar-collapse li a{color:#bdac9c!important;} #header.header-34 .topmenu .menu-item-button{top: 9px;} #header.header-35 .quick-access {float: none; width: 100%;} #header.header-35 h2.logo {float: right;} #header.header-35 .logo-block {float: left; margin-top: 0;} #header.header-35 .wrapper-menu {margin: 50px 0; float: right;} #header.header-35 .top-block .navbar-toggle i {font-size: 24px; color: #000;} #header.header-35 ul.topmenu li.level0 a.level-top {text-align: center;} #header.header-35 ul.topmenu.nav-wide .menu-wrapper {width: auto; right: auto;} #header.header-35 .language-currency-wrapper, #header.header-35 .links, #header.header-35 .search-mini-form {min-width: auto; width: auto;} #header.header-35 .top-cart .block-content {left: auto; right: 0; width: 320px; max-width: none;} #header.header-35 .form-search .indent {left: 0; top: 100%;} #header.header-35 .links, #header.header-35 .language-currency-wrapper {margin-left: 10px;} #header.header-35 .topmenu .menu-item-button {right: auto; left: 0; top: 9px;} #header.header-35 .top-cart.horizontal {float: right;} #header.header-36 .overlay-menu {top: 20%;} #header.header-36 .overlay-menu {max-height: 440px; overflow-y: scroll; overflow-x: visible;} #header.header-36 .overlay-menu {padding-bottom: 0;} #header.header-36 ul.topmenu.navbar-nav li.level0.active a.level-top, #header.header-36 ul.topmenu li.level0 a.level-top:hover, #header.header-36 ul.topmenu li.level0:hover a.level-top, #header.header-36 ul.topmenu li.level0.over a.level-top, #header.header-36 ul.topmenu li.level0.active a.level-top {color: #000 !important; opacity: 0.8;} #header.header-36 ul.topmenu li.level0:hover .menu-item-button i, #header.header-36 ul.topmenu li.level0.over .menu-item-button i, #header.header-36 ul.topmenu li.level0.active .menu-item-button i {color: #ad875e !important;} #header.header-36 ul.topmenu li {text-align: center; color: #000;} #header.header-36 ul.topmenu ul li:not(.item) a {color: #000;} #header.header-37 .custom-top-block {width: 50%;} #header.header-37 .custom-top-block a > span {font-size: 14px;} #header.header-37 .logo {margin: 0} #header.header-37 .menu-block {float: none; margin-top: 1.5em;} #header.header-37 .topmenu.navbar-collapse {background-color: #efede9;} #header.header-37 .topmenu.navbar-collapse {right: auto; left: 20px;} #header.header-37 .default-links.links li {margin-left: 10px;} #header.header-37 .menu-block .wrapper-menu {margin-top: 10px;} #header.header-37 .navbar-default .navbar-toggle {opacity: 1;} #header.header-37 .navbar-default .navbar-toggle.active, #header.header-37 .navbar-default .navbar-toggle:hover, #header.header-37 .navbar-default .navbar-toggle:focus {background-color: transparent; opacity: 0.8;} #header.header-37 ul.topmenu li.level0 {display: block; float: none; padding: 0;} #header.header-37 ul.topmenu li.level0 a.level-top {color: #786649 !important; display: block; border-width: 0; padding: 10px 15px !important;} #header.header-37 ul.topmenu li.level0 a.level-top:after {content: none;} #header.header-37 .default-links.links li a {padding-left: 10px;} #header.header-37 .quick-access {float: right; margin: 0;} #header.header-37 .topmenu .menu-item-button {top: 8px;} #header.header-39 .quick-access {float: none; width: 100%;} #header.header-39 h2.logo {float: right;} #header.header-39 .logo-block {float: left; margin: 40px 0 40px;} #header.header-39 .wrapper-menu {margin: 50px 0; float: right;} #header.header-39 .top-block .navbar-toggle i {font-size: 24px; color: #000;} #header.header-39 ul.topmenu li.level0 a.level-top {} #header.header-39 ul.topmenu.nav-wide .menu-wrapper {width: auto; right: auto;} #header.header-39 .language-currency-wrapper, #header.header-39 .links, #header.header-39 .search-mini-form {min-width: auto; width: auto; margin-right: 20px;} #header.header-39 .customer-name-block .links{width: 150px;} #header.header-39 .top-cart .block-content {left: auto; right: 0; width: 320px;} #header.header-39 .form-search .indent {left: 0; top: 100%;} #header.header-39 .topmenu .menu-item-button {left: auto; right: 0; top: 9px;} #header.header-39 .navbar-default ul.topmenu li.level0 a.level-top { color: #8a8f91!important; position: relative; padding-top: 7px!important; padding-bottom: 7px!important; font-style: normal; font-weight: normal; } #header.header-39 ul.topmenu li.level0:hover a.level-top, #header.header-39 ul.topmenu li.level0.over a.level-top, #header.header-39 ul.topmenu.navbar-nav li.level0.active > a.level-top{background:none!important; color:#000!important;} #header.header-40 .custom-top-block {width: 50%;} #header.header-40 .logo {margin: 0} #header.header-40 .menu-block {float: none; margin-top: 1.5em;} #header.header-40 .topmenu.navbar-collapse {background-color: #ffc027;} #header.header-40 .topmenu.navbar-collapse {right: auto; left: 20px;} #header.header-40 .default-links.links li {margin-left: 10px;} #header.header-40 .menu-block .wrapper-menu {margin-top: 10px;} #header.header-40 .navbar-default .navbar-toggle {opacity: 1;} #header.header-40 .navbar-default .navbar-toggle.active, #header.header-40 .navbar-default .navbar-toggle:hover, #header.header-40 .navbar-default .navbar-toggle:focus {background-color: transparent; opacity: 0.8;} #header.header-40 ul.topmenu li.level0 {display: block; float: none; padding: 0;} #header.header-40 ul.topmenu li.level0 a.level-top {color: #4e2800 !important; display: block; border-width: 0; padding: 14px 15px !important;} #header.header-40 ul.topmenu li.level0 a.level-top:after {content: none;} #header.header-40 .default-links.links li a {padding-left: 10px;} #header.header-40 .quick-access {float: right; margin: 0;} #header.header-40 .topmenu .menu-item-button {top: 8px; color:#0032ab;} #header.header-40 .navbar-default .navbar-toggle i{color:#002784;} #header.header-40 .topmenu.navbar-collapse{padding: 20px 7px!important;} #header.header-40 .nav-wide .menu-wrapper{background:none;} #header.header-41 .logo-wrapper {opacity: 0; float: left; margin: 0; padding-bottom: 1em; padding-top: 1em; padding-left: 10px;} #header.header-41 .logo {margin: 0} #header.header-41 h2.logo {margin: 0 20px 10px;} #header.header-41 .wrapper-menu {margin-top: 10px} #header.header-41 .menu-block {float: right; margin-top: 1.5em;} #header.header-41 .topmenu.navbar-collapse {background-color: #fff;} #header.header-41 .topmenu.navbar-collapse {right: 0; left: auto;} #header.header-41 .default-links.links li {margin-left: 10px;} #header.header-41 ul.topmenu li.level0 {display: block; float: none; padding-top: 0; padding-bottom: 0; } #header.header-41 ul.topmenu li.level0 a.level-top {color: #252525!important; display: block; border-width: 0; padding: 10px 0px !important;} #header.header-41 .topmenu.navbar-nav li.level0 > a.level-top:after {content: none;} #header.header-41 .topmenu li.level0 a.level-top:hover, #header.header-41 .topmenu li.level0.over a.level-top, #header.header-41 .topmenu.navbar-nav li.level0.active > a.level-top {color: #000 !important;} #header.header-41 .default-links.links li a {padding-left: 10px;} #header.header-41 .quick-access { float: right; margin: 0;} #header.header-41 .navbar-default .navbar-toggle {opacity: 1;} #header.header-41 .navbar-default .navbar-toggle.active, #header.header-41 .navbar-default .navbar-toggle:hover, #header.header-41 .navbar-default .navbar-toggle:focus {background-color: transparent; opacity: 0.8;} #header.header-41 .topmenu .menu-item-button {top: 4px;} .header .navbar-header .navbar-toggle {display: block;} .header .topmenu.navbar-collapse { background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); right: 0; top: 100%; position: absolute; width: 283px; z-index: 999; padding: 20px!important; } .header .topmenu.navbar-collapse.collapse {display: none!important;} .header .topmenu.navbar-collapse.collapse.in {display: block!important;} .header .topmenu.navbar-collapse > ul, .header .topmenu.navbar-collapse li {display: block; margin: 0; float: none; border: none; padding: 0;} .header .topmenu.navbar-collapse li a {color: #222!important; width: 100%; display: block; float: none;} .header .topmenu li.level0 a.level-top:hover, .header .topmenu li.level0.over a.level-top, .header .topmenu.navbar-nav li.level0.active > a.level-top {color: #ea505e!important; background: none;} .header .topmenu li.level0 a > i {display: none;} .header .topmenu li ul {display: none; position: static; width: 100%; box-shadow: none; background: none;} .header .topmenu li.level0 + li.level0:after, .header .topmenu li.level0 + li.level0:before {content: none;} .header .topmenu .menu-item-button {position: absolute; right: 0; padding: 3px; z-index: 1000; cursor: pointer; font-size: 18px; top: 0;} .header .topmenu .menu-item-button .icon-minus {display: none;} .header .topmenu .menu-item-button.active .icon-minus {display: inline-block;} .header .topmenu .menu-item-button.active .icon-plus {display: none;} .header .topmenu ul ul .menu-item-button {top: 0; right: 0;} ul.topmenu.nav-wide li.level-top, ul.topmenu.nav-wide ul.level0 li.level1 {display: block; margin: 0; float: none; position: relative; width: auto!important; padding: 0 15px;} ul.topmenu.nav-wide .top-content, ul.topmenu.nav-wide .bottom-content, ul.topmenu.nav-wide .right-content {display: none;} ul.topmenu.nav-wide .menu-wrapper {position: static; box-shadow: none; padding: 0;} ul.topmenu li.level0 a.level-top {border: none; margin: 0; padding: .5em 0!important;} ul.topmenu.nav-wide ul.level0 {display: block;} .nav-wide ul.level1 a span:before {content: none;} #sticky-header {display: none!important;} .menu-block .customer-name strong { display: none; } .menu-block .customer-name .user-icon { margin-right: 10px; } ul.topmenu li.level0.parent a.level-top::after {content: none!important;} /* Sidebar Wishlist */ .block-wishlist .slider-buttons { top: 40px; right: 0;} #wishlist-slider .block-title {padding-right: 0;} .block-compare li.item .product-name {width: 79%;} /* Listing =================================== */ .block.block-reorder .actions .btn, .block.block-compare .actions .btn { width: 100%; } .block .actions .btn-default + .btn-primary {margin: 0.75em auto 0; clear: both; display: block;} .block-account li:before {vertical-align: top; padding-top: 5px;} .block.block-account li a {max-width: 90%;} .sorter .amount, .col3-layout .sorter .amount, .col3-layout .sorter .limiter label { display: none; } .toolbar .sorter {width: auto;} .toolbar.no-pagination:not(.small-toolbar) .sorter {float: left;} .sorter .view-mode:not(.small) {float: none; clear: both; margin-bottom: 2.5em;} .toolbar .pager {width: auto; position: absolute; right: 0;} .toolbar-bottom .toolbar .pager {position: static;} .col3-layout .toolbar .sorter {width: auto;} .products-grid li.item.type-3 .right-block, .products-grid li.item.type-3 .left-block {float: none!important; width: auto; text-align: left;} .products-list .item.type-3 .rating-box i {width: 24px; height: 24px; line-height: 24px;} .products-list .item.type-3 .rating-box .rating {height: 24px;} .products-list .item.type-3 .rating-box .rating i:nth-child(2n) {left: 29px;} .products-list .item.type-3 .rating-box .rating i:nth-child(3n) {left: 58px;} .products-list .item.type-3 .rating-box .rating i:nth-child(4n) {left: 87px;} .products-list .item.type-3 .rating-box .rating i:nth-child(5n) {left: 116px;} /* Product Page ============================== */ .block.block-related .block-title strong span { padding-right: 45px; } .product-options-bottom .price-box { float: none; } .product-view .add-to-cart .btn { padding-left: 23px; padding-right: 23px; } .product-view .with-sidebar .small-layout .add-to-cart #product-addtocart-button, .product-view .with-sidebar .medium-layout .add-to-cart #product-addtocart-button {margin-left: 0; margin-top: .75em;} .product-view .with-sidebar .small-layout .quantity-wrapper, .product-view .with-sidebar .medium-layout .quantity-wrapper {float: none;} .with-sidebar .small-layout .add-to-links li:not(:first-child), .product-view .with-sidebar .small-layout .add-to-links li, .product-view .with-sidebar .small-layout .add-to-links i { margin: 0; } .product-view .with-sidebar .small-layout .add-to-links a:hover i { color: #ea505e; } .product-view .with-sidebar .small-layout .add-to-links a span { display: none; } .product-view .no-sidebar .small-layout .add-to-links li.email-friend, .product-view .large-layout .add-to-links li.email-friend, .product-view .with-sidebar .medium-layout .add-to-links li.email-friend { margin-top: .75em; margin-left: 0; } .product-view .no-sidebar .medium-layout .add-to-links li:not(:first-child), .product-view .no-sidebar .large-layout .add-to-links li:not(:first-child) { margin: 0 15px 0 0; } .product-view .with-sidebar .timer-wrapper .add-to-links li:not(:first-child) {margin-top: .75em;} .timer-wrapper {padding: .75em 12px .5em;} .timer-wrapper.full .timer-box > div { min-width: 40px;} .timer-wrapper.full .timer-box > div span {font-size: 3em; min-width: 40px;} .small-layout .product-options-bottom .timer-wrapper #product-addtocart-button {margin-top: .75em;} .product-view .vertical-tabs .tab-content-inner { width: 69%; } .no-sidebar .large-layout .vertical-tabs .tab-content-inner { width: 54%; } .no-sidebar .large-layout .vertical-tabs > .nav-tabs > li > a { width: 170px; } .no-sidebar .large-layout #tabs.vertical-tabs:after { left: 169px; } .product-view .small-layout .vertical-tabs .tab-content-inner { width: 100%; } .product-view .extralarge-layout .vertical-tabs .tab-content-inner { width: 70%; } .product-view .product-shop .box-tags .form-add .input-box, .product-view .product-shop .product-collateral .box-tags .form-add .input-box, .product-view > .product-collateral .box-tags .form-add .input-box { width: 100%; } .product-view .no-sidebar .medium-layout .nav-tabs>li { float: none; } .product-view .no-sidebar .medium-layout .vertical-tabs > .nav-tabs { float: none; margin: 0; } .product-view .no-sidebar .medium-layout .vertical-tabs > .nav-tabs > li > a { width: auto; margin: 0; } .product-view .no-sidebar .medium-layout #tabs.vertical-tabs:after { display: none; } .product-view .no-sidebar .medium-layout .vertical-tabs .tab-content-inner { width: 100%; padding: 0 20px;} .with-sidebar .product-shop.extralarge-layout #upsell-product-table li.item, .no-sidebar .medium-layout #upsell-product-table li.item, .large-layout #upsell-product-table li.item { width: 50%; } .no-sidebar .large-layout .vertical-tabs #upsell-product-table li.item { width: 100%; } .with-sidebar .product-shop.extralarge-layout #upsell-product-table li.item:nth-child(4n+1), .with-sidebar .product-shop.extralarge-layout #upsell-product-table li.item:nth-child(4n+4), .no-sidebar .medium-layout #upsell-product-table li.item:nth-child(3n+1), .large-layout #upsell-product-table li.item:nth-child(3n+1), .no-sidebar .medium-layout #upsell-product-table li.item:nth-child(3n+3), .large-layout #upsell-product-table li.item:nth-child(3n+3), .no-sidebar .large-layout .vertical-tabs #upsell-product-table li.item:nth-child(2n+1), .no-sidebar .large-layout .vertical-tabs #upsell-product-table li.item:nth-child(2n+2) { clear: none; } .with-sidebar .product-shop.extralarge-layout #upsell-product-table li.item:nth-child(2n+1), .no-sidebar .medium-layout #upsell-product-table li.item:nth-child(2n+1), .large-layout #upsell-product-table li.item:nth-child(2n+1) { clear: left; } .with-sidebar .product-shop.extralarge-layout #upsell-product-table li.item:nth-child(2n+2), .no-sidebar .medium-layout #upsell-product-table li.item:nth-child(2n+2), .large-layout #upsell-product-table li.item:nth-child(2n+2) { clear: right; } .product-view .no-sidebar .large-layout #tabs:not(.vertical-tabs) .nav-tabs > li > a { max-width: 100px; font-size: .83em; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .product-view .product-shop.extralarge-layout #tabs:not(.vertical-tabs) .nav-tabs > li > a { max-width: 140px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .related-bottom li.item:not(.owl-item):nth-of-type(4n+1) { clear: left; } .related-bottom li.item:not(.owl-item):nth-of-type(4n+4) { clear: right; } .review-box .review { width: 85%; } .review-box { width: 80%; } .customer-rating { width: 18.5%; } .product-view .product-name h1, .product-view .product-shop .price-box .price {font-size: 2em;} .product-banner {font-size: .5em;} #customer-reviews .form-add {margin-top: 1.5em;} #super-product-table .quantity-wrapper {width: 120px;} #super-product-table .quantity-wrapper i.fa {width: 20px;} #super-product-table .quantity-wrapper input {width: 40px;} .product-custom {float: none; clear: both; width: 100%;} /* Account ============================================= */ .my-account p.order-links { text-align: right; } .my-account .product-review .media-body .product-name { margin: 0; } .my-account .product-review .media-body .product-details small { float: none; margin-bottom: .75em; clear: both;} .my-wishlist .cart-cell .add-to-cart-alt { text-align: center; } .my-account .my-wishlist .cart-cell .btn-primary { margin: .75em 0 0; clear: both; } .my-wishlist .table-button { margin-bottom: .75em; } /* Cart =============================================== */ #shopping-cart-table .cart-actions a { display: block; margin: 0; text-align: center; } #shopping-cart-table .product-name a { max-width: 58%; } #shopping-cart-totals-table + .checkout-types .btn-proceed-checkout { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; width: 100%; padding: 6px; } .cart .crosssell .product-details { width: 100%; } .cart .cart-collaterals.sidebar > div { width: 33.333333%; float: left; padding: 0 10px; } .cart .cart-collaterals.sidebar > div:first-child { padding-left: 0; } .cart .cart-collaterals.sidebar > div:last-child { padding-right: 0; } #co-billing-form .gender { width: 16.66666666666667%; } #co-billing-form .dob { width: 100%; } #co-billing-form .gender + .dob { width: 83.33333333%; } .cart .cart-block .buttons-set .btn {width: 100%;} .cart .cart-block .buttons-set .btn + .btn {margin-top: -.5em;} .cart .cart-collaterals:not(.sidebar) .cart-block .buttons-set .btn {width: auto;} .cart .cart-collaterals:not(.sidebar) .cart-block .buttons-set .btn + .btn {margin-top: 0;} #crosssell-products-list .product-image {margin: 0 0 .75em; width: 100%;} .cart .crosssell li.item .add-to-links li i, .cart .crosssell li.item .btn {width: 32px; height: 32px; line-height: 30px;} /* Footer */ #popup-block .modal-dialog {width: 80%!important;} #popup-block .modal-dialog .modal-content {width: 100%!important;} #popup-block.tablet-hide { display: none !important; } [class*="col2-"] #customer-reviews > div, .col3-layout #customer-reviews > div {float: none!important; width: 100%;} [class*="col2-"] .box-reviews .customer-rating {width: 23%;} [class*="col2-"] .review-box {width: 75%; min-height: 181px;} [class*="col2-"] .review-box .review {width: 77%;} [class*="col2-"] .box-reviews .rating-block #product-review-table .item, .col3-layout .box-reviews .rating-block #product-review-table .item {padding-left: 20px; padding-right: 20px;} .col3-layout .product-options-bottom .price-box {float: none;} [class*="col2-"] .product-view .add-to-links li:nth-child(3n), .col3-layout .product-view .add-to-links li:not(:first-child), [class*="col2-"] .with-sidebar .add-to-links li:not(:first-child) {margin-top: .75em!important;} .col3-layout .nav-tabs > li, [class*="col2-"] .nav-tabs > li, [class*="col2-"] .vertical-tabs .nav-tabs {float: none; margin-right: 0;} .col3-layout .nav-tabs > li a, [class*="col2-"] .nav-tabs > li a {width: 100%; max-width: 100%!important;} .product-view .product-img-box .more-views h2, .catalog-product-view .block-title strong span {font-size: 1em;} [class*="col2-"] .product-view #tabs.vertical-tabs::after {content: none;} .col3-layout .vertical-tabs > .nav-tabs {width: 200px;} .block-cart .img-container {width: 44px; margin-right: 10px;} .block-cart .img-container .product-image {width: 100%;} .block-cart.block .block-content .btn-remove{top: -5px;} .block-cart .block-content .mini-products-list .product-details {width: 62%;} .my-account table.table .nobr {white-space: normal!important;} .my-account table.table > thead > tr > td, .my-account table.table > tbody > tr > td, .my-account table.table > tfoot > tr > td {padding: .75em 9px;} aside.sidebar .block.block-wishlist li.item .product-image {width: 100%; margin: 0 0 .75em;} aside.sidebar .block.block-wishlist li.item .product-details {width: 100%;} .my-account table.table .product-name {max-width: 67%;} #shopping-cart-table .product-image {margin-right: 12px; margin-bottom: .75em;} [class*="col2-"] .product-view .vertical-tabs .tab-content-inner {width: 100%; padding: 0 20px;} .product-view .small-layout .product-buttons > div, [class*="col2-"] .product-view .with-sidebar .product-buttons > div {float: none; width: 100%;} .product-view .small-layout .product-buttons .prev-button + .next-button , [class*="col2-"] .product-view .with-sidebar .product-buttons .prev-button + .next-button {margin: .75em 0 0;} [class*="col2-"] .product-view .with-sidebar .quantity-wrapper + #product-addtocart-button {margin: .75em 0 0;} .catalog-product-view .col3-layout .col-main {float: none; width: 100%; clear: both; left: 0;} .catalog-product-view .col3-layout .col-left {width: 50%; left: 0;} .catalog-product-view .col3-layout .col-right {width: 50%; right: 0;} .product-view .no-sidebar .small-layout .add-to-links li:not(:first-child) {margin-top: .75em;} [class*="col2-"] .product-view .sku, .product-view .with-sidebar .sku {display: block; border-right: none;} [class*="col2-"] .timer-wrapper.full .timer-box > div {min-width: 30px;} [class*="col2-"] .timer-wrapper.full .timer-box > div span {font-size: 1em; min-width: 30px;} .timer-wrapper.full .timer-box > div.title {margin-bottom: .5em;} #customer-reviews > .pull-left, #customer-reviews > .pull-right {float: none!important;} .parallax-banners-wrapper .image-wrapper .content {width: 36%; left: 32%;} header.header-2 .logo {text-align: left;} #toTop {display: none!important;} .form-list label {display: inline-block; float: none;} .text-banner.listing-banner .title {letter-spacing: -4px;} .text-banner.listing-banner .banner-content {font-size: .5em;} .products-grid .item.type-10 .left-wrapper {width: 65%;} .products-grid .item.type-10 .right-wrapper {width: 35%; padding-left: 5px;} .page-no-route .header h2.logo {margin-bottom: 0;} .page-no-route .text-block {text-align: center;} .page-no-route-2 .header h2.logo {margin-bottom: 1em;} .block-related .product-name .checkbox {right: 0;} .text-blocks .text-block {padding-left: 12px; padding-right: 12px;} .number-wrapper .number {font-size: 80px;} .promo-text-block .background-wrapper {background-position: center bottom;} #promo-slider .owl-wrapper-outer .desc-wrapper {width: 44%;} .video-tutorial-wrapper h3 {display: inline-block; width: 70%;} .video-tutorial-wrapper .video-link {display: inline-block; margin: 1.25em 0;} .page-not-found {margin-top: 0; padding-top: 40px; position: static;} .page-not-found .page-not-found-icon {float: none; width: 100%; text-align: center; padding: 0;} .page-not-found .page-not-found-text {float: none; width: 100%; text-align: center; padding-top: 30px;} .sorter .sort-by {float: left; margin-top: 20px;/* clear: left; */} .sorter .asc, .sorter .desc {clear: left; float: left; margin-top: 26px;} /* #header.header-3 .left-wrapper {width: 70%;} */ .footer-products-list .product-shop {width: 68%;} .image-box .actions {right: -2px;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .title-buttons { text-align: left; } .order-date { float: none; clear: both; padding-top: .75em; } .col2-left-layout .col-main, .col3-layout .col-wrapper .col-main, .col-left.sidebar, .col-right.sidebar {float: none;} body .col-main form .form-list .form-group .gender { width: 100%; margin-bottom: 1em; } body .col-main form .form-list .form-group .gender + .customer-dob { width: 100%; } body .form-list .gender + .customer-dob .dob-month, body .col-main.col-sm-9 .form-list .gender + .customer-dob .dob-month, body .form-list .gender + .customer-dob .dob-day, body .col-main.col-sm-9 .form-list .gender + .customer-dob .dob-day, body .form-list .gender + .customer-dob .dob-year, body .col-main.col-sm-9 .form-list .gender + .customer-dob .dob-year { width: 33.333333333333%; } /* Data Table */ table.table table, table.table thead, table.table tbody, table.table th, table.table td, table.table tr { display: block; border: none!important; text-align: left !important; width: 100%!important; float: none; } table.table thead tr { display: none;} table.table th, table.table td { padding: 10px 10px; width: 100%!important;} table.table td a.product-image{width:auto; max-width:100%; margin:0 auto; float:none;} table.table td a.product-image img{width:100%;} table.table td .cart-label { width: 80px; display: inline-block; vertical-align: middle; font-size:1.16em; color:#888; font-weight:normal; } table.table td.last { border-bottom: 1px solid #ddd!important;/* margin-bottom: 1.5em; */ margin-bottom: -1px;} .arrow-type-2 .slider-container .next, .arrow-type-2 .owl-buttons .next {right: -8px;} .arrow-type-2 .slider-container .prev, .arrow-type-2 .owl-buttons .prev {left: -8px;} .form-list .customer-name .name-firstname, .form-list .customer-name-prefix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name .name-lastname, .opc-wrapper-opc .opc-col-left .form-list .customer-name .name-firstname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix .name-lastname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename .name-firstname, .opc-wrapper-opc .opc-col-left .form-list .customer-name .name-lastname { width: 100%; } .form-list .customer-name-prefix-suffix .name-lastname, .form-list .customer-name-prefix-suffix .name-firstname, .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname, .form-list .customer-name-prefix .name-firstname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-suffix .name-lastname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-suffix .name-firstname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename-suffix .name-firstname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename .name-firstname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix .name-firstname { width: 75%; } .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-prefix-middlename .name-middlename, .form-list .customer-name-prefix-middlename-suffix .name-middlename, .form-list .customer-name-middlename-suffix .name-middlename, .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename .name-middlename, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename .name-middlename, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename-suffix .name-middlename, .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename-suffix .name-middlename { width: 33.003300330033%; margin-top: 0; } .form-list .customer-name-middlename .name-lastname, .form-list .customer-name-prefix-middlename .name-lastname, .form-list .customer-name-prefix-middlename-suffix .name-lastname, .form-list .customer-name-middlename-suffix .name-lastname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename .name-lastname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename .name-lastname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename-suffix .name-lastname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename-suffix .name-lastname { width: 41.91419141914191%; margin-top: 1.5em; } .form-list .customer-name-middlename .name-lastname, .form-list .customer-name-prefix-middlename .name-lastname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename .name-lastname, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename .name-lastname { width: 66.996699669967%; margin-top: 1.5em; } .form-list .customer-name-middlename .name-suffix, .form-list .customer-name-prefix-middlename .name-suffix, .form-list .customer-name-prefix-middlename-suffix .name-suffix, .form-list .customer-name-middlename-suffix .name-suffix, .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename .name-suffix, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename .name-suffix, .opc-wrapper-opc .opc-col-left .form-list .customer-name-prefix-middlename-suffix .name-suffix, .opc-wrapper-opc .opc-wrapper-opc .opc-col-left .form-list .customer-name-middlename-suffix .name-suffix { margin-top: 1.5em; } body.sidebar-left .col2-left-layout .col-main { float: none !important; } body.catalog-category-view .col-main { margin-bottom: 3em; } /* Header */ #header #sliding-top {text-align: left;} .logo { float: none; margin: 0; text-align: center; clear: both; } .header .welcome-msg { display: none; } .header .quick-access { float: none; clear: both; margin-top: 1.5em; } header.header .top-cart {margin: 8px 10px 8px 0;} header.header .top-cart .block-title .title-cart {padding-top: 0;} header.header .top-cart .block-content .mini-products-list .product-details { width: 61%; } header.header .top-cart .block-title .title-cart .top-cart-label, header.header .top-cart .block-title .title-cart .bottom { display: none; } header.header .top-cart .block-content { width: 300px; right: auto; left: 10px;} .header .form-search input { width: 89%; } #header .top-block, #header .bottom-block {text-align: center;} #header .bottom-block .container {padding-bottom: 2em;} .header .navbar-header .navbar-toggle {display: block; margin: 0;} #header h2.logo {display: inline-block; vertical-align: middle; margin: 0 10px 0 0; float: none;} #header .wrapper-menu {float: none; display: inline-block; vertical-align: middle; position: relative;} #header .quick-access {float: none; display: block; margin: 0; padding: 0;} #header .header-contacts {float: none; text-align: center;} #header .header-contacts span {display: block; margin: 0; padding: 0 0 6px;} #header .social-links {float: none;} #header.header .top-cart, #header.header .search-mini-form, #header .language-currency-wrapper {float: none; display: inline-block; vertical-align: middle; position: static;} #header .search-button {margin: 9px 10px;} #header .wrapper-menu .navbar-default {position: static;} #header.header-2 h2.logo {margin-right: 0;} #header.header-2 h2.logo + .pull-left{float: none!important; text-align: center; margin-bottom: 1.5em;} #header.header-2 .search-mini-form{margin-right: 0;} #header.header-2 .top-cart .block-title .top-cart-icon i{line-height: normal;} #header.header-2 ul.topmenu > li.level0 > a.level-top:after{display: none;} #header.header-2 .links-wrapper{padding-top: 1em;} #header.header-2 .language-currency-wrapper{margin-bottom: 15px;} #header.header-2 .top-cart, #header.header-2 .search-mini-form, #header.header-2 .links{float: right;} #header.header-2 .menu-block .wrapper-menu{display: block;} #header.header-2 .menu-block .wrapper-menu .pull-left{width: 100%!important; text-align: center;} #header.header-2 .navbar{float: left;} #header.header-2 .topmenu.navbar-collapse > ul, #header.header-2 .topmenu.navbar-collapse li{display: block;} #header.header-2 ul.topmenu > li.level0 > a.level-top span:after{display: none;} #header.header-2 .topmenu.navbar-collapse{left: 0;} #header.header-2 .top-cart .block-content{left: auto; right: 0;} #header.header-2 .topmenu.navbar-collapse li a.span.subtitle, #header.header-2 .topmenu.navbar-collapse li a{color:#222;} #header.header-2 ul.topmenu li.level0 a.level-top{padding: 10px 0!important;} #header.header-2 .topmenu.navbar-collapse li a {color: #585858!important;} #header.header-2 .topmenu .menu-item-button{font-size:30px; top: -6px; border-left: 1px solid #eee;} #header.header-3 {background-color: #fff;} #header.header-3 h2.logo {width: 70%;} #header.header-3 .left-wrapper, #header.header-3 .quick-access {width: auto; float: none;} #header.header-3 .left-wrapper, #header.header-3 .wrapper-menu {position: static;} #header.header-3 .quick-access:before {content: none;} #header.header-3 {position: static;} #header.header-3 .top-block > .container {padding-left: 10px; padding-right: 10px;} #header.header-3 .bottom-block > .container {padding-bottom: 0;} #header.header-3 ul.social-links {display: inline-block;} #header.header-3 ul.social-links li a i, #header.header-3 .top-block .container, #header.header-3 .customer-name .user-icon, #header.header-3 .links:not(.default-links) li a.top-link-login {color: rgba(0,0,0,.5);} #header.header-3 .top-block .container a {color: #2991d6;} #header.header-3 .form-search .indent {right: 10px; width: auto; left: 10px;} #header.header-3 .search-button {position: static; margin-top: 9px; float: none; display: inline-block; vertical-align: middle;} #header.header-3 .language-currency-wrapper {margin-right: 10px; position: relative;} #header.header-4 .language-currency {text-align: center!important;} #header.header-4 .language-currency-wrapper {position: relative;} #header.header-4 .quick-access {float: none; display: inline-block;} #header.header-4 .bottom-block {text-align: left;} #header.header-4 .wrapper-menu {margin: 0;} #header.header-4 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-4 ul.topmenu li.level0 {padding: 0;} .header-breadcrumbs-wrapper .vertical-header { height: auto!important; position: static; width: 100%; } #header.header-5 .quick-access {float: none; width: 100%;} #header.header-5 h2.logo {float: left;} body.vertical-header .content-wrapper > .container {margin: 0 auto; padding: 0 10px;} .header-breadcrumbs-wrapper .vertical-header + .breadcrumbs-wrapper .container {padding-left: 10px; padding-right: 10px;} #header.header-5 .logo-block {float: left; margin-top: 0;} #header.header-5 .wrapper-menu {margin: 60px 0; float: right;} #header.header-5 .top-block .navbar-toggle i {font-size: 24px; color: #000;} #header.header-5 ul.topmenu li.level0 a.level-top {text-align: left;} #header.header-5 ul.topmenu.nav-wide .menu-wrapper {width: auto; left: auto;} #header.header-5 .language-currency-wrapper {position: relative;} #header.header-5 .language-currency-wrapper, #header.header-5 .links, #header.header-5 .search-mini-form {min-width: auto; width: auto; margin-left: 20px; float: right;} #header.header-5 .form-search .indent {right: 0; top: 100%;} #header.header-5 .top-cart .block-content {right: auto; left: 0; width: 320px;} .header-wrapper .custom-block {position: fixed; bottom: 0; z-index: 999999; background-color: #fff;} .header-wrapper .custom-block .indent {opacity: 0; z-index: -1; height: 0; overflow: hidden;} .header-wrapper .custom-block .indent.active {overflow: visible;} .header-wrapper .custom-block .social-links {padding-top: 20px;} .header-wrapper .custom-block .mobile-button {display: block; position: relative; color: #000; font-size: 18px;} .header-wrapper .custom-block .footer-links {float: none!important; clear: both; margin-top: 10px;} .header-wrapper .custom-block .footer-links ul {position: static; width: auto; height: auto; box-shadow: none; display: block; text-align: center; padding: 0; margin: 0 0 15px;} .header-wrapper .custom-block .footer-links ul li {display: inline-block; border: none; margin: 0 5px;} .header-wrapper .custom-block address {margin: 12px 0;} .header-wrapper .custom-block .store-switcher-wrapper {float: none; width: 25%; display: inline-block; padding: 0; margin: 0;} .header-wrapper .custom-block .footer-links-button {display: none;} .header-breadcrumbs-wrapper .vertical-header + .breadcrumbs-wrapper {margin-left: 0;} .custom-block .social-links-wrapper {background-color: transparent;} #header.header-6 h2.logo {margin: 0 10px;} #header.header-6 h2.logo img {width: 100%; height: auto;} #header.header-6 .navbar-default .navbar-toggle, #header.header-6 .navbar-default .navbar-toggle:hover, #header.header-6 .navbar-default .navbar-toggle:focus {background-color: transparent; color: #fff;} #header.header-6 .navbar-default .collapse {margin-right: 10px;background-color: #183964; padding-left: 0 !important; padding-right: 0 !important;} #header.header-6 .navbar-default .collapse li { margin-left: 0 !important; margin-right: 0 !important;} #header.header-6 ul.topmenu li.level0 a.level-top {border-radius: 0 !important;} #header.header-6 .navbar-default .collapse a { padding-left: 10px !important; padding-right: 10px !important;} #header.header-6 .navbar-default .collapse a.over { color: #fff !important;} #header.header-6 ul.topmenu:not(.nav-wide) ul, #header.header-6 ul.topmenu:not(.nav-wide) div {background-color: transparent;} #header.header-6 .topmenu.navbar-collapse li li.first a {border-top: 1px solid rgba(0, 0, 0, 0.05);} #header.header-6 .topmenu > li.level0 > a.level-top:hover {background: #1b527c; color: #fff !important;} #header.header-6 ul.topmenu li.level0 {margin: 5px 0;} #header.header-6 .topmenu.navbar-collapse li a {color: #fff !important;} #header.header-6 ul.topmenu i {color: #fff;} #header.header-6 .form-search .indent {width: 50%;} #header.header-6 .topmenu.navbar-collapse {width: 300px;} #header.header-6 .form-search .indent {margin-top: 33px; width: 300px;} #header.header-6 h2.logo {float: left; margin-right: 0; padding: 15px 0 15px 42px; width: 239px;} #header.header-6 h2.logo a {padding: 0;} #header.header-6 .wrapper-menu {margin-top: 20px;} #header.header-7 .wrapper-menu {float: left; margin: 0;} #header.header-7 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-7 .quick-access {float: right; position: static; padding: 10px 0; clear: none;} #header.header-7 .form-search .indent {width: 300px;} #header.header-7 .language-currency-wrapper {position: relative;} #header.header-7 .bottom-block .container {padding-bottom: 0;} #header.header-7 .top-cart .block-content {left: auto; right: 10px;} #header.header-8 .custom-links {float: left!important; width: 75%; text-align: left;} #header.header-8 .quick-access {padding-bottom: 8px; padding-top: 8px; float: right; width: 75%;} #header.header-8 .language-currency-wrapper {position: relative;} #header.header-8 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-8 ul.topmenu li.level0:hover a.level-top::after, #header.header-8 ul.topmenu li.level0.over a.level-top::after, #header.header-8 ul.topmenu.navbar-nav li.level0.active > a.level-top::after {content: none!important;} #header.header-9 .quick-access {float: left; clear: none;} #header.header-9 .wrapper-menu {margin: 20px 0 18px;} #header.header-9 ul.topmenu li.level0 {padding: 0;} #header.header-9 ul.topmenu li.level0:hover a.level-top, #header.header-9 ul.topmenu li.level0.over a.level-top, #header.header-9 ul.topmenu.navbar-nav li.level0.active > a.level-top {background: none;} #header.header-9 .bottom-block .container {padding-bottom: 0;} #header.header-10 h2.logo {margin-right: 0; float: none;} #header.header-10 h2.logo + .pull-left{float: none!important; text-align: center; margin-bottom: 1.5em;} #header.header-10 .search-mini-form{margin-right: 0;} #header.header-10 .top-cart .block-title .top-cart-icon i{line-height: normal;} #header.header-10 ul.topmenu > li.level0 > a.level-top:after{display: none;} #header.header-10 .links-wrapper{padding-top: 1em;} #header.header-10 .language-currency-wrapper{margin-bottom: 15px;} #header.header-10 .top-cart, #header.header-10 .search-mini-form, #header.header-10 .links{float: right;} #header.header-10 .menu-block .wrapper-menu{display: block;} #header.header-10 .menu-block .wrapper-menu .pull-left{width: 100%!important; text-align: center;} #header.header-10 .navbar{float: left;} #header.header-10 .topmenu.navbar-collapse > ul, #header.header-10 .topmenu.navbar-collapse li{display: block;} #header.header-10 ul.topmenu > li.level0 > a.level-top span:after{display: none;} #header.header-10 .topmenu.navbar-collapse{right: 0;} #header.header-10 .top-cart .block-content{left: auto; right: 0;} #header.header-10 ul.topmenu li.level0 a.level-top{line-height: normal;} #header.header-10 .topmenu.navbar-collapse li a{color:#626262!important;} #header.header-10 .wrapper-menu{ display: block; text-align: center; position: relative; top: -9px; } #header.header-10 .navbar{float: none; display: inline-block;} #header.header-10 .quick-access{padding-top: 5px; padding-right: 0;} #header.header-10 .language-currency-wrapper{float: left;} #header.header-10 .topmenu.navbar-collapse li a.span.subtitle, #header.header-10 .topmenu.navbar-collapse li a{color:#222;} #header.header-10 .topmenu.navbar-collapse li a{color:#C2B2A1!important;} #header.header-10 .topmenu.navbar-collapse{background:#4b4138; border: none;} #header.header-10 ul.topmenu li.level0 a.level-top{padding:12px 0!important;} #header.header-10 .nav-wide ul.level0 li.level1 span.subtitle{color:#C2B2A1;} #header.header-10 .nav-wide .menu-wrapper{background:transparent;} #header.header-10 .navbar-default .navbar-toggle:hover, #header.header-10 .navbar-default .navbar-toggle:focus{background:none;} #header.header-11 .language-currency-wrapper {position: relative;} #header.header-11 .custom-links li a {font-size: 12px;} #header.header-11 h2.logo {margin: 0;} #header.header-11 .wrapper-menu {margin: -5px 0; float: left;} #header.header-11 .quick-access {float: right; clear: none; padding: 0;} #header.header-11 .bottom-block .container {padding-bottom: 0;} #header.header-11 .bottom-block-inner {padding-bottom: 12px;} #header.header-11 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-11 ul.topmenu li.level0 {padding: 0;} #header.header-11 ul.topmenu li.level0:hover, #header.header-11 ul.topmenu li.level0.over, #header.header-11 ul.topmenu.navbar-nav li.level0.active {border: none; margin: 0;} #header.header-11 .language-currency-wrapper {position: relative;} #header.header-12 a.level-top:before{display: none;} #header.header-12 h2.logo{display: block; padding: 0;} #header.header-12 .quick-access {float: left; padding: 0 0 28px;} #header.header-13 .top-block {text-align: center;} #header.header-13 .quick-access {float: none;} #header.header-13 .language-currency-wrapper {float: left;} #header.header-13 .wrapper-menu {margin-top: 17px;} #header.header-13 .form-search .indent {left: 0; right: 0; margin: 0 auto;} #header.header-13 .topmenu .menu-item-button {z-index: 99999;} #header.header-13 ul.topmenu li.level0 {margin: 5px 0;} #header.header-13 ul.topmenu li.level0 a.level-top {padding-top: 10px; padding-bottom: 10px;} #header.header-13 .topmenu li.level0 a.level-top:hover, #header.header-13 .topmenu li.level0.over a.level-top, #header.header-13 .topmenu.navbar-nav li.level0.active > a.level-top {color: #f4d028 !important;} #header.header-13 .bottom-block .container {padding-bottom: 0;} #header.header-13 .wrapper-menu {margin-top: 17px;} #header.header-13 .top-cart, #header.header-13 .search-mini-form, #header.header-13 .language-currency-wrapper {float: left;} #header.header-14 .topmenu.navbar-collapse {right: -10px;} #header.header-14 .customer-name-block, #header.header-14 .links {display: inline-block; float: none; margin: 0 0 0 10px; vertical-align: middle;} #header.header-14 .customer-name-wrapper + .links {right: auto; left: 0; text-align: left;} #header.header-14 .language-currency-wrapper {position: relative;} #header.header-14 .quick-access {float: right; width: 100%;} #header.header-15 .wrapper-menu {margin: 5px 0 0;} #header.header-15 .language-currency-wrapper {position: relative;} #header.header-15 .bottom-block .container {padding-bottom: 0;} #header.header-15 h2.logo {width: 100%; margin-right: 0;} #header.header-15 .links {float: none; display: inline-block;} #header.header-15 .quick-access { display: block; width: 100%;} #header.header-15 .bottom-block .pull-right { float: none !important;} #header.header-15 .navbar-header {display: inline-block;} #header.header-15 .topmenu.navbar-collapse.collapse.in {position: relative; padding-left: 20px !important;} #header.header-15 ul.topmenu li.level0 a.level-top {line-height: 25px;} #header.header-15 .navbar-default .navbar-toggle:hover, #header.header-15 .navbar-default .navbar-toggle:focus {background-color: transparent;} #header.header-16 .customer-name-block, #header.header-16 .links {display: inline-block; float: none; margin: 0 0 0 10px; vertical-align: middle;} #header.header-17 .wrapper-menu {float: none !important;} #header.header-17 .left-wrapper {float: none;} #header.header-17 .quick-access {float: none !important; display: inline-block;} #header.header-17 .language-currency-dropdown {left: auto;} #header.header-17 ul.topmenu li.level0 {padding: 5px 0;} #header.header-18 {padding-top: 0;} .boxed-layout #header.header-18 .top-block > .container, .boxed-layout #header.header-18 .bottom-block > .container {padding-left: 10px; padding-right: 10px;} #header.header-18 .wrapper-menu {margin: 19px 0;} #header.header-18 .customer-name-block, #header.header-18 .links {display: inline-block; float: none; margin: 0 0 0 10px; vertical-align: middle;} #header.header-18 .language-currency-wrapper {position: relative;} #header.header-19 h2.logo {margin: 0; width: 100%;} #header.header-19 .wrapper-menu {position: absolute; top: 24px; right: 20px;} #header.header-19 .top-block .navbar-toggle i {font-size: 23px;} #header.header-19 ul.topmenu li.level0 {border-width: 0; margin: 10px;} #header.header-19 ul.topmenu li.level0 a.level-top {font-size: 15px;} #header.header-19 .language-currency-wrapper, #header.header-19 .links {width: auto; position: relative;} #header.header-19 .search-mini-form {width: 20%;} #header.header-19 .quick-access {display: inline-block; float: none !important; padding: 10px 0;} #header.header-20 .bottom-block .container {padding-bottom: 0;} #header.header-21 .wrapper-menu {margin: 3px 0 0; float: left;} #header.header-21 .quick-access {float: right; clear: none;} #header.header-21 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-21 .topmenu.navbar-collapse {padding: 0!important; background-color: #02050e; border: none;} #header.header-21 .topmenu.navbar-collapse li.level0 {margin: 0; padding: 0; border: none;} #header.header-21 .topmenu.navbar-collapse li.level0 a {color: #a8a8a8!important; padding: 12px 20px!important; border-radius: 0!important;} #header.header-21 .topmenu.navbar-collapse li.level0.active a {background-color: rgba(0,0,0,.1); color: #a8a8a8!important;} #header.header-21 .navbar-default .navbar-toggle, #header.header-21 .navbar-default .navbar-toggle.active {margin: 0; background-color: rgba(255,255,255,.1);} #header.header-21 .language-currency-wrapper {position: relative;} #header.header-21 .bottom-block .container {padding-bottom: 0;} #header.header-21 h2.logo {float: left; margin-right: 10px; width: 70%;} #header.header-22 h2.logo {margin: 0;} #header.header-22 .bottom-block .container {padding-bottom: 10px;} #header.header-22 .wrapper-menu {margin-top: 15px;} #header.header-22 ul.topmenu li.level0 {padding: 5px 0; border-width: 0;} #header.header-22 .language-currency-wrapper, #header.header-22 .links {width: auto; position: relative;} #header.header-22 .search-mini-form {width: 20%;} #header.header-22 .quick-access {display: inline-block; float: none !important; padding: 10px 0;} #header.header-22 .top-cart {margin: 8px 10px 8px 10px;} #header.header-23 .top-block .container {border-bottom-width: 0;} #header.header-23 .wrapper-menu {position: absolute; top: 0; left: 0; z-index: 9999;} #header.header-23 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-23 h2.logo {margin: 0;} #header.header-23 .bottom-block .container {padding-bottom: 10px; color: #c40009;} #header.header-23 .language-currency-wrapper {float: none; padding: 10px 0 0;} #header.header-23 h2.logo a {padding: 10px 0;} #header.header-23 .wrapper-menu {margin-top: 15px;} #header.header-23 ul.topmenu li.level0 {padding: 0; margin: 0;} #header.header-23 ul.topmenu li.level0 a.level-top { padding: 15px 10px !important; color: #6e75a3 !important; font-style: normal; -moz-transform: skewX(0deg) skewY(0deg); -webkit-transform: skewX(0deg) skewY(0deg); -o-transform: skewX(0deg) skewY(0deg); -ms-transform: skewX(0deg) skewY(0deg); transform: skewX(0deg) skewY(0deg); } #header.header-23 .language-currency-wrapper, #header.header-23 .links {width: auto; position: relative;} #header.header-23 .search-mini-form {width: 20%;} #header.header-23 .quick-access {display: inline-block; float: none !important; padding: 10px 0; text-align: left;} #header.header-23 .top-cart {margin: 8px 10px 8px 0;} #header.header-24 .topmenu.navbar-collapse {left: 0;} #header.header-24 .form-search input {width: 92.5%;} #header.header-24 .top-block .container {border-bottom-width: 0;} #header.header-24 .wrapper-menu {position: absolute; top: 0; left: 0; z-index: 9999;} #header.header-24 h2.logo {margin: 0;} #header.header-24 .bottom-block .container {padding-bottom: 10px; color: #c40009;} #header.header-24 .language-currency-wrapper {float: none; padding: 10px 0 0; margin: 0;} #header.header-24 h2.logo a {padding: 10px 0;} #header.header-24 h2.logo a img {width: 100%; height: auto;} #header.header-24 .wrapper-menu {margin-top: 15px;} #header.header-24 ul.topmenu li.level0 {padding: 0; margin: 0;} #header.header-24 .topmenu.navbar-collapse {background-color: #fff; padding-left: 0 !important; padding-right: 0 !important;} #header.header-24 ul.topmenu li.level0 a.level-top {color: #1a1a1a !important; padding: 12px 20px !important;} #header.header-24 ul.topmenu li.level0 a.level-top:hover, #header.header-24 ul.topmenu li.level0.over a.level-top, #header.header-24 .topmenu.navbar-nav li.level0.active > a.level-top {color: #cfaa47 !important; background-color: transparent; ;} #header.header-24 .language-currency-wrapper, #header.header-24 .links {width: auto; position: relative;} #header.header-24 .search-mini-form {width: 20%;} #header.header-24 .quick-access {display: inline-block; float: none !important; padding: 10px 0; text-align: left;} #header.header-24 .top-cart {margin: 8px 0 8px 10px;} #header.header-25 .wrapper-menu {position: relative;} #header.header-25 .topmenu.navbar-collapse {padding: 0!important; background-color: #0c1314; border: none; left: 0;} #header.header-25 .quick-access {float: right; clear: none; padding: 0;} #header.header-25 .topmenu.navbar-collapse li.level0 {margin: 0; padding: 0;} #header.header-25 .topmenu.navbar-collapse li.level0 a.level-top {padding: 12px 20px!important; border-radius: 0!important; color: #fff!important;} #header.header-25 ul.topmenu li.level0 a.level-top::after {content: none;} #header.header-25 li.level0 a.level-top:hover, #header.header-25 .topmenu.navbar-collapse li.level0.active a {background-color: rgba(255,255,255,.1); color: #fff!important;} #header.header-25 .wrapper-menu {margin-top: -3px; float: left;} #header.header-25 .navbar-default .navbar-toggle:hover, #header.header-25 .navbar-default .navbar-toggle:focus {background-color: rgba(255,255,255,.2);} #header.header-25 .top-block .container {padding-left: 10px; padding-right: 10px;} #header.header-25 .top-block-inner {padding: 0;} #header.header-25 .bottom-block-inner {width: 100%; padding: 0 10px;} #header.header-25 h2.logo {margin: 0;} #header.header-25 .language-currency-wrapper {position: relative;} #header.header-26 .wrapper-menu{background:none;} #header.header-26 .menu-block .navbar-default{ margin: 0; } #header.header-26 .navbar-default .navbar-toggle, #header.header-26 .navbar-default .navbar-toggle.active{background:none;} #header.header-26 .topmenu.navbar-collapse{ right: auto; left: 0; padding:0!important; width:270px; } #header.header-26 ul.topmenu{display: block;} #header.header-26 ul.topmenu li.level0{padding:0 20px;} #header.header-26 ul.topmenu li.level0 a.level-top{line-height: 35px;} #header.header-26 .topmenu .menu-item-button{top: 9px; right: 7px;} #header.header-26 .topmenu ul.level0 .menu-item-button{top: 2px;} #header.header-26 ul.topmenu li.level0 a.level-top{color:#5A4732!important;} #header.header-26 .top-cart, #header.header-26 .search-mini-form, #header.header-26 .language-currency-wrapper{float: right;} #header.header-26 .top-cart .block-content{left: auto; right: 10px;} #header.header-27 h2.logo {margin: 0; width: 100%; display: block;} #header.header-27 .bottom-block {position: relative;} #header.header-27 .bottom-block .container {padding-bottom: 10px;} #header.header-27 .navbar-header {position: absolute; right: 10px; top: 7px;} #header.header-27 .wrapper-menu {margin-top: 0; margin-right: 0; position: initial;} #header.header-27 .topmenu.navbar-collapse {background-color: #000; margin-left: 20px; padding-left: 0 !important; padding-right: 0 !important; position: relative !important; right: auto; border-width: 0;} #header.header-27 ul.topmenu li.level0 {padding: 5px 0;} #header.header-27 ul.topmenu li.level0 a.level-top {padding: 10px 20px !important;} #header.header-27 .topmenu.navbar-collapse {box-shadow: none;} #header.header-27 .language-currency-wrapper, #header.header-27 .links {width: auto; position: relative;} #header.header-27 .search-mini-form {width: 20%;} #header.header-27 .quick-access {display: inline-block; float: none !important; padding: 10px 0;} #header.header-27 .top-cart {margin: 8px 10px 8px 10px;} #header.header-28 .wrapper-menu{float: left; padding: 14px 0 0;} #header.header-28 .navbar-default .navbar-toggle{padding:0!important;} #header.header-28 .navbar-default .navbar-toggle:hover, #header.header-28 .navbar-default .navbar-toggle:focus{background:none;} #header.header-28 .topmenu.navbar-collapse{right: auto; left: -10px;} #header.header-28 ul.topmenu li.level0 a.level-top{font-size: 14px;} #header.header-28 ul.topmenu li.level0 a.level-top{padding: 10px 0!important;} #header.header-28 .topmenu li.level0 a.level-top:hover, #header.header-28 .topmenu li.level0.over a.level-top, #header.header-28 .topmenu.navbar-nav li.level0.active > a.level-top{color:#1d3e93!important;} #header.header-28 .custom-links{padding: 0 0 20px 0;} #header.header-28 .custom-links li{margin-bottom: 5px;} #header.header-28 .quick-access{float: right;} #header.header-28 .language-currency-wrapper{position: relative;} #header.header-28 .top-cart .block-content{right: 0; left: auto;} #header.header-29 .logo-wrapper {opacity: 0; float: left; margin: 0; padding-bottom: 1em; padding-top: 1em; padding-left: 10px;} #header.header-29 .logo {margin: 0} #header.header-29 .wrapper-menu {float: right; margin-top: 1.5em;} #header.header-29 .bottom-block .container {padding-bottom: 0;} #header.header-29 .topmenu.navbar-collapse {background-color: #d9d9d9;} #header.header-29 .topmenu.navbar-collapse {right: 0; left: auto;} #header.header-29 .default-links.links li {margin-left: 10px;} #header.header-29 ul.topmenu li.level0 {display: block; float: none;} #header.header-29 ul.topmenu li.level0 a.level-top {display: block; border-width: 0; text-align: center; padding: 12px 15px !important;} #header.header-29 .topmenu li.level0 a.level-top:hover, #header.header-29 .topmenu li.level0.over a.level-top, #header.header-29 .topmenu.navbar-nav li.level0.active > a.level-top {color: #007aff !important;} #header.header-29 ul.topmenu li.item-logo {display: none;} #header.header-29 .default-links.links li a {padding-left: 10px;} #header.header-29 .quick-access { float: right; margin: 0;} #header.header-30 .top-block {position: relative; z-index: 3;} #header.header-30 .wrapper-menu {margin-top: 18px;} #header.header-30 .topmenu.navbar-collapse {padding: 0!important; background-color: #f0efeb;} #header.header-30 .topmenu.navbar-collapse li.level0 {margin: 0; padding: 0; border: none;} #header.header-30 .topmenu.navbar-collapse li.level0 a {color: #68502e!important; padding: 12px 20px!important; border-radius: 0!important;} #header.header-30 .topmenu.navbar-collapse li.level0.active a {background-color: rgba(255,255,255,.1); color: #68502e!important;} #header.header-30 .navbar-default .navbar-toggle, #header.header-30 .navbar-default .navbar-toggle.active {margin: 0; background-color: rgba(255,255,255,.1);} #header.header-30 .customer-name-block, #header.header-30 .links {display: inline-block; float: none; margin: 0 0 0 10px;} #header.header-30 .language-currency-wrapper {position: relative;} #header.header-31 .top-block > .container {padding: 0 10px; text-align: center;} #header.header-31 .top-block .left-block, #header.header-31 .top-block .quick-access {float: none; display: inline-block;} #header.header-31 .navbar-toggle {float: left;} #header.header-31 .topmenu.navbar-collapse {left: 0; right: auto; text-align: left; padding: 0!important; background-color: #F7F4EF!important;} #header.header-31 .topmenu.navbar-collapse > ul {width: 100%;} #header.header-31 ul.topmenu li.level0 a.level-top {background: none; font-size: 16px;} #header.header-31 ul.social-links {margin: 0; display: inline-block;} #header.header-31 .customer-name-block, #header.header-31 .links {display: inline-block; float: none; margin: 0 0 0 12px;} #header.header-31 .language-currency-wrapper {position: relative;} #header.header-32 .language-currency-wrapper {margin-right: 0;} #header.header-32 .language-currency-block {border-width: 1px;} #header.header-32 .logo {margin: 0} #header.header-32 .social-links {display: inline-block;} #header.header-32 .quick-access {clear: none;} #header.header-32 .menu-block {margin-bottom: 10px;} #header.header-32 .custom-top-block {margin-top: 0;} #header.header-32 .navbar-default .navbar-toggle {opacity: 1;} #header.header-32 .navbar-default .navbar-toggle.active, #header.header-32 .navbar-default .navbar-toggle:hover, #header.header-32 .navbar-default .navbar-toggle:focus {background-color: transparent; opacity: 0.8;} #header.header-32 .menu-block .wrapper-menu {margin-top: 10px;} #header.header-32 .wrapper-menu {float: left; margin-top: 1.5em;} #header.header-32 .bottom-block .container {padding-bottom: 0;} #header.header-32 .topmenu.navbar-collapse {background-color: #d9d9d9;} #header.header-32 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-32 .default-links.links li {margin-left: 10px;} #header.header-32 .topmenu.navbar-collapse {background-color: #f6f8fb;} #header.header-32 ul.topmenu li.level0 {display: block; float: none; padding: 0;} #header.header-32 ul.topmenu li.level0 a.level-top {color: #736454 !important; display: block; border-width: 0; padding: 15px !important;} #header.header-32 ul.topmenu li.level0 a.level-top:after {content: none;} #header.header-32 .topmenu li.level0 a.level-top:hover, #header.header-32 .topmenu li.level0.over a.level-top, #header.header-32 .topmenu.navbar-nav li.level0.active > a.level-top {color: #5a4d3e !important;} #header.header-32 .default-links.links li a {padding-left: 10px;} #header.header-32 .quick-access { float: right; margin: 0;} #header.header-33 .logo-wrapper {float: none !important; width: 100%;} #header.header-33 {text-align: center;} #header.header-33 .language-currency, #header.header-33 .quick-access {display: inline-block; float: none !important; width: auto; vertical-align: top;} #header.header-33 .quick-access {padding-left: 0;} #header.header-33 .fixed-button {right: 0;} #header.header-33 .overlay-menu {width: 300px; margin-left: -150px;} #header.header-33 .overlay-menu {top: 50px; margin-top: 0;} #header.header-33 .overlay-menu {max-height: 440px; overflow-y: scroll; overflow-x: visible;} #header.header-33 ul.topmenu.navbar-nav li.level0.active a.level-top {font-size: 14px;} #header.header-33 ul.topmenu.nav-wide ul, #header.header-33 ul#nav.topmenu ul {display: none;} #header.header-33 ul.topmenu.navbar-nav li.level0.active a.level-top, #header.header-33 ul.topmenu li.level0 a.level-top:hover, #header.header-33 ul.topmenu li.level0:hover a.level-top, #header.header-33 ul.topmenu li.level0.over a.level-top, #header.header-33 ul.topmenu li.level0.active a.level-top {color: #fff !important; opacity: 0.8;} #header.header-33 ul.topmenu li.level0:hover .menu-item-button i, #header.header-33 ul.topmenu li.level0.over .menu-item-button i, #header.header-33 ul.topmenu li.level0.active .menu-item-button i {color: #fff !important; opacity: 0.8;} #header.header-33 ul.topmenu li {text-align: center; color: #fff;} #header.header-33 ul.topmenu ul li:not(.item) a {color: #fff;} #header.header-34 .topmenu.navbar-collapse{ background-color: #372a1d; padding: 20px 15px 20px 40px!important; } #header.header-34 .topmenu.navbar-collapse li a{color:#bdac9c!important;} #header.header-34 .topmenu .menu-item-button{top: 9px;} .wide-layout #header.header-34 .top-block, .wide-layout #header.header-34 .top-block .bottom-block{padding-left: 15px; padding-right: 15px;} #header.header-34 .navbar-header .navbar-toggle{margin-top: 16px;} #header.header-34 .topmenu.navbar-collapse{border: none;} #header.header-35 .quick-access {float: none; width: 100%;} #header.header-35 h2.logo {float: right;} #header.header-35 .logo-block {float: left; margin-top: 0;} #header.header-35 .wrapper-menu {margin: 60px 0; float: right;} #header.header-35 .top-block .navbar-toggle i {font-size: 24px; color: #000;} #header.header-35 ul.topmenu li.level0 a.level-top {text-align: center;} #header.header-35 ul.topmenu.nav-wide .menu-wrapper {width: auto; right: auto;} #header.header-35 .language-currency-wrapper {position: relative;} #header.header-35 .language-currency-wrapper, #header.header-35 .links, #header.header-35 .search-mini-form {min-width: auto; width: auto; margin-right: 20px; float: left;} #header.header-35 .search-button {line-height: 26px;} #header.header-35 .form-search .indent {left: 0; top: 100%;} #header.header-35 .top-cart .block-content {left: auto; right: 0; width: 320px; max-width: none;} #header.header-35 .topmenu .menu-item-button {right: auto; left: 0; top: 9px;} #header.header-36 .logo-wrapper {float: none !important; width: 100%;} #header.header-36 {text-align: center;} #header.header-36 .language-currency, body.cms-index-index #header.header-36, body .header-breadcrumbs-wrapper.with-breadcrumbs #header.header-36 {position: relative; background-color: #1a1b1f;} #header.header-36 .quick-access {display: inline-block; float: none !important; width: auto; vertical-align: top; padding-left: 0; margin-right: 0;} #header.header-36 .fixed-button {right: 0;} #header.header-36 .overlay-menu {width: 300px; margin-left: -150px;} #header.header-36 .overlay-menu {top: 50px; margin-top: 0;} #header.header-36 .overlay-menu {max-height: 440px; overflow-y: scroll; overflow-x: visible;} #header.header-36 ul.topmenu.navbar-nav li.level0.active a.level-top {font-size: 14px;} #header.header-36 ul.topmenu.nav-wide ul, #header.header-36 ul#nav.topmenu ul {display: none;} #header.header-36 ul.topmenu.navbar-nav li.level0.active a.level-top, #header.header-36 ul.topmenu li.level0 a.level-top:hover, #header.header-36 ul.topmenu li.level0:hover a.level-top, #header.header-36 ul.topmenu li.level0.over a.level-top, #header.header-36 ul.topmenu li.level0.active a.level-top {color: #000 !important; opacity: 0.8;} #header.header-36 ul.topmenu li.level0:hover .menu-item-button i, #header.header-36 ul.topmenu li.level0.over .menu-item-button i, #header.header-36 ul.topmenu li.level0.active .menu-item-button i {color: #ad875e !important;} #header.header-36 ul.topmenu li {text-align: center; color: #000;} #header.header-36 ul.topmenu ul li:not(.item) a {color: #000;} #header.header-38 .customer-name-block{ float: none; display: inline-block; margin: 12px 15px 0px 0; } #header.header-38 .fixed-button{top: 64px;} #header.header-38 .top-cart {margin-top: 5px;} #header.header-38 .search-button {margin-top: 3px;} #header.header-38 ul.topmenu li.level0 a.level-top{font-size: 26px; padding: 7px 0!important;} #header.header-38 .quick-access{position: relative;} #header.header-38 .customer-name-wrapper + .links{ right: auto; left: 0; } #header.header-38 .top-cart .block-content{ right: auto; left: -30px; } #header.header-37 .language-currency-wrapper {margin-right: 0;} #header.header-37 .language-currency-block {border-width: 1px;} #header.header-37 .logo {margin: 0} #header.header-37 .social-links {display: inline-block;} #header.header-37 .quick-access {clear: none;} #header.header-37 .custom-top-block {margin-top: 0;} #header.header-37 h2.logo {float: none; margin: 20px 20px 10px;} #header.header-37 .custom-top-block {float: none; width: 100%;} #header.header-37 .custom-top-block a > span {font-size: 13px; letter-spacing: 0;} #header.header-37 .custom-top-block a > span.btn {font-size: 12px; padding: 6px 12px;} #header.header-37 .quick-access {padding-bottom: 14px 0 0;} #header.header-37 .navbar-default .navbar-toggle {opacity: 1;} #header.header-37 .navbar-default .navbar-toggle.active, #header.header-37 .navbar-default .navbar-toggle:hover, #header.header-37 .navbar-default .navbar-toggle:focus {background-color: transparent; opacity: 0.8;} #header.header-37 .menu-block .wrapper-menu {margin-top: 10px;} #header.header-37 .wrapper-menu {float: left; margin-top: 1.5em;} #header.header-37 .bottom-block .container {padding-bottom: 0;} #header.header-37 .topmenu.navbar-collapse {background-color: #d9d9d9;} #header.header-37 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-37 .default-links.links li {margin-left: 10px;} #header.header-37 .topmenu.navbar-collapse {background-color: #f6f8fb;} #header.header-37 ul.topmenu li.level0 {display: block; float: none; padding: 0;} #header.header-37 ul.topmenu li.level0 a.level-top {color: #786649 !important; display: block; border-width: 0; padding: 10px 15px !important;} #header.header-37 ul.topmenu li.level0 a.level-top:after {content: none;} #header.header-37 .default-links.links li a {padding-left: 10px;} #header.header-37 .quick-access { float: right; margin: 0;} #header.header-37 .topmenu .menu-item-button {top: 8px;} #header.header-38 {padding: 18px 20px;} #header.header-38 .quick-access {float: left;} #header.header-38 .fixed-button {top: 47px;} #header.header-38 .form-search .indent {width: 250px;} #header.header-39 .quick-access {float: none; width: 100%;} #header.header-39 h2.logo {float: right; margin-top: 35px;} #header.header-39 .logo-block {float: left; margin-top: 0;} #header.header-39 .wrapper-menu {margin: 37px 0; float: right;} #header.header-39 .top-block .navbar-toggle i {font-size: 24px; color: #000;} #header.header-39 ul.topmenu.nav-wide .menu-wrapper {width: auto; right: auto;} #header.header-39 .language-currency-wrapper {position: relative;} #header.header-39 .language-currency-wrapper, #header.header-39 .links, #header.header-39 .search-mini-form {min-width: auto; width: auto; margin-right: 20px; float: left;} #header.header-39 .form-search .indent {left: 0; top: 100%;} #header.header-39 .top-cart .block-content {left: auto; right: 0; width: 320px;} #header.header-39 .topmenu .menu-item-button {top: 9px;} #header.header-39 .customer-name-wrapper + .links:not(.default-links){ width: 135px; left: auto; text-align: left; right: 0; margin-right: 0; } #header.header-39 .navbar-default ul.topmenu li.level0 a.level-top { color: #8a8f91!important; position: relative; padding-top: 7px!important; padding-bottom: 7px!important; font-style: normal; font-weight: normal; } #header.header-39 ul.topmenu li.level0:hover a.level-top, #header.header-39 ul.topmenu li.level0.over a.level-top, #header.header-39 ul.topmenu.navbar-nav li.level0.active > a.level-top{background:none!important; color:#000!important;} #header.header-40 .language-currency-wrapper {margin-right: 0;} #header.header-40 .language-currency-block {border-width: 1px;} #header.header-40 .logo {margin: 0} #header.header-40 .social-links {display: inline-block;} #header.header-40 .quick-access {clear: none;} #header.header-40 .custom-top-block {margin-top: 0;} #header.header-40 h2.logo {float: none; margin: 20px 20px 10px;} #header.header-40 .custom-top-block {float: none; width: 100%;} #header.header-40 .quick-access {padding-bottom: 14px 0 0;} #header.header-40 .navbar-default .navbar-toggle {opacity: 1; padding: 5px 7px!important;} #header.header-40 .navbar-default .navbar-toggle i{color:#002784;} #header.header-40 .navbar-default .navbar-toggle.active, #header.header-40 .navbar-default .navbar-toggle:hover, #header.header-40 .navbar-default .navbar-toggle:focus {background-color: transparent; opacity: 0.8;} #header.header-40 .menu-block .wrapper-menu {margin-top: 10px;} #header.header-40 .wrapper-menu {float: left; margin-top: 1.5em;} #header.header-40 .bottom-block .container {padding-bottom: 0;} #header.header-40 .topmenu.navbar-collapse {background-color: #ffc027; border-top: none;} #header.header-40 .topmenu.navbar-collapse {right: auto; left: 0;} #header.header-40 .default-links.links li {margin-left: 10px;} #header.header-40 ul.topmenu li.level0 {display: block; float: none; padding: 0;} #header.header-40 ul.topmenu li.level0 a.level-top {color: #786649 !important; display: block; border-width: 0; padding: 10px 15px !important;} #header.header-40 ul.topmenu li.level0 a.level-top:after {content: none;} #header.header-40 .default-links.links li a {padding-left: 10px;} #header.header-40 .quick-access { float: right; margin: 0;} #header.header-40 .topmenu .menu-item-button {top: 8px; color:#002784!important;} #header.header-40 .nav-wide .menu-wrapper{background:none;} #header.header-40 .navbar-default .navbar-toggle i{color:#002784!important;} #header.header-40 .topmenu .menu-item-button.active{color:#002784!important;} #header.header-41 .logo-wrapper {opacity: 0; float: left; margin: 0; padding-bottom: 1em; padding-top: 1em; padding-left: 10px;} #header.header-41 .logo {margin: 0} #header.header-41 .wrapper-menu {float: right; margin-top: 1.5em;} #header.header-41 .bottom-block .container {padding-bottom: 0;} #header.header-41 .topmenu.navbar-collapse {background-color: #fff;} #header.header-41 .topmenu.navbar-collapse {right: 0; left: auto;} #header.header-41 .default-links.links li {margin-left: 10px;} #header.header-41 .bottom-block {min-height: 93px;} #header.header-41 .language-currency-wrapper {position: relative;} #header.header-41 .top-cart .block-content {left: 0; right: 0; margin: 0 auto;} #header.header-41 h2.logo {margin: 10px 0 0;} #header.header-41 h2.logo a {padding-top: 0; padding-bottom: 0;} #header.header-41 ul.topmenu li.level0 {display: block; float: none; padding-top: 0; padding-bottom: 0; } #header.header-41 ul.topmenu li.level0 a.level-top {color: #252525!important; display: block; border-width: 0; padding: 10px 0px !important;} #header.header-41 .topmenu.navbar-nav li.level0 > a.level-top:after {content: none;} #header.header-41 .topmenu li.level0 a.level-top:hover, #header.header-41 .topmenu li.level0.over a.level-top, #header.header-41 .topmenu.navbar-nav li.level0.active > a.level-top {color: #000 !important;} #header.header-41 .default-links.links li a {padding-left: 10px;} #header.header-41 .quick-access { float: none; margin: 0;} #header.header-41 .header-block {float: none;} #header.header-41 .navbar-default .navbar-toggle {opacity: 1;} #header.header-41 .navbar-default .navbar-toggle.active, #header.header-41 .navbar-default .navbar-toggle:hover, #header.header-41 .navbar-default .navbar-toggle:focus {background-color: transparent; opacity: 0.8;} #header.header-41 .topmenu .menu-item-button {top: 4px;} #header.header-41 .customer-name-block {float: none; display: inline-block;} .language-currency-dropdown {right: auto; left: 0;} .header .topmenu.navbar-collapse { background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); right: 0; top: 100%; position: absolute; width: 283px; z-index: 999; padding: 20px!important; } .header .topmenu.navbar-collapse.collapse {display: none!important;} .header .topmenu.navbar-collapse.collapse.in {display: block!important;} .header .topmenu.navbar-collapse > ul, .header .topmenu.navbar-collapse li {display: block; margin: 0; float: none;} .header .topmenu.navbar-collapse li a {color: #222!important; width: 100%; display: block; float: none;} .header .topmenu li.level0 a.level-top:hover, .header .topmenu li.level0.over a.level-top, .header .topmenu.navbar-nav li.level0.active > a.level-top {color: #ea505e!important; background: none;} .header .topmenu li.level0 a > i {display: none;} .header .topmenu li ul {display: none; position: static; width: 100%; box-shadow: none;} .header .topmenu li.level0 + li.level0:after, .header .topmenu li.level0 + li.level0:before {content: none;} ul.topmenu li.level0.parent a.level-top:after {content: none!important;} .header .topmenu .menu-item-button {position: absolute; right: 0; padding: 3px; z-index: 1000; cursor: pointer; font-size: 18px; top: 0;} .header .topmenu .menu-item-button .icon-minus {display: none;} .header .topmenu .menu-item-button.active .icon-minus {display: inline-block;} .header .topmenu .menu-item-button.active .icon-plus {display: none;} .header .topmenu ul ul .menu-item-button {top: 0; right: 0;} ul.topmenu.nav-wide li.level-top, ul.topmenu.nav-wide ul.level0 li.level1, ul.topmenu#nav li.level-top, ul.topmenu#nav ul.level0 li.level1 {display: block; margin: 0; float: none; position: relative; width: auto!important; padding: 0 15px; border: none;} ul.topmenu#nav ul.level0 li.level1 {padding: 0;} ul.topmenu:not(.nav-wide) ul, ul.topmenu:not(.nav-wide) div {position: static; width: 100%; padding-left: 0; padding-right: 0; box-shadow: none; background: none;} ul.topmenu:not(.nav-wide) ul ul {padding-left: 15px; padding-right: 15px;} ul.topmenu.nav-wide .top-content, ul.topmenu.nav-wide .bottom-content, ul.topmenu.nav-wide .right-content {display: none;} ul.topmenu.nav-wide .menu-wrapper {position: static; box-shadow: none; padding: 0;} ul.topmenu li.level0 a.level-top {border: none; margin: 0; padding: .5em 0!important;} ul.topmenu.nav-wide ul, ul.topmenu#nav ul {display: block;} .nav-wide ul.level1 a span:before {content: none;} /* Listing */ body.sidebar-left .col2-left-layout .col-main, body.sidebar-right .col2-left-layout aside.sidebar, body.sidebar-right .col2-left-layout .col-main {float: none!important;} .breadcrumbs-type-2 .with-breadcrumbs + .content-wrapper .col-main, .header-with-image .header-breadcrumbs-wrapper + .content-wrapper .col-main {margin-top: 0;} .sidebar {margin-bottom: 0;} body.sidebar-left .sidebar-inner, body.sidebar-right .sidebar-inner, .breadcrumbs-type-2 .with-breadcrumbs + .content-wrapper .sidebar .sidebar-inner, .header-with-image .header-breadcrumbs-wrapper + .content-wrapper .sidebar .sidebar-inner {padding: 0; border: none;} .products-grid.two-columns li.item, .products-grid.three-columns li.item, .products-grid.four-columns li.item, .products-grid.five-columns li.item, .products-grid.six-columns li.item, .products-grid.seven-columns li.item, .products-grid.eight-columns li.item { width: 100%; } aside.sidebar .block.block-wishlist li.item .product-details { width: 63%; } .block:last-of-type { margin-bottom: 3em; } .products-grid .item.type-7 .product-info-wrapper {padding: 0 15px 15px;} .products-grid .item.type-7 .product-info-wrapper .quickview-wrapper {margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px;} .products-grid .item.type-7 .bottom {left: 15px; right: 15px; bottom: 10px;} /* Toolbar */ .sorter .sort-by label, .sorter .limiter label, .sorter .amount { display: none; } .sorter .sort-by .bootstrap-select > .selectpicker { min-width: 90px; } .toolbar.no-pagination:not(.small-toolbar) .sorter {float: left;} .toolbar .sorter {width: auto;} .sorter .view-mode{float: none; clear: both; margin-bottom: 1.5em;} .sorter .view-mode span {display: none;} .toolbar .sort-by {float: left;} .toolbar .pager {width: auto; position: absolute; right: 10px;} .toolbar .pager .pages {margin: -5px 0 -5px 10px; padding: 5px 0 5px 15px; border: none;} .toolbar-bottom .toolbar .pager {position: static;} .col3-layout .toolbar .sorter {width: auto;} .sorter .asc, .sorter .desc {float: left;} /* Product Page */ .product-essential { margin-bottom: 0; } .product-view .add-to-links li.email-friend { margin-left: 0; margin-top: .75em; } .product-view .extralarge-layout .box-tags .form-add .input-box, .product-view > .product-collateral .box-tags .form-add .input-box { width: 100%; } .product-view #upsell-product-table li.item { width: 100%; } .product-view #upsell-product-table li.item:nth-child(4n+1) .product-view #upsell-product-table li.item:nth-child(4n+4) { clear: none; } [class*="col2-"] .product-view .vertical-tabs .tab-content-inner{width: 100%;} .product-view .vertical-tabs > .nav-tabs { float: none; margin: 0; } .product-view .vertical-tabs > .nav-tabs > li > a { width: auto; margin: 0; } .product-view #tabs.vertical-tabs:after { display: none; } .product-view .product-shop .vertical-tabs .tab-content-inner, .product-view .vertical-tabs .tab-content-inner { width: 100%; } .product-view .product-collateral .nav-tabs>li { float: none; margin: 0;} .product-view .product-collateral .nav-tabs>li a {margin-bottom: 0; padding-top: 10px;} .review-box { width: 100%; margin-bottom: -1px; float: none; min-height: 140px; } .review-box .review { width: 100%; } .customer-rating { width: 100%; float: none; border: 0; } .customer-rating .item { float: left; width: 33.33333%; border: 1px solid #ddd; padding-left: 5px; padding-right: 5px; } .customer-rating .item + .item { border-left: 0; border-bottom: 1px solid #ddd; } .product-sidebar.sidebar-left .sidebar-inner {border: none; padding: 0;} .product-view .product-name h1, .product-view .product-shop .price-box .price {font-size: 2em;} #customer-reviews .form-add {margin-top: 1.5em;} .box-reviews .rating-block #product-review-table .item {padding-left: 6px; padding-right: 6px;} #customer-reviews .pull-left, #customer-reviews .pull-right {float: none!important;} .product-view .vertical-tabs .tab-content-inner {padding: 0 15px;} .product-custom {float: none; clear: both; width: 100%;} .product-view .product-img-box .lightbox-button {height: 45px; line-height: 45px; bottom: -45px;} .product-view .product-img-box .lightbox-button i {line-height: 45px;} .col3-layout .product-view .vertical-tabs .tab-content-inner {width: 100%;} .products-list .image-box-wrapper {width: 100%!important; margin-bottom: 10px;} /* Login Page */ .account-login .form-list label {float: none;} .account-login .new-users { margin-bottom: 2.25em; } /* Account */ .my-account { margin-bottom: 2.25em; } .my-account .form-list li.form-group > div[class*="6"]:first-child { margin-bottom: 1em; } .my-account .pager .limiter label, .my-account .pager .amount { display: none; } .my-account .product-review .product-img-box { float: none; text-align: center; width: auto; } .my-account .product-review .product-img-box .product-image { display: inline-block; } .my-account .product-review .media-body .product-name { margin-bottom: .75em; } .my-account .product-review .media-body .product-details small { float: none; margin-bottom: 1em; clear: both; } .my-account .customer-rating { margin-top: -1px; } .my-account .my-wishlist .title-buttons .link-rss { float: right; } /* .my-account .my-wishlist .cart-cell .btn-primary { clear: both; } */ /* .my-account .my-wishlist .quantity-increase, .my-account .my-wishlist .quantity-decrease, .my-account .my-wishlist input.qty { float: none; display: inline-block; } .my-account .my-wishlist .form-horizontal .buttons-set .btn { float: none; margin: .75em 0 0; width: 100%; } */ /* Cart ================================================= */ #shopping-cart-table { border: 0; } #shopping-cart-table th { display: none; } #shopping-cart-table tr { display: block; border: 0; text-align: left; } #shopping-cart-table tr td { display: block; border: 0; padding: .75em 0; } #shopping-cart-table tr td .product-image { width: auto; max-width: 100%; float: none; margin: 0 auto 1.5em; text-align: center; } #shopping-cart-table .cart-actions { display: block; float: none; clear: both; margin-bottom: 1em; } #shopping-cart-table .item-options { float: none; clear: both; } #shopping-cart-table .a-right { text-align: left !important; } #shopping-cart-table tbody td.last { border-bottom: 1px solid #ddd; margin-bottom: 1.5em; } #shopping-cart-table tfoot .btn { width: 100%; margin-top: .75em; } #shopping-cart-table .product-name a {max-width: none;} .cart .page-title h1, .cart .page-title h2 {float: none; text-align: center;} .cart .checkout-types { float: none; padding-top: .75em; clear: both; text-align: center;} .cart .title-buttons .checkout-types li { float: none; margin-left: 0; text-align: center; } .cart .crosssell, .cart .shipping { margin-bottom: 2.25em; } .cart .crosssell .product-details { width: 64%; } #crosssell-products-list .product-image {margin-bottom: .75em;} #crosssell-products-list li.item:not(:last-child) {margin-bottom: 1.5em!important;} .cart .cart-block .buttons-set .btn {width: 100%;} .cart .cart-block .buttons-set .btn + .btn {margin-top: -.5em;} /* Checkout ============================================= */ .gift-messages-form .item:not(:last-child) { padding-bottom: 1em; } .gift-messages-form .item .product-img-box { float: none; width: auto; text-align: center; } .gift-messages-form .item .details { margin: 1em 0 0; } .gift-messages-form .item .f-fix { float: none; clear: both; } ul.checkout-progress li { float: none; width: auto; padding: .58em 0; } .multiple-checkout .buttons-set .btn { margin-top: 1em; } #multiship-addresses-table .qty {float: none;} .multiple-checkout table.table select.form-control {width: 100%;} .opc { margin-bottom: 2.25em; } .opc .form-list li > .field:first-child { margin-bottom: 1em; } .opc .form-list li.address, .opc .form-list ul.form-group { margin-bottom: 0; } .opc .buttons-set.disabled .btn { display: none; } .opc #checkout-review-submit .btn { margin-top: 1em; } .opc form .name-prefix, .opc form .name-firstname { margin-bottom: 1em; } /* Footer */ #footer .bottom-block {text-align: center;} #footer .store-switcher-wrapper, #footer .copyright, #footer .social-links-wrapper {float: none!important; display: block; text-align: center;} ul.social-links {float: none;} ul.social-links li {float: none; display: inline-block;} /* Popup */ #remember-me-popup .modal-dialog { width: 303px; margin-left: -151px; } #popup-block.mobile-hide { display: none !important; } #popup-block .modal-dialog {width: 80%!important;} #popup-block .modal-dialog .modal-content {width: 100%!important;} #popup-block .block-subscribe {width: 90%; margin: 0 5%;} #popup-block .popup-content-wrapper {background-image: none!important;} #sticky-header {display: none!important;} .col3-layout .customer-rating, [class*="col2-"] .box-reviews .customer-rating {width: 100%; margin-top: -1px;} .col3-layout .nav-tabs > li {float: none;} .col3-layout .nav-tabs > li a {width: 100%; max-width: 100%!important;} [class*="col2-"] #customer-reviews > div, .col3-layout #customer-reviews > div {float: none!important; width: 100%;} .col3-layout .review-box, [class*="col2-"] .review-box {width: 100%; min-height: 168px;} .col3-layout .review-box .review, [class*="col2-"] .review-box .review {width: 68%;} .product-options-bottom .price-box {float: none;} #toTop {display: none!important;} .products-grid:not(.carousel-ul) li.item {width: 100%!important;} .products-grid li.item:last-of-type {margin-bottom: 0;} .products-list li.item .image-box {margin-bottom: 1em;} .widget-products .products-list .image-box, .widget-products .products-list .product-shop {width: 100%; float: none;} .footer-products-list .product-shop {width: 72%;} .my-account .pager .limiter label, .widget-products .pager .limiter label {display: none;} .my-account table.table .product-name {white-space: normal; max-width: 72%;} .form-list label {float: none;} .customer-name-prefix-middlename-suffix label {min-height: 38px;} .header-wrapper.absolute-header {position: static;} .parallax-banners-wrapper .image-wrapper .content {width: 64%; left: 18%;} hr.mobile {display: block;} .page-not-found {margin-top: 0; padding-top: 10px; position: static;} .page-not-found .page-not-found-icon {float: none; width: 100%; text-align: center; padding: 0;} .page-not-found .page-not-found-icon i {font-size: 160px; line-height: 160px;} .page-not-found .page-not-found-text {float: none; width: 100%; text-align: center; padding-top: 30px;} .page-not-found .page-not-found-text h2 {font-size: 30px; line-height: 30px;} .page-not-found .page-not-found-text h4 {font-size: 19px; line-height: 25px;} .page-not-found .page-not-found-text p .check {display: block; line-height: normal; margin-bottom: 20px;} .page-not-found .page-not-found-text p .btn {margin: 0;} #shopping-cart-table .mobile-title {display: block;} .product-sidebar:not(.sidebar-left) .sidebar-inner, .product-sidebar.sidebar-left .sidebar-inner {border: none; padding-left: 0; padding-right: 0;} .text-blocks .text-block {float: none; width: auto;} .text-blocks .text-block:not(:last-of-type) {border: none;} body .btn + .btn {margin: 12px 0 0;} .promo-text-block .background-wrapper {background-position: center bottom;} .breadcrumbs-wrapper.type-2 .breadcrumb {float: left; clear: both;} .team-wrapper .a-right, .contact-form-inner .a-right {text-align: left!important;} .my-wishlist .buttons-set .btn-tocart {float: left; margin: 0;} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .title-buttons { text-align: right; } body .col-main form .form-list .form-group .gender { float: left; width: 25%; margin-bottom: 0; } body .col-main form .form-list .form-group .gender + .customer-dob, body .col-main form .form-list .form-group .gender + .dob { float: left; width: 75%; margin-bottom: 0; } .opc .gender + .dob .dob-day, .opc .gender + .dob .dob-month, .opc .gender + .dob .dob-year { width: 33.3333333333%; } .col-main.col-sm-9 .form-list .customer-name-middlename-suffix .name-suffix, .form-list .customer-name-middlename-suffix .name-suffix, .col-main.col-sm-9 .form-list .customer-name-middlename .name-lastname, .col-main.col-sm-9 .form-list .customer-name-prefix-middlename .name-lastname, .col-main.col-sm-9 .form-list .customer-name-middlename-suffix .name-lastname, .col-main.col-sm-9 .form-list .customer-name-prefix-middlename-suffix .name-lastname, .form-list .customer-name-middlename .name-lastname, .form-list .customer-name-prefix-middlename .name-lastname, .form-list .customer-name-prefix-middlename-suffix .name-lastname, .form-list .customer-name-middlename-suffix .name-lastname, .form-list .customer-name-middlename .name-suffix, .form-list .customer-name-prefix-middlename .name-suffix, .form-list .customer-name-prefix-middlename-suffix .name-suffix, .form-list .customer-name-middlename-suffix .name-suffix { margin-top: 0; } header.header .top-cart .block-title .title-cart .top-cart-label, header.header .top-cart .block-title .title-cart .bottom { display: inline-block; } .header .form-search input { width: 92.5%; } .banner-content .title { font-size: 2em; } .banner-content.skin-1 { top: 15%; right: 3%; } .sorter .sort-by label, .sorter .limiter label { display: inline-block; } .my-account .product-review .customer-rating .stars-wrapper {width: 50%; display: block; margin: 0 auto;} .header.header-16 .form-search input {width: 91%;} .header.header-17 .menu-block .pull-right {float: right!important;} .header.header-17 .menu-block .search-mini-form {margin-top: .65em;} /* Product Page */ .product-view .add-to-links li.email-friend { margin-top: 0; } .product-essential { margin-bottom: 0; } .products-grid:not(.carousel-ul) li.item { width: 50%!important; } .products-grid.three-columns li.item:nth-of-type(2n+1), .products-grid.four-columns li.item:nth-of-type(2n+1), .products-grid.five-columns li.item:nth-of-type(2n+1), .products-grid.six-columns li.item:nth-of-type(2n+1), .products-grid.seven-columns li.item:nth-of-type(2n+1), .products-grid.eight-columns li.item:nth-of-type(2n+1) { clear: left!important; } .products-grid.three-columns li.item:nth-of-type(2n+2), .products-grid.four-columns li.item:nth-of-type(2n+2), .products-grid.five-columns li.item:nth-of-type(2n+2), .products-grid.six-columns li.item:nth-of-type(2n+2), .products-grid.seven-columns li.item:nth-of-type(2n+2), .products-grid.eight-columns li.item:nth-of-type(2n+2) { clear: right!important; } .products-grid.three-columns li.item:nth-of-type(3n+1), .products-grid.four-columns li.item:nth-of-type(4n+1), .products-grid.five-columns li.item:nth-of-type(5n+1), .products-grid.six-columns li.item:nth-of-type(6n+1), .products-grid.seven-columns li.item:nth-of-type(7n+1), .products-grid.eight-columns li.item:nth-of-type(8n+1) { clear: none; } .product-view #upsell-product-table li.item {width: 50%;} .product-view #upsell-product-table li.item:nth-child(2n+1) { clear: left; } .product-view #upsell-product-table li.item:nth-child(2n+2) { clear: right; } /* Cart =============================*/ .cart .checkout-types {text-align: left; clear: none; padding: 0; } .opc #checkout-review-submit .btn { margin-top: 0; } .opc .buttons-set.disabled .btn { display: block; } .cart .page-title h1, .cart .page-title h2 {float: left; text-align: left;} /* Checkout ======================== */ .multiple-checkout .buttons-set .btn { margin-top: 0; } #footer .payments {float: none; display: inline-block;} aside.sidebar .block.block-wishlist li.item .product-details {width: 77%;} .my-account table.table .product-name {max-width: 86%;} .cart .checkout-types {float: right; text-align: right;} .customer-name-prefix-middlename-suffix label {min-height: auto;} .multiple-checkout .title-buttons {text-align: left;} .multiple-checkout .title-buttons .btn {margin-top: .5em;} [class*="col2-"] .with-sidebar .small-layout .timer-wrapper #product-addtocart-button {margin: 0 10px 0 0;} .parallax-banners-wrapper .image-wrapper .content {width: 54%; left: 23%;} .header.header-2 .form-search input {width: 92%;} .header.header-8 .form-search input, .header.header-10 .form-search input, .header.header-12 .form-search input, .header.header-13 .form-search input {width: 92%;} .header.header-18 .form-search input {width: 220px;} .products-grid .item.type-4 .actions .btn-quickview i.fa {display: inline-block;} .products-grid .item.type-4 .actions .btn-quickview span {display: none;} .products-grid li.item.type-7 .btn:not(.btn-quickview) {padding: 0; width: 40px; height: 40px; line-height: 40px; text-align: center;} .products-grid li.item.type-7 .btn:not(.btn-quickview) i.fa {display: inline-block; line-height: 40px;} .products-grid li.item.type-7 .btn:not(.btn-quickview) span span {display: none;} .products-grid .item.type-7 .lightbox-button, .products-grid .item.type-7 .availability, .products-grid .item.type-7 .desc, .products-grid .item.type-7 .ratings {display: none;} .products-grid .item.type-7 .product-name {font-size: .75em;} .products-grid .item.type-7.btn-quickview {height: 20px; line-height: 20px;} .products-grid .item.type-9 .btn-quickview i.fa {display: inline-block;} .products-grid .item.type-9 .btn-quickview span {display: none;} #header.header-6 h2.logo {float: none; margin-right: 0; padding: 15px 0 15px 42px; width: auto;} #header.header-6 h2.logo a {padding: 0;} #header.header-6 .wrapper-menu {margin-top: 20px;} #header.header-6 ul.topmenu li.level0 {margin: 5px 0;} .header.header-19 .top-cart .block-title .top-cart-icon i {margin-top: 0;} .header.header-19 .top-cart .block-title {margin-top: .5em;} .header.header-19 .language-currency-wrapper, .header.header-19 .links {margin: 0; width: 20%;} .header.header-19 .search-mini-form {margin: 0; width: 60%; text-align: center;} .header.header-19 .links {text-align: right;} .header.header-20 .top-cart .block-title .title-cart {background-color: #222; display: inline-block;} #header.header-21 .top-block .search-mini-form .form-search input {width: 94%;} #header.header-21 .middle-block {float: left;} #header.header-21 .menu-block {float: right; line-height: .5; margin: .75em 0;} #header.header-21 .menu-block .topmenu.navbar-collapse {left: auto; right: 10px;} #header.header-21 .menu-block .navbar-default {margin: 0; min-height: 1px;} #header.header-21 .menu-block .navbar-default .navbar-toggle, #header.header-21 .menu-block .navbar-default .navbar-toggle.active {margin: 0;} #header.header-22 .form-search input {width: 92%;} #header.header-23 .form-search input {width: 89%;} #header.header-24 .quick-access {text-align: center;} #header.header-24 .form-search input {width: 159px;} .timer-wrapper {display: block;} .product-custom {float: right; clear: none; width: auto;} #header.header-25 .form-search input {width: 400px;} #header.header-29 .quick-access {text-align: center;} #header.header-29 .form-search input {width: 159px;} }