/* ------------------------------------------- Name: Siting --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; } body { min-height: 100%; background: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } body, textarea, input, select, option, button { color: #767676; font-family: montserrat, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 300; line-height: 1.35; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 20px; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Repeatable --------- */ .form-add:after, .list-special:after, .module-product:after, .form-comment:after, .list-comments:after, .simple-tabs:after, .list-c li:after, .module-description:after, .header-a:after, .module-cart .module-box:after, .module-cart .module-items .item:after, .module-cart form > table:after, .module-pattern:after, .module-filter:after, .module-about:after, .back-btn:after, .product-a:after, .link-btn:after, .module-products header:after, .module-products:after, .newsletter-form:after, .product-show:after, .module-aside:after, .module-tabs .content-tab:after, .list-a:after, .module-tabs:after, #footer nav:after, #footer > ul:after, #footer > nav > div:after, #content:after, #top:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .form-add .attribute-a .title-a:after, .form-add .attribute-a .drop .ti label:before, .form-add .attribute-a .drop:before, .form-add .attribute-a .title-a:before, .list-special li a:before, .list-special li:after, .list-special li:before, .comment-btn a:before, .module-column .discount:before, .module-gallery .slick-prev:before, .module-gallery .slick-next:before, .list-c a:before, .list-c li:before, .header-b span:before, .module-tabs.a .tabs:before, .header-a span:before, .list-summary li:before, .module-cart .module-box .icon-a:before, .module-cart .module-box .icon-b:before, .module-filter .box h1:before, .module-filter .box h2:before, .module-filter .box h3:before, .module-filter .box h4:before, .module-filter .box h5:before, .module-filter .box h6:before, .page-navigation li:before, #mKoszyk .drop > h1:before, #mKoszyk .drop > h2:before, #mKoszyk .drop > h3:before, #mKoszyk .drop > h4:before, #mKoszyk .drop > h5:before, #mKoszyk .drop > h6:before, #mKoszyk > p > a:before, #nav .drop:before, #nav > a:after, #nav > a:before, .form-search button:before, .form-search p:before, .newsletter-form .inputs button:before, .product-a .discount:before, .product-a:before, .module-tabs .tabs li a:before, .list-a i:after, .list-a i:before, .link-btn a:before, #footer nav:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } .module-gallery .gallery-thumbs:before, .module-cart .module-box.a:before, .module-pattern:before, #top .form-search:before, #mKoszyk .drop:before, #up:before, #top:before, .module-products header:before, .module-products:before, .newsletter-form:before, .module-tabs > div:before, #featured header:before, #footer:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; } #featured header { position: relative; z-index: 3; } .module-image figure { -webkit-transform: translateX(-50%); transform: translateX(-50%); } [data-whatintent="mouse"] .module-filter .box:hover .drop, #nav > a[aria-expanded=true]:after, [data-whatintent="mouse"] #nav > a:hover:after, .show-shadow .nav-shadow, .more-other .module-products header .link-btn { visibility: visible; opacity: 1; } .module-filter .box .drop, #nav > a:after, .nav-shadow, .module-products header .link-btn { visibility: hidden; opacity: 0; } .module-aside > figure img { display: block; position: relative; z-index: 1; width: 100% !important; } .module-products .product-a figure img { width: auto !important; max-height: 100% !important; } #mKoszyk .drop > ul > li > a > img, .module-image figure img, #featured figure img { display: block; width: 100% !important; height: 100% !important; background: center center no-repeat; background-size: cover; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .module-tabs .tabs li.current a, #footer .active a, [disabled], .disabled { cursor: default; } [data-whatintent="mouse"] .module-cart .item .split-a h1 a:hover, [data-whatintent="mouse"] .module-cart .item .split-a h2 a:hover, [data-whatintent="mouse"] .module-cart .item .split-a h3 a:hover, [data-whatintent="mouse"] .module-cart .item .split-a h4 a:hover, [data-whatintent="mouse"] .module-cart .item .split-a h5 a:hover, [data-whatintent="mouse"] .module-cart .item .split-a h6 a:hover, [data-whatintent="mouse"] .page-navigation a:hover, [data-whatintent="mouse"] #nav .drop a:hover, [data-whatintent="mouse"] #up a:hover, [data-whatintent="mouse"] .product-a h1 a:hover, [data-whatintent="mouse"] .product-a h2 a:hover, [data-whatintent="mouse"] .product-a h3 a:hover, [data-whatintent="mouse"] .product-a h4 a:hover, [data-whatintent="mouse"] .product-a h5 a:hover, [data-whatintent="mouse"] .product-a h6 a:hover, [data-whatintent="mouse"] .module-tabs .tabs li a:hover, #footer .active a, [data-whatintent="mouse"] #footer li a:hover, #root .link-a a { text-decoration: underline; } .list-c a, .module-cart .item .split-a h1 a, .module-cart .item .split-a h2 a, .module-cart .item .split-a h3 a, .module-cart .item .split-a h4 a, .module-cart .item .split-a h5 a, .module-cart .item .split-a h6 a, .page-navigation a, .back-btn a, #mKoszyk .drop .button a, #mKoszyk > p > a, #nav .drop a, #nav > a, #up a, .product-a h1 a, .product-a h2 a, .product-a h3 a, .product-a h4 a, .product-a h5 a, .product-a h6 a, [data-whatintent="mouse"] .module-tabs .tabs li.current a:hover, .module-tabs .tabs li a, [data-whatintent="mouse"] #root .link-a a:hover, #footer a { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; } #top { position: relative; z-index: 9; width: 1300px; height: 142px; margin: 0 auto; } #top:before { background: #f9f9f9; } #logo { position: absolute; top: 19px; left: 1px; z-index: 3; width: 195px; height: 61px; background: url(../images/logo.png); } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -3000em; } #top .list-info { position: absolute; top: 40px; left: 278px; z-index: 3; } #top .form-search { position: absolute; top: 25px; left: 698px; width: 363px; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip li { font-size: 1.5em; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: #0091ea; color: #fff; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav { position: absolute; top: 142px; left: 0; right: 0; z-index: 10; height: 0; } .nav-shadow { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6); } #nav > a { display: block; float: left; position: relative; z-index: 2; top: -46px; z-index: 5; width: 220px; height: 46px; padding-left: 6px; padding-right: 36px; color: #373737; font-size: 15px; font-weight: 600; line-height: 46px; text-transform: uppercase; } #nav > a:after { top: -10px; left: -21px; right: -23px; box-shadow: 0 -10px 10px rgba(0,0,0,.5); background-color: #fff; } #nav > a:before { left: auto; z-index: 2; width: 33px; height: 46px; background: url(../images/icon-menu.png) no-repeat 50% 50%; } #nav > a[aria-expanded=true]:before, [data-whatintent="mouse"] #nav > a:hover:before { background: url(../images/drop-x.png) no-repeat 50% 50%; } #nav .drop { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; padding: 43px 9px; line-height: 1.1; } #nav .drop:before { left: -21px; box-shadow: 0 -10px 25px rgba(0,0,0,.5); background: #fff; } #nav .drop { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } #nav .drop ul { list-style: none; margin-bottom: 0; padding: 0; } #nav .drop li { margin-bottom: 14px; } #nav .drop li:before { content: "- "; } #nav .drop > div { margin-bottom: 59px; padding-right: 20px; } #nav .drop > div { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display: table; } #nav .drop > div a { color: #2b2b2b; } #nav .drop > div h1, #nav .drop > div h2, #nav .drop > div h3, #nav .drop > div h4, #nav .drop > div h5, #nav .drop > div h6 { margin-bottom: 18px; color: #2b2b2b; font-size: 14px; font-weight: 600; text-transform: uppercase; } #nav .drop > div h1 a, #nav .drop > div h2 a, #nav .drop > div h3 a, #nav .drop > div h4 a, #nav .drop > div h5 a, #nav .drop > div h6 a { color: #2b2b2b; } #nav .drop, #nav > a[aria-expanded=false] + .drop { opacity: 0; visibility: hidden; } #nav > a[aria-expanded=true] + .drop { display: block; opacity: 1; visibility: visible; top: 0; } .menu-icon { display: none; position: absolute; top: 97px; left: 20px; width: 45px; height: 45px; z-index: 30; background: url(../images/icon-menu.png) no-repeat 50% 50%; cursor: pointer; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -250px; right: auto; top: 0; bottom: 0; z-index: 100; width: 240px; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.25); background: #595d68; line-height: 1.3; } #mobile li.toggle { color: #fff; } #mobile li.toggle > a { color: #fff; } #mobile ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } #mobile ul > li { position: relative; float: none; margin: 0; border-bottom: 1px solid #87898d; font-size: 14px; color: #fff; } #mobile ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 8px 20px; color: #fff; text-transform: none; text-decoration: none; } #mobile > div h2 { display: block; padding: 10px 20px; margin-bottom: 0; font-size: 16px; } #mobile > div h2 a { text-decoration: none; } #mobile .list-info { } #mobile .list-info li { width: 100%; } #mobile .list-info li:first-child { display: none; } #shadow { visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; z-index: 30; width: 100%; height: 100%; background: rgba(0,0,0,.3); cursor: pointer; } #up { position: absolute; top: 96px; right: 0; z-index: 2; height: 47px; } #up:before { border: 1px solid #f3f3f3; border-bottom-width: 3px; border-left: 0; border-right: 0; background: #fff; } #up ul { list-style: none; margin: 0; padding: 0; color: #3d3d3d; font-size: 14px; line-height: 1.2; } #up li { margin-left: 34px; } #up a { display: block; padding: 15px 10px; color: #3d3d3d; } #mKoszyk { position: absolute; top: 25px; right: 0; z-index: 10; } #mKoszyk > p { margin-bottom: 0; } #mKoszyk > p > a { display: block; position: relative; z-index: 2; height: 42px; line-height: 42px; padding-left: 18px; padding-right: 63px; border-radius: 20px; background: #f29c14; color: #000; font-size: 16px; font-weight: 600; } #mKoszyk > p > a:before { top: 11px; left: auto; right: 18px; width: 30px; height: 21px; background: url(../images/icon-cart.png); } #mKoszyk > p > a .a { display: block; } #mKoszyk > p > a .no { position: absolute; top: -10px; right: -6px; width: 29px; height: 29px; line-height: 27px; border: 3px solid #fff; border-radius: 50%; background: #fae000; text-align: center; } #mKoszyk .drop { display: none; position: absolute; top: -25px; right: 0; z-index: 2; width: 179px; padding: 40px 0 0 10px; } #mKoszyk .drop:before { left: 0; border-bottom-left-radius: 20px; box-shadow: 0 1px 10px rgba(0,0,0,.17); background: #fff; } [data-whatintent="mouse"] #mKoszyk:hover .drop { display: block; } #mKoszyk .drop > h1, #mKoszyk .drop > h2, #mKoszyk .drop > h3, #mKoszyk .drop > h4, #mKoszyk .drop > h5, #mKoszyk .drop > h6 { position: relative; z-index: 2; width: 141px; margin-bottom: 22px; padding-left: 10px; font-size: 16px; font-weight: 600; text-transform: uppercase; } #mKoszyk .drop > h1:before, #mKoszyk .drop > h2:before, #mKoszyk .drop > h3:before, #mKoszyk .drop > h4:before, #mKoszyk .drop > h5:before, #mKoszyk .drop > h6:before { top: -4px; left: auto; right: 0; width: 30px; height: 21px; background: url(../images/icon-cart-c.png); } #mKoszyk .drop > h1 span, #mKoszyk .drop > h2 span, #mKoszyk .drop > h3 span, #mKoszyk .drop > h4 span, #mKoszyk .drop > h5 span, #mKoszyk .drop > h6 span { position: absolute; top: -23px; right: -26px; width: 29px; height: 29px; line-height: 27px; border: 3px solid #fff; border-radius: 50%; background: #fae000; text-align: center; } #mKoszyk .drop > ul { list-style: none; margin-bottom: 19; padding: 0 0 0 3px; border-bottom: 1px solid #ededed; color: #717171; font-size: 13px; } #mKoszyk .drop > ul > li { position: relative; min-height: 80px; padding-top: 17px; padding-left: 83px; } #mKoszyk .drop > ul > li > a { position: absolute; top: 0; left: 0; width: 72px; height: 70px; padding: 5px; border: 1px solid #f0f0f0; border-radius: 8px; } #mKoszyk .drop > ul > li span { display: block; font-weight: 600; } #mKoszyk .drop .summary { padding-left: 11px; font-size: 14px; font-weight: 400; } #mKoszyk .drop .summary span { padding-left: 11px; font-size: 16px; font-weight: 600; } #mKoszyk .drop .button { margin-bottom: 10px; } #mKoszyk .drop .button a { display: block; padding: 14px 10px; border-radius: 20px; background: #fae000; color: #000; text-align: center; } [data-whatintent="mouse"] #mKoszyk .drop .button a:hover { background: #35af25; color: #fff; } #featured { position: relative; z-index: 5; margin: 0 auto 54px; color: #fff; font-size: 22px; } #featured article { position: relative; z-index: 2; min-height: 733px; padding-top: 189px; padding-bottom: 159px; text-align: left; } #featured header { position: relative; left: 50%; z-index: 2; width: 50%; height: 387px; padding: 20px 75px; } #featured header:before { left: 0; background: rgba(255,126,0,.7); } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { margin-bottom: 16px; color: #fff; font-size: 35px; font-weight: 500; } #featured p { margin-bottom: 35px; } #featured .link-btn { margin-bottom: 5px; } #featured figure { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #content { position: relative; z-index: 3; width: 1600px; margin: 0 auto; } #content .wide-a { width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; } #footer { position: relative; z-index: 2; width: 1600px; margin: 0 auto; padding-top: 50px; } #footer:before { bottom: auto; height: 3px; background: #f9f9f9; } #footer a { color: #2b2b2b; } [data-whatintent="mouse"] #footer a:hover, #footer .active a { color: #f39c44; } #footer nav { position: relative; z-index: 2; margin-bottom: 22px; margin-left: -30px; } #footer > nav:before { top: auto; left: 30px; height: 1px; background: #ededed; } #footer > nav > div { width: 23.25%; margin-bottom: 30px; padding-left: 78px; border-left: 30px solid rgba(0,0,0,0); } #footer > nav > div h1, #footer > nav > div h2, #footer > nav > div h3, #footer > nav > div h4, #footer > nav > div h5, #footer > nav > div h6 { margin-bottom: 35px; font-size: 17px; } #footer > nav > div ul { list-style: none; padding: 0; } #footer nav > div li { margin-bottom: 13px; } #footer > nav > div:first-child { width: 47.5%; } #footer > nav > div:first-child > ul { float: left; width: 50%; padding-right: 20px; } #footer > ul { list-style: none; margin-left: -30px; padding: 0; } #footer > ul > li { width: 23.25%; padding-left: 78px; border-left: 30px solid rgba(0,0,0,0); } #footer > ul > li:first-child { width: 47.5%; } #footer > ul .a { } #footer > ul .a span {font-weight: 700; text-transform: uppercase; } /*! Modules --------- */ .module-about { padding: 0 8px 0 43px; color: #767676; font-size: 16px; line-height: 1.4375; } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6 { position: relative; z-index: 2; padding-bottom: 15px; font-style: 24px; } .module-about h1:before, .module-about h2:before, .module-about h3:before, .module-about h4:before, .module-about h5:before, .module-about h6:before { content: ""; position: absolute; bottom: 0; left: -28px; width: 63px; height: 3px; background: #000; } .module-aside { margin-bottom: 7px; padding-left: 770px; color: #2b2b2b; font-size: 15px; font-weight: 400; line-height: 1.8; } .module-aside > figure { float: left; width: 925px; margin-left: -925px; } .module-aside > div { float: left; width: 100%; max-width: 665px; padding: 20px 0 20px 72px; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { margin-bottom: 28px; } .module-aside p { margin-bottom: 30px; } .module-cart { padding-top: 0; } .module-cart .module-items { margin-bottom: 50px; } .module-cart .item { position: relative; margin-bottom: 8px; padding: 15px 0 15px 220px; border: 1px solid #f0f0f0; font-size: 14px; line-height: 1.35; } .module-cart .item figure { float: left; width: 220px; margin-bottom: 0; margin-left: -220px; padding: 20px; text-align: center; } .module-cart .item figure img { max-height: 150px; width: auto; } .module-cart .item .split-a { padding-left: 55px; } .module-cart .item .split-a > div { width: 55%; padding: 35px 21px 0; } .module-cart .item .split-a > div:last-child { width: 45%; border-left: 1px solid #f0f0f0; } .module-cart .item .split-a h1, .module-cart .item .split-a h2, .module-cart .item .split-a h3, .module-cart .item .split-a h4, .module-cart .item .split-a h5, .module-cart .item .split-a h6 { margin-bottom: 15px; color: #2b2b2b; font-size: 24px; font-weight: 600; } .module-cart .item .split-a h1 a, .module-cart .item .split-a h2 a, .module-cart .item .split-a h3 a, .module-cart .item .split-a h4 a, .module-cart .item .split-a h5 a, .module-cart .item .split-a h6 a { color: #2b2b2b; } .module-cart .item .split-a > div .m3 { color: #767676; font-size: 14px; } .module-cart .item .split-a > div .m3 div { margin-bottom: 3px; padding-left: 24px; background: url(../images/ok-a.png) no-repeat 0 50%; } .module-cart .item .split-a > div .m3 div span { color: #8dc422; font-weight: 600; } .module-cart .total-costs { margin-bottom: 34px; padding-right: 50px; color: #2b2b2b; font-size: 14px; font-weight: 400; text-align: right; } .module-cart .total-costs > span { margin-left: 120px; color: #919191; font-size: 14px; font-weight: 300; text-align: right; } .module-cart .total-costs > span > span { display: block; color: #000; font-size: 22px; font-weight: 500; } .buttons-order { margin-bottom: 70px; padding-right: 20px; text-align: right; } .buttons-order button { min-width: 260px; height: 60px; padding: 0 10px; border: 0; border-radius: 35px; background: #fae000; color: #000; font-size: 20px; font-weight: 600; text-align: center; cursor: pointer; } [data-whatintent="mouse"] .buttons-order button:hover { background: #000; color: #fff; } .module-cart .module-box { position: relative; z-index: 2; padding: 20px 0; } .module-cart .module-box.tope { min-height: 190px; padding-top: 60px; } .module-cart .module-box header { position: relative; z-index: 2; width: 60%; max-width: 700px; padding-right: 100px; } .module-cart .module-box header h1, .module-cart .module-box header h2, .module-cart .module-box header h3, .module-cart .module-box header h4, .module-cart .module-box header h5, .module-cart .module-box header h6 { color: #e1e1e1; font-size: 56px; font-weight: 800; line-height: .8; } .module-cart .module-box > div { width: 40%; max-width: 500px; } .module-cart .module-box > div h1, .module-cart .module-box > div h2, .module-cart .module-box > div h3, .module-cart .module-box > div h4, .module-cart .module-box > div h5, .module-cart .module-box > div h6 { margin-bottom: 35px; font-size: 16px; } .module-cart .module-box.a { } .module-cart .module-box.a:before { background: #f9f9f9; } .module-cart .module-box .icon-a:before { top: 50%; left: auto; right: 100px; width: 274px; height: 190px; margin-top: -95px; background: url(../images/icon-big-a.png) no-repeat right center; } .module-cart .module-box .icon-b:before { top: 50%; left: auto; right: 100px; width: 270px; height: 268px; margin-top: -165px; background: url(../images/icon-big-b.png) no-repeat right center; } .module-cart .module-info { clear: both; width: 100%; max-width: 520px; margin-left: auto; margin-right: auto; margin-bottom: 60px; } .module-info > p { position: relative; margin-bottom: 10px; padding-left: 170px; } .module-info label { display: block; position: absolute; top: 0; left: 0; width: 180px; padding-right: 37px; color: #919191; font-size: 16px; font-weight: 400; line-height: 41px; text-align: right; } .module-info input { width: 100%!important; max-width: 360px; height: 41px; padding: 0 20px; border: 1px solid #dedede; border-radius: 25px; background: #fff; } .module-info .short input { max-width: 221px; } .module-cart .cart-custom { width: 100%; max-width: 670px; margin-bottom: 60px; padding-left: 270px; margin-left: auto; margin-right: auto; color: #1d4696; font-size: 15px; font-weight: 400; } .module-cart .check-a { margin-bottom: 70px; line-height: 1.1; } .module-cart .check-a label { display: inline-block; position: relative; padding-left: 26px; color: #f29c14; cursor: pointer; } .module-cart .check-a input:checked + label { text-decoration: underline; } .module-cart .module-box-a { width: 100%; max-width: 920px; margin-left: auto; margin-right: auto; } .module-cart .module-box-a > h1, .module-cart .module-box-a > h2, .module-cart .module-box-a > h3, .module-cart .module-box-a > h4, .module-cart .module-box-a > h5, .module-cart .module-box-a > h6 { margin-bottom: 40px; color: #e1e1e1; font-size: 56px; font-weight: 800; line-height: .7; } .module-cart .module-box-a > p { margin-bottom: 30px; color: #2b2b2b; font-size: 16px; font-weight: 500; text-align: center; } .module-cart .module-box-a.a { margin-bottom: 85px; } .module-cart .module-box-a.a + div { margin-bottom: 25px!important; color: #2b2b2b; font-size: 16px; font-weight: 500; } .module-cart textarea { max-width: 100%; width: 530px!important; height: 255px; margin-bottom: 40px; padding: 20px 25px; border: 2px solid #dedede; border-radius: 20px; background: #fff; line-height: 27px; resize: none; } .module-cart form > table { width: 100%; max-width: 520px; margin: 0 auto 65px auto!important; color: #7b7b7b; font-size: 14px; font-weight: 400; line-height: 1.2; text-align: left; } .module-cart form > table input { cursor: pointer; } .module-cart form > table span { display: none; } .module-cart form > table label { display: inline-block; position: relative; padding-top: 0; cursor: pointer; } .module-cart form > table td { padding-bottom: 10px; vertical-align: top; } .module-cart form > table td:first-child { position: relative; width: 45px; text-align: center; } .module-cart form > table td input { margin-top: 5px; } .submit-btn { margin-bottom: 70px; text-align: center; } .submit-btn button { min-width: 260px; height: 60px; padding: 0 10px; border: 0; border-radius: 35px; background: #fae000; color: #000; font-size: 20px; font-weight: 600; text-align: center; cursor: pointer; } [data-whatintent="mouse"] .submit-btn button:hover { background: #000; color: #fff; } .module-catalog { } .module-catalog .product-a { width: 20%; } .module-catalog form { width: 100%; } .module-catalog.a { margin-left: -150px; margin-right: -150px; } .module-column { } .module-column .heading-a { } .module-column .heading-a h1, .module-column .heading-a h2, .module-column .heading-a h3, .module-column .heading-a h4, .module-column .heading-a h5, .module-column .heading-a h6 { padding-right: 60px; } .module-column .discount { position: absolute; z-index: 2; top: 19px; right: 30px; width: 46px; height: 46px; color: #fff; font-size: 13px; font-weight: 700; line-height: 46px; text-align: center; } .module-column .discount:before { border-radius: 50%; background: #dd0000; } .module-column .module-a { margin-bottom: 26px; } .module-column .availability { margin-bottom: 30px; font-size: 14px; } .module-column .availability span { color: #7bbb00; font-weight: 500; } .module-description { } .module-description p, .module-description ul { margin-bottom: 50px; } .module-filter { margin-bottom: 44px; } .module-filter > h1, .module-filter > h2, .module-filter > h3, .module-filter > h4, .module-filter > h5, .module-filter > h6 { margin-bottom: 5px; margin-right: 8px; padding: 0 8px; color: #767676; font-size: 14px; font-weight: 600; } .module-filter .box { position: relative; margin-right: 16px; margin-bottom: 5px; border: 1px solid #ededed; border-radius: 20px; } [data-whatintent="mouse"] .module-filter .box:hover { background: #ededed; } .module-filter .box h1, .module-filter .box h2, .module-filter .box h3, .module-filter .box h4, .module-filter .box h5, .module-filter .box h6 { display: block; width: 195px; height: 42px; padding-left: 15px; padding-right: 45px; margin-bottom: 0; border: 1px solid rgba(0,0,0,0); border-bottom: 0; color: #798291; font-size: 13px; font-weight: 400; line-height: 42px; cursor: pointer; } .module-filter .box h1:before, .module-filter .box h2:before, .module-filter .box h3:before, .module-filter .box h4:before, .module-filter .box h5:before, .module-filter .box h6:before { top: 6px; left: auto; right: 6px; z-index: 20; width: 29px; height: 29px; border: 3px solid #fff; border-radius: 50%; background: #e0e0e0 url(../images/drop-ax.png) no-repeat 50% 50%; } [data-whatintent="mouse"] .module-filter .box:hover h1:before, [data-whatintent="mouse"] .module-filter .box:hover h2:before, [data-whatintent="mouse"] .module-filter .box:hover h3:before, [data-whatintent="mouse"] .module-filter .box:hover h4:before, [data-whatintent="mouse"] .module-filter .box:hover h5:before, [data-whatintent="mouse"] .module-filter .box:hover h6:before { background-color: #fae000; } .module-filter .box .drop { position: absolute; top: 30px; left: -1px; right: -1px; padding: 25px 15px 20px; border: 1px solid #ededed; border-top: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; background: #ededed; color: #767676; font-size: 13px; } .module-filter .box .prices { } .module-filter .box .prices p { margin-bottom: 8px; } .module-filter .box .prices input { width: 100%; height: 25px; padding: 0 10px; border: 1px solid #fff; border-radius: 10px; } .module-filter .box .prices button { height: 30px; padding: 0 20px; border: 0; border-radius: 10px; background: #f29c14; color: #fff; cursor: pointer; } [data-whatintent="mouse"] .module-filter .box .prices button:hover { background: #000;} .slick-slider { position: relative; z-index: 1; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .module-gallery { position: relative; margin-bottom: 50px; } .module-gallery .main-pic { position: relative; margin-bottom: 25px; } .module-gallery .main-pic figure { margin-bottom: 0; } .module-gallery .main-pic figure img { float: none; margin: 0 auto; max-height: 550px; } .module-gallery .gallery-thumbs { position: relative; z-index: 2; padding: 25px; } .module-gallery .gallery-thumbs:before { right: 0; background: #f2f2f2; } .module-gallery .gallery-thumbs figure { position: relative; margin: 0 10px; border: 2px solid transparent; background: #fff; } .module-gallery .gallery-thumbs figure a { outline: none; } .module-gallery .gallery-thumbs figure img { max-height: 135px; margin: 0 auto; } .module-gallery .gallery-thumbs .slick-current { border-color: #fae000; } .module-gallery .slick-arrow { position: absolute; top: 50%; z-index: 10; width: 36px; height: 36px; margin-top: -18px; border: 0; background: transparent; text-indent: -9999em; cursor: pointer; outline: none; } .module-gallery .slick-prev { left: 15px; } .module-gallery .slick-prev:before, .module-gallery .slick-next:before { background: #fff; border: 3px solid #e1e1e1; border-radius: 50%; } [data-whatintent="mouse"] .module-gallery .slick-prev:hover:before, [data-whatintent="mouse"] .module-gallery .slick-next:hover:before { border-color: #fae211; } .module-gallery .slick-prev:before { background: #fff url(../images/prev.png) no-repeat 50% 50%; } .module-gallery .slick-next { right: 15px; } .module-gallery .slick-next:before { background: #fff url(../images/next.png) no-repeat 50% 50%; } .module-gallery .slick-disabled { display: none!important; } .module-image { position: relative; z-index: 2; max-width: 870px; min-height: 456px; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 10px; color: #000; font-size: 16px; font-weight: 400; line-height: 1.6875; text-align: center; } .module-image figure { position: absolute; top: 0; bottom: 0; left: 50%; z-index: -1; width: 100vw; } .module-image figure { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .module-image h1, .module-image h2, .module-image h3, .module-image h4, .module-image h5, .module-image h6 { margin-bottom: 45px; font-size: 25px; } .module-image p { margin-bottom: 65px; } .module-pattern { position: relative; z-index: 2; padding: 23px 0; } .module-pattern:before { background: #f7f7f7; } .module-pattern.a { padding: 33px 0 60px; } .module-product { } .module-product .module-gallery { float: left; width: 50%; padding-right: 36px; } .module-product .module-column { float: left; width: 50%; } .module-products { position: relative; z-index: 2; padding: 36px 0 31px 333px; color: #fff; } .module-products:before { background: #f39c44; } .module-products header { position: relative; z-index: 2; float: left; width: 333px; min-height: 275px; margin-left: -333px; padding-top: 17px; padding-left: 90px; text-align: right; } .module-products header:before { bottom: -30px; right: -45px; background: #f39c44; } .module-products header h1, .module-products header h2, .module-products header h3, .module-products header h4, .module-products header h5, .module-products header h6 { margin-bottom: 61px; padding-bottom: 18px; border-bottom: 2px solid #fae000; color: #fff; font-size: 25px; font-weight: 400; } .module-products .wrap-a { padding-left: 45px; } .module-products.clone .product-a { width: 286px; } .module-products .product-a figure { height: 170px; margin-bottom: 9px; } .module-products .product-a h1, .module-products .product-a h2, .module-products .product-a h3, .module-products .product-a h4, .module-products .product-a h5, .module-products .product-a h6 { height: 25px; margin-bottom: 22px; font-size: 15px; font-weight: 400; } .module-products .product-a .price { margin-bottom: 16px; } .module-products .product-a .link-btn { bottom: 16px; right: 17px; } .other-show .module-products { padding-left: 0; } .other-show .module-products .module-catalog { -webkit-justify-content: center; justify-content: center; } .module-products.slide, .more-other .module-products.clone, .more-other.other-show .module-products.slide { position: absolute; top: -3000em; left: -3000em; } .module-products.clone, .more-other .module-products.slide, .more-other.other-show .module-products.clone { position: relative; top: auto; left: auto; } .module-products.slide .owl-carousel .owl-stage-outer { overflow: visible; } .module-products.slide .product-a { text-align: left; } .module-products .owl-nav { display: none; } .module-products .owl-dots { bottom: -322px; } .module-products .owl-dots button { background: #000; } .module-products .owl-dots button { width: 21px; background: #fae000; } .module-sort { position: relative; margin-bottom: 25px; padding: 0 19px; } .module-sort form { display: inline-block; } .module-sort form p { margin-bottom: 0; } .module-sort label { margin-right: 17px; color: #798291; font-size: 14px; font-weight: 600; } .module-sort .select { border-radius: 6px;position: relative; height: 42px; border: 1px solid #ededed; border-radius: 20px; background: #fff url(../images/drop-xx.png) no-repeat 95% center; } .module-sort p select { position: relative; z-index: 10; width: 100%; padding: 0 50px 0 20px; border: 0; background: none; color: #2b2b2b; font-size: 13px; font-weight: 400; cursor: pointer; } .module-sort p select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .module-sort .pagination { position: absolute; top: 0; right: 0; padding-top: 0; } .module-tabs { } .module-tabs > div { position: relative; z-index: 2; margin-bottom: 27px; } .module-tabs > div:before { background: #f7f7f7; } .module-tabs .tabs { position: relative; list-style: none; margin: 0; padding: 0; } .module-tabs .tabs li { } .module-tabs .tabs li a { display: block; position: relative; z-index: 2; height: 67px; padding: 22px 33px 8px; position: relative; font-size: 18px; color: #2b2b2b; font-weight: 500; } .module-tabs .tabs li a:before { top: auto; left: 33px; right: 33px; height: 2px; background: rgba(0,0,0,0); } .module-tabs .tabs li.current a { padding-top: 15px; padding-bottom: 15px; background: #f7f7f7; font-size: 25px; } .module-tabs .tabs li.current a:before { background-color: #f29c14; } .module-tabs .content-tab { padding: 33px 0 40px; } .module-tabs .content-tab.hide { overflow: hidden; opacity: 0; height: 0; padding: 0; } .module-tabs.a { } .module-tabs.a > div { margin-bottom: 0; } .module-tabs.a > div:before { background: #fff; } .module-tabs.a .tabs { z-index: 2; } .module-tabs.a .tabs:before { top: auto; left: -65px; right: -65px; height: 1px; background: #e6e6e6; } .module-tabs.a .tabs li { margin-right: 60px; } .module-tabs.a .tabs li a { height: auto; padding: 15px 0; font-size: 22px; color: #767676; font-weight: 300; } .module-tabs.a .tabs li a:before { top: auto; left: 0; right: 0; height: 2px; background: rgba(0,0,0,0); } .module-tabs.a .tabs li.current a { padding-top: 15px; padding-bottom: 15px; background: rgba(0,0,0,0); font-size: 22px; font-weight: 600; } .module-tabs.a .tabs li.current a:before { background-color: #f29c14; } .module-tabs.a .content-tab { padding: 50px 0 10px; color: #767676; font-weight: 400; line-height: 1.7; } .module-tabs.a .content-tab.hide { overflow: hidden; opacity: 0; height: 0; padding: 0; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; text-align: center; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .fadeOut { -webkit-animation-name: fade; animation-name: fade; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-dots { position: absolute; bottom: 50px; left: 0; right: 0; } .owl-dots button { display: block; min-width: 0; width: 84px; height: 16px; margin: 0 8px 4px; padding: 0; border: 0; border-radius: 12px; box-shadow: none; background: #f29c14; cursor: pointer; outline: none; } .owl-dots button.active { width: 18px; background: #fff; cursor: default; } .page-navigation { position: relative; z-index: 2; padding: 20px 8px; } .page-navigation ul { list-style: none; margin-bottom: 0; padding: 0; color: #767676; font-size: 14px; font-weight: 300; } .page-navigation li { position: relative; margin-right: 55px; } .page-navigation li:first-child { margin-right: 32px; font-weight: 700; } .page-navigation li:before { top: 5px; bottom: auto; left: auto; right: -30px; width: 9px; height: 7px; background: url(../images/arrow-b.png); } .page-navigation li:last-child:before, .page-navigation li:first-child:before { display: none; } .page-navigation a { color: #85847f; } .pagination { clear: both; color: #767676; } .pagination { position: relative; top: auto; right: auto; padding: 5px 20px 3px 19px; -webkit-justify-content: flex-end; justify-content: flex-end; } .pagination p { margin-bottom: 0; color: #767676; font-size: 14px; font-weight: 600; line-height: 20px; } .pagination p:last-child { padding-top: 2px; color: #1d4696; font-size: 14px; font-weight: 400; } .pagination ul { list-style: none; margin-bottom: 0; padding: 0 10px; } .pagination li { float: left; padding: 5px 2px; line-height: 20px; } .pagination a { display: inline-block; position: relative; width: 29px; height: 29px; border: 3px solid #fff; border-radius: 50%; background: #f1f5fb; color: #1d4696; font-size: 13px; font-weight: 400; line-height: 26px; text-align: center; text-decoration: none; } [data-whatintent="mouse"] .pagination a:hover, .pagination .active a { border-color: #fae000; background: #fae000; color: #000; font-weight: 600; } .product-a { position: relative; z-index: 2; padding: 11px 27px 0; color: #2b2b2b; line-height: 1.230769230769231; } .product-a:before { right: -1px; background: #fff; border: 1px solid #ececec; } [data-whatintent="mouse"] .product-a:hover { z-index: 112; } [data-whatintent="mouse"] .product-a:hover:before { box-shadow: 0 0 10px rgba(0,0,0,.14); } .product-a figure { overflow: hidden; margin-bottom: 23px; margin-left: -25px; margin-right: -25px; padding-left: 5px; padding-right: 5px; text-align: center; } .product-a .discount { position: absolute; z-index: 2; top: 19px; right: 30px; width: 46px; height: 46px; color: #fff; font-size: 13px; font-weight: 700; line-height: 46px; text-align: center; } .product-a .discount:before { border-radius: 50%; background: #dd0000; } [data-whatintent="mouse"] .product-a:hover .discount { font-size: 20px; } [data-whatintent="mouse"] .product-a:hover .discount:before { top: -5px; bottom: -5px; left: -5px; right: -5px; } .product-a .discount small {font-weight: 400; } .product-a h1, .product-a h2, .product-a h3, .product-a h4, .product-a h5, .product-a h6 { overflow: hidden; height: 34px; margin-bottom: 17px; font-size: 19px; line-height: .8947368421052632; } .product-a h1 a, .product-a h2 a, .product-a h3 a, .product-a h4 a, .product-a h5 a, .product-a h6 a { color: #000; } .product-a p { margin-bottom: 9px; font-size: 13px; } .product-a .price { margin-bottom: 22px; height: 42px; padding-right: 140px; line-height: 1.2; } .product-a .price .default { font-size: 19px; color: #f7761a; font-weight: 500; } .product-a .price .promo { display: block; width: 100%; font-size: 19px; color: #dd0000; font-weight: 500; } .product-a .price .old { display: block; width: 100%; font-size: 13px; color: #686868; font-weight: 400; text-decoration: line-through; } .product-a .link-btn { position: absolute; bottom: 22px; right: 27px; font-size: 15px; } .product-a .link-btn a { overflow: hidden; width: 47px; padding-left: 47px; padding-right: 0; } [data-whatintent="mouse"] .product-a:hover .link-btn a { width: auto; padding-left: 49px; padding-right: 13px; } .product-show { margin-bottom: 16px; } .product-show figure { float: left; margin-right: 27px; } .product-show p { float: left; } .product-show span { color: #f7761a; font-size: 18px; font-weight: 700; } .selected-filters { margin-bottom: 36px; padding: 0 8px; font-size: 14px; } .selected-filters > h1, .selected-filters > h2, .selected-filters > h3, .selected-filters > h4, .selected-filters > h5, .selected-filters > h6 { margin-right: 25px; font-size: 14px; font-weight: 600; } .selected-filters p { margin-right: 44px; } .simple-tabs { margin-bottom: 50px; padding-left: 240px; } .simple-tabs > div { position: relative; z-index: 2; margin-bottom: 27px; } .simple-tabs > div:before { background: #f7f7f7; } .simple-tabs .tabs-menu { float: left; position: relative; z-index: 10; list-style: none; width: 240px; margin: 0 0 0 -240px; padding: 0; border: 2px solid #f9f5f6; border-bottom: 0; } .simple-tabs .tabs-menu li { border-bottom: 2px solid #f9f5f6; } .simple-tabs .tabs-menu li a { display: block; position: relative; z-index: 2; height: 56px; padding: 0 18px; position: relative; font-size: 16px; color: #2b2b2b; font-weight: 600; line-height: 56px; text-decoration: none; } .simple-tabs .tabs-menu li.current a { background: #f29c14; color: #fff; } .simple-tabs .tabs-menu li.current a:before { content: ""; position: absolute; top: 50%; right: -9px; width: 9px; height: 26px; margin-top: -13px; } .simple-tabs .tabs-menu li.current a:before { border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 9px solid #f29c14; } .simple-tabs .content-tabs { padding: 0; border: 2px solid #f9f5f6; } .simple-tabs .content-tabs.hide { overflow: hidden; display: none; opacity: 0; height: 0; padding: 0; } .rating-c { list-style: none; margin: 0 16px 0 0; padding: 0; font-size: 14px; } .rating-c li { margin-bottom: 7px; margin-right: 4px; } .rating-c .stars { margin-left: 20px; margin-right: 16px; } .rating-c .no { font-size: 14px; } .rating-c .no span { font-size: 17px; font-weight: 700; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6, legend { color: #2b2b2b; font-size: 25px; font-weight: 600; line-height: 1.1; } .header-a { position: relative; z-index: 2; margin-bottom: 0; text-align: center; } .header-a span { display: block; position: relative; z-index: 2; float: left; padding: 20px 30px; background: #f7f7f7 } .header-a span:before { top: auto; left: 30px; right: 30px; height: 2px; background: #f29c14; } .header-b { margin-bottom: 42px; font-size: 18px; font-weight: 600; line-height: 1.1; } .header-b span { position: relative; z-index: 2; display: block; float: left; padding: 14px 37px 12px 59px; border-radius: 25px; background: #eee; color: #000; text-decoration: none; } .header-b span:before { top: 6px; left: 9px; width: 29px; height: 29px; border: 3px solid #fff; border-radius: 50%; background: #fae000 url(../images/drop-ax.png) no-repeat 50% 50%; } .heading-a { margin-bottom: 30px; padding: 33px 8px 0 8px; color: #767676; font-size: 15px; line-height: 1.4375; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { position: relative; z-index: 2; padding-bottom: 15px; font-style: 24px; } .heading-a h1:before, .heading-a h2:before, .heading-a h3:before, .heading-a h4:before, .heading-a h5:before, .heading-a h6:before { content: ""; position: absolute; bottom: 0; left: -28px; width: 63px; height: 3px; background: #000; } .heading-a.a { position: relative; padding-left: 0; color: #767676; font-size: 16px; } .heading-a.a h1, .heading-a.a h2, .heading-a.a h3, .heading-a.a h4, .heading-a.a h5, .heading-a.a h6 { font-size: 32px; } /*! Content --------- */ b, strong, .strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .scheme-a { } .scheme-a span { color: #f39c44; font-size: 19px; font-weight: 700; } .size13 { font-size: 13px; line-height: 1.769230769230769; } .overlay-a { color: #f39c44; } /*! Links --------- */ a { background: none; color: #f39c44; text-decoration: underline; cursor: pointer; outline: none; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } [data-whatintent="mouse"] a:hover { text-decoration: none; } .back-btn { position: relative; margin-bottom: 30px; } .back-btn a { display: block; float: left; padding: 15px 21px 15px 51px; border-radius: 25px; background: #f9f9f9; color: #767676; font-size: 14px; line-height: 1.2; } .back-btn span { position: absolute; top: 12px; left: 23px; color: #f29c14; font-size: 18px; } [data-whatintent="mouse"] .back-btn a:hover { background: #000; color: #fff; } .comment-btn { font-size: 13px; } .comment-btn a { display: block; position: relative; z-index: 2; padding-left: 37px; text-indent: -9999em; } .comment-btn a:before { top: 50%; width: 25px; height: 23px; margin-top: -5.5px; background: url(../images/icon-comment.png); } .link-a { } #root .link-a a { color: #f39c44; } .link-btn { font-size: 15px; font-weight: 500; line-height: 1.1; } .link-btn a { position: relative; z-index: 2; display: block; float: left; padding: 14px 30px 12px 49px; border-radius: 25px; background: #eee; color: #000; text-decoration: none; } .link-btn a:before { top: 6px; left: 9px; width: 29px; height: 29px; border: 3px solid #fff; border-radius: 50%; background: #fae000 url(../images/arrow-a.png) no-repeat 10px 50%; } .link-btn a:hover:before { background-color: #fff; } [data-whatintent="mouse"] .link-btn a:hover { background: #fae000; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .list-a { list-style: none; margin-bottom: 27px; padding: 0; color: #000; font-size: 14px; line-height: 1.428571428571429; } .list-a li { position: relative; width: 200px; margin: 0 5px 30px; padding-top: 105px; text-align: center; } .list-a i { position: absolute; top: 0; left: 50%; z-index: 2; width: 88px; height: 88px; margin-left: -44px; } .list-a i:before { border-radius: 50%; background: #eee; } .list-a li:hover i:before { top: -5px; bottom: -5px; left: -5px; right: -5px; box-shadow: 0 0 40px rgba(0,0,0,.4); background: #e0e0e0; } .list-a i:after { background-repeat: no-repeat; background-position: 50% 50%; } .list-a .icon-a:after { background-image: url(../images/icon-a.png); } .list-a .icon-b:after { background-image: url(../images/icon-b.png); } .list-a .icon-c:after { background-image: url(../images/icon-c.png); } .list-a .icon-d:after { background-image: url(../images/icon-d.png); } .list-a .icon-e:after { background-image: url(../images/icon-e.png); } .list-b { list-style: none; padding: 0; } .list-b li { min-height: 34px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #f0f0f0; } .list-b li:last-child { border-bottom: 0; } .list-b p { width: 50%; margin-bottom: 0; } .list-b p:last-child { margin-bottom: 0; padding-right: 19px; text-align: right; } .list-b li:last-child p:last-child { color: #000; font-size: 17px;font-weight: 400; } .list-b .a { } .list-b input { width: 34px; height: 34px; margin-right: 7px; border: 1px solid #e7e7e7; border-radius: 50%; background: #f5f5f5; color: #000; text-align: center; } .list-b .remove-btn { margin-left: 26px } .list-b .remove-btn a { display: inline-block; } .list-c { list-style: none; margin-left: -34px; padding: 0; } .list-c li { position: relative; width: 300px; margin-bottom: 34px; padding: 35px 20px 0; border-left: 34px solid rgba(0,0,0,0); text-align: center; } .list-c li:before { border: 3px solid #f9f5f6; } .list-c li:hover:before { border-color: #fa5e00; } .list-c a { height: 72px; color: #393939; font-size: 16px; font-weight: 600; } .list-c a:before { z-index: 3; } .list-c figure { height: 144px; margin-bottom: 51px; } .list-c p { position: absolute; bottom: -20px; left: 0; right: 0; margin-bottom: 0; text-align: center; } .list-c p span { display: inline-block; height: 42px; padding: 0 20px; border-radius: 20px; background: #fae000; color: #000; font-size: 20px; font-weight: 700; line-height: 42px; } .list-checkbox { overflow: auto; list-style: none; max-height: 200px; margin-bottom: 0; padding: 0; font-size: 13px; } .list-checkbox li { margin-bottom: 14px; line-height: 1.2; } .list-checkbox a { position: relative; padding-left: 23px; color: #767676; text-decoration: none; } [data-whatintent="mouse"] .list-checkbox a:hover, .list-checkbox .active a { color: #db1439; } .list-checkbox a:before { content: ""; position: absolute; top: -1px; left: 0; width: 17px; height: 16px; border: 1px solid #cecece; border-radius: 3px; background: #fff; } .list-checkbox .active a:before { border-width: 0; background: url(../images/ok.png); } .list-comments { list-style: none; padding: 0; font-size: 14px; } .list-comments li { padding: 20px 0 20px 210px; border-bottom: 1px solid #d5e1f2; line-height: 1.5; } .list-comments li > div { float: left; width: 210px; margin-left: -210px; font-size: 13px; } .list-comments li > div .strong { font-size: 14px; } .list-comments p { margin-bottom: 0; } .list-info { list-style: none; padding: 0; color: #000; font-size: 14px; } .list-info li { margin-right: 20px; } .list-info .a { } .list-info .a span { font-size: 17px; font-weight: 600; } .list-info .a a { color: #3d3d3d; text-decoration: none; } [data-whatintent="mouse"] .list-info .a a:hover { text-decoration: underline; } .list-select { list-style: none; max-width: 340px; padding: 0; color: #7b7b7b; font-size: 14px; font-weight: 400; line-height: 1.3; } .list-select li { position: relative; margin-bottom: 5px; padding: 0; } .list-select input { display: none; } .list-select label { display: block; padding: 4px 100px 4px 28px; background: url(../images/ok-b.png) no-repeat 0 3px; font-size: 14px; font-weight: 400; cursor: pointer; } .list-select input:checked + label, .list-select input:checked + strong label, .list-select input:checked ~ .price { color: #000; font-weight: 500; } .list-select input:checked + label { background: url(../images/ok.png) no-repeat 0 3px; } .list-select input:checked + strong label { background: url(../images/ok.png) no-repeat 0 3px; } .list-select .price { position: absolute; top: 3px; right: 3px; width: 100px; color: #000; font-weight: 400; text-align: right; } .list-special { list-style: none; margin: 0 0 55px -23px; padding: 50px 0 0; } .list-special li { position: relative; z-index: 2; width: 25%; height: 140px; margin-bottom: 30px; border-left: 23px solid rgba(0,0,0,0); color: #000; font-size: 14px; text-align: center; } .list-special li:before { background-color: #f2f2f2; background-repeat: no-repeat; background-position: 100% 0; } .list-special li:nth-child(1):before { background-image: url(../images/bg-a.png); } .list-special li:nth-child(2):before { background-image: url(../images/bg-b.png); } .list-special li:nth-child(3):before { background-image: url(../images/bg-c.png); } .list-special li:nth-child(4):before { background-image: url(../images/bg-d.png); } .list-special li:after { top: auto; bottom: -15px; left: 50%; width: 48px; height: 42px; margin-left: -24px; background: url(../images/bullet.png); } .list-special p { margin-bottom: 0; } .list-special p span { display: block; font-weight: 500; } .list-special a { overflow: hidden; position: absolute; top: 50%; bottom: 50%; left: 0; right: 0; z-index: 2; text-decoration: none; } [data-whatintent="mouse"] .list-special li:hover a { top: -28px; bottom: -28px; } .list-special a { background: #fae000; background: -moz-linear-gradient(45deg, #fae000 0%, #fae000 50%, #fcec63 51%, #fcec63 100%); background: -webkit-linear-gradient(45deg, #fae000 0%,#fae000 50%,#fcec63 51%,#fcec63 100%); background: linear-gradient(45deg, #fae000 0%,#fae000 50%,#fcec63 51%,#fcec63 100%); } .list-special a span { display: block; position: absolute; bottom: -50px; left: 50%; width: 92px; height: 42px; margin-left: -46px; border-radius: 25px; background: #fff; color: #000; line-height: 42px; } [data-whatintent="mouse"] .list-special li:hover a span { bottom: 10px; } .list-special li a:before { background-repeat: no-repeat; background-position: 50% 36px; } .list-special li:nth-child(1) a:before { background-image: url(../images/bg-ax.png); } .list-special li:nth-child(2) a:before { background-image: url(../images/bg-bx.png); } .list-special li:nth-child(3) a:before { background-image: url(../images/bg-cx.png); } .list-special li:nth-child(4) a:before { background-image: url(../images/bg-dx.png); } .list-summary { list-style: none; padding: 50px 0 70px 0; color: #798291; font-size: 14px; font-weight: 400; } .list-summary li { position: relative; margin-bottom: 8px; } .list-summary li:before { top: auto; left: -45px; right: -45px; height: 1px; background: #e6e6e6; } .list-summary li:last-child:before { display: none; } .list-summary p { float: left; margin-bottom: 0; } .list-summary p:last-child { display: inline-block; float: right; padding: 15px 0; font-size: 18px; } .list-summary li:nth-child(1) p:last-child { color: #919191; font-size: 14px; text-align: right; } .list-summary li:nth-child(1) p:last-child span { display: block; color: #2b2b2b; font-size: 22px; font-weight: 600; } .list-summary li:nth-child(2) p:last-child { color: #2b2b2b; font-size: 22px; font-weight: 500; } .list-summary li:nth-child(3) p:last-child { color: #f29c14; font-size: 26px; font-weight: 600; } .list-summary small { color: #2b2b2b; font-size: 19px; font-weight: 400; } /*! Forms --------- */ ::-webkit-input-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } ::placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } .form-add { } .add-section { padding-top: 30px; } .add-section .price { width: 230px; } .add-section .price span { margin-left: 20px; color: #f7761a; font-size: 29px; font-weight: 500; } .add-section .price span.olderPrice {margin-left: 0px; font-size:14px;color: #767676; font-weight: 400;} .add-section .price span.olderPrice strong {font-size:17px;color: #767676; font-weight: 400; text-decoration: line-through ; padding-left:9px;} .add-section .add { max-width: 380px; } .module-product .add-section label { margin-right: 23px; } .module-product .add-section input { width: 47px; height: 44px; padding: 0 10px; border: 0; background: #fff; color: #000; font-size: 18px; font-weight: 700; text-align: center; } .module-product .add-section button { position: relative; width: 180px; height: 62px; padding-left: 64px; border: 0; border-radius: 35px; background: #fae000 url(../images/icon-cart-dark.png) no-repeat 20px 50%; color: #000; font-size: 20px; font-weight: 500; text-align: left; cursor: pointer; } [data-whatintent="mouse"] .module-product .add-section button:hover { background-color: #f29c14; } .add-section .amount { display: block; position: relative; padding-left: 29px; padding-right: 29px; margin-right: 12px; } .add-section .amount input { width: 60px; border: 0; color: #000; font-size: 18px; font-weight: 700; text-align: center; } .add-section .amount a { position: absolute; top: 50%; width: 29px; height: 29px; margin-top: -14px; text-indent: -9999em; } .add-section .amount a:hover { color: #ad136b; text-decoration: none; } .add-section .amount .minus-one { left: 0; background: url(../images/minus.png); } .add-section .amount .plus-one { right: 0; background: url(../images/plus.png); } .add-section .amount .plus-one { right: 0; background: url(../images/plus.png); } .form-add .attribute-a { position: relative; z-index: 10; margin-bottom: 15px; } .form-add .attribute-a .a { margin-bottom: 10px; } .form-add .attribute-a .title-a { position: relative; z-index: 30; width: 250px; margin-bottom: 0; padding: 14px 20px 14px 51px; border-radius: 20px; background: #eee; color: #000; font-size: 14px; font-weight: 400; line-height: 1.1; cursor: pointer; } .form-add .attribute-a .title-a:after { top: 6px; left: 9px; width: 29px; height: 29px; border: 3px solid #fff; border-radius: 50%; background: #fff url(../images/arrow-a.png) no-repeat 10px 50%; } .form-add .attribute-a.selected-item .title-a:after { background: #8dc422 url(../images/ok-c.png) no-repeat 50% 50%; } .form-add .attribute-a .active .title-a:before { top: -15px; left: -15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 25px; border-top-left-radius: 25px; box-shadow: 0 -5px 5px rgba(0,0,0,.09); background: #eee; } .form-add .attribute-a .active .drop { display: block; } .form-add .attribute-a .drop { display: none; position: absolute; top: 100%; left: 0; z-index: 20; width: calc(100% - 40px); margin-top: -10px; padding: 27px 0 0 0; } .form-add .attribute-a .drop:before { left: -15px; border-top-right-radius: 8px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; box-shadow: 0 0 10px rgba(0,0,0,.17); background: #eee; } .form-add .attribute-a .drop .ti { margin: 0 15px 15px 0; } .form-add .attribute-a .drop .ti label { display: block; position: relative; z-index: 30; width: 170px; margin-bottom: 0; padding: 14px 20px 14px 45px; border-radius: 20px; background: #fff; color: #000; font-size: 14px; line-height: 1.1; cursor: pointer; } .form-add .attribute-a .drop .ti label:before { top: 6px; left: 9px; width: 29px; height: 29px; border: 3px solid #f9f9f9; border-radius: 50%; background: #fff url(../images/arrow-a.png) no-repeat 10px 50%; } .form-add .attribute-a .drop .ti.active label:before { background: #8dc422 url(../images/ok-c.png) no-repeat 50% 50%; } .form-add .attribute-a .sp { position: relative; margin-bottom: 10px; padding-right: 47px; font-size: 14px; } .form-add .attribute-a .sp span { color: #7bbb00; font-weight: 600; } .form-add .attribute-a .sp a { position: absolute; top: -6px; right: 0; } .form-add .r-temp { display: none; } .form-comment { padding-left: 210px; } .form-comment p { margin-bottom: 7px; } .form-comment input { font-style: italic; } .form-comment textarea { width: 100%; height: 105px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; border-radius: 8px; border: 2px solid #e1e6ee; font-weight: 300; font-style: italic; resize: none; } .form-comment .inputs { padding-top: 10px; } .form-comment .inputs label { width: 100%; margin-bottom: 10px; } .form-comment .inputs img { margin-bottom: 10px; margin-left: 15px; margin-right: 15px; } .form-comment .inputs input { max-width: 140px; } .form-comment input { width: 100%; max-width: 234px; height: 44px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; border-radius: 8px; border: 2px solid #e1e6ee; } .form-comment button { float: right; min-width: 170px; height: 40px; margin-bottom: 10px; padding: 0 10px; border: 0; border-radius: 6px; color: #fff; font-size: 16px; font-weight: 700; text-align: center; cursor: pointer; } .form-comment button { background: #f29c14; } [data-whatintent="mouse"] .form-comment button:hover { background: #000; } .form-comment .rating-b { position: relative; } .form-comment .rating-b > h1, .form-comment .rating-b > h2, .form-comment .rating-b > h3, .form-comment .rating-b > h4, .form-comment .rating-b > h5, .form-comment .rating-b > h6 { margin-bottom: 20px; margin-left: -210px; width: 210px; color: #000; font-size: 17px; font-weight: 700; text-align: right; } .form-comment .rating { position: relative; display: inline-block; margin: 0 10px; } .form-comment .rating input { display: none; } .form-comment .rating label { float: right; } .form-comment .rating label span { display: none; position: absolute; top: 0; left: 180px; width: 190px; background: #fff; color: #b0d150; font-size: 14px; font-weight: 700; } .form-comment .rating label:hover span, .form-comment .rating input:checked + label span { display: block; } .form-comment .rating label:before { content: ""; display: inline-block; width: 22px; height: 22px; margin: 0 5px; background: url(../images/stars.png); } .form-comment .rating > input:checked ~ label:before, .rating:not(:checked) > label:hover:before, .rating:not(:checked) > label:hover ~ label:before { background-position: 0 -22px; } .form-comment .rating > input:checked + label:hover, .rating > input:checked ~ label:hover:before, .rating > label:hover ~ input:checked ~ label:before, .rating > input:checked ~ label:hover ~ label:before { background-position: 0 -44px; } .form-contact { width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; padding-bottom: 50px; color: #818789; font-size: 15px; } .form-contact > div { } .form-contact > div > p { padding-left: 180px; line-height: 44px; } .form-contact > div > p > label { float: left; width: 190px; margin-left: -190px; display: inline-block; text-align: right; } .form-contact p { margin-bottom: 8px; } .form-contact input { width: 100%; max-width: 234px; height: 44px; padding-left: 20px; padding-right: 20px; border-radius: 8px; border: 2px solid #e1e6ee; } .form-contact textarea { width: 100%; height: 182px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; padding-right: 20px; border-radius: 8px; border: 2px solid #e1e6ee; font-weight: 300; font-style: italic; resize: none; } .form-contact label { display: block; padding-right: 20px; text-align: right; } .form-contact .inputs { } .form-contact .inputs > * { margin-bottom: 8px; margin-left: 15px; } .form-contact .inputs input { width: 170px; } .form-contact button { float: right; min-width: 170px; height: 50px; padding: 0 20px; border: 0; border-radius: 20px; color: #fff; font-size: 16px; font-weight: 700; text-align: center; cursor: pointer; } .form-contact button { background: #f29c14; } [data-whatintent="mouse"] .form-contact button:hover { background: #000; } .form-search { position: relative; z-index: 2; } .form-search p { position: relative; z-index: 2; padding: 0 56px 0 0; } .form-search p:before { border: 1px solid #f29c14; border-radius: 20px; background: #fff; } .form-search p:hover:before { top: -6px; bottom: -6px; left: -6px; right: -6px; border: 2px solid #fae000; border-radius: 25px; } .form-search input { width: 100%; height: 42px; padding: 0 26px; border: 0; background: rgba(0,0,0,0); color: #848484; font-size: 13px; } .form-search button { position: absolute; top: 0; right: 0; z-index: 2; width: 56px; height: 42px; border: 0; background: rgba(0,0,0,0); text-indent: -9999em; cursor: pointer; } .form-search button:before { background: url(../images/icon-search.png) no-repeat 50% 50%; } .newsletter-form { position: relative; z-index: 2; padding-top: 55px; padding-bottom: 30px; font-size: 16px; text-align: center; } .newsletter-form:before { background: #f9f9f9; } .newsletter-form h1, .newsletter-form h2, .newsletter-form h3, .newsletter-form h4, .newsletter-form h5, .newsletter-form h6 { font-size: 25px; } .newsletter-form .inputs { position: relative; max-width: 671px; margin-left: auto; margin-right: auto; padding: 3px 290px 3px 3px; border: 2px solid #fae000; border-radius: 20px; background: #fff; } .newsletter-form .inputs input { width: 100%; height: 42px; padding: 0 20px; border: 0; border-radius: 20px; background: rgba(0,0,0,0); color: #2b2b2b; font-size: 13px; } .newsletter-form .inputs button { position: absolute; top: 3px; right: 3px; z-index: 2; width: 152px; height: 42px; border: 0; border-radius: 20px; padding: 0 30px 0 49px; border-radius: 25px; background: #fae000; color: #000; font-weight: 400; cursor: pointer; } .newsletter-form .inputs button:before { top: 6px; left: 9px; width: 29px; height: 29px; border: 3px solid #fff; border-radius: 50%; background: #f39c44 url(../images/arrow-a.png) no-repeat 10px 50%; } .newsletter-form .inputs button.a { right: 159px; width: 129px; padding: 0; background: #eee; color: #9c9c9c; } [data-whatintent="mouse"] .newsletter-form .inputs button:hover { background: #7dc02e; color: #fff; } [data-whatintent="mouse"] .newsletter-form .inputs button:hover:before { background-color: #fff; } [data-whatintent="mouse"] .newsletter-form .inputs button.a:hover { background: #e34a1b; color: #fff; } /*! Helpers --------- */ *, *:before, *:after { transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .list-special a, .nav-shadow, .form-search p:before, .product-a .discount, .product-a .discount:before, .product-a .link-btn a, .product-a, .product-a:before, .list-a i:before, .owl-dots button { transition: all .4s cubic-bezier(.4,0,.4,1) 0s; -webkit-transition-delay: -.1s; } option { transition: none; } .module-filter .box .drop { transition: all 0s; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } #up em, .module-products header .link-btn, .hidden, [hidden], template, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } #mobile em, .other-show .module-products header, .module-products .product-a, .newsletter-form .inputs button.a:before, #featured .owl-nav, .hr hr { display: none; } .other-show .module-products .product-a, .module-products .product-a:nth-child(1), .module-products .product-a:nth-child(2), .module-products .product-a:nth-child(3), .module-products .product-a:nth-child(4) { display: block; } .more-other .module-products header .link-btn { position: relative; left: auto; top: auto; } hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .form-search p, .module-image figure, #root .m0, #featured figure, .product-a .price p, .product-a .link-btn { margin-bottom: 0; } #root .m100 { margin-bottom: 100px; } .wide-a > form { position: relative; z-index: 10; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: #f29c14; color: #fff; text-shadow: none; } ::-moz-selection { background: #f29c14; color: #fff; text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } [data-whatintent="mouse"] .form-search button:hover:before, [data-whatintent="mouse"] .product-a:hover .discount, [data-whatintent="mouse"] .product-a:hover figure img { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .product-a:hover .link-btn a { -webkit-animation-name: degus; animation-name: degus; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes popA {50% {-webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } @keyframes popA {50% {-webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes degus { 50% -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } @keyframes degus { 25% { -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } 75% { -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } } @-webkit-keyframes degus-little { 50% -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } @keyframes degus-little { 25% { -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } 75% { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } } /*! Flexbox --------- */ .form-add .attribute-a, .form-add .attribute-a .inner, .add-section .add, .add-section, .list-special li, .list-special, .rating-c .stars, .rating-c, .module-a, .module-gallery .slick-track, .rating-b, .form-comment .inputs, .form-contact .inputs, .list-c, .header-b, .header-a, .list-summary li, .module-cart .module-box, .list-b li, .list-b .a, .split-a, .module-sort .select, .module-sort form, .pagination, .selected-filters, .module-filter, .page-navigation ul, #up ul, .list-info, .module-products.clone .other-catalog, .module-products .owl-dots, .module-image, .link-btn, .product-show, .module-aside, .product-a .price, .product-a .price p, .module-catalog, .module-catalog form, .module-tabs .tabs, .list-a, .owl-dots, #featured header, #footer > ul, #footer nav { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-add .attribute-a, .form-add .attribute-a .inner, .add-section .add, .add-section, .list-special, .rating-c, .module-a, .module-gallery .slick-track, .rating-b, .form-comment .inputs, .form-contact .inputs, .list-c, .header-a, .list-summary li, .module-cart .module-box, .list-b li, .list-b .a, .split-a, .module-sort .select, .module-sort form, .pagination, .selected-filters, .module-filter, .page-navigation ul, #up ul, .list-info, .module-products.clone .other-catalog, .product-show, .module-aside, .product-a .price, .product-a .price p, .module-catalog, .module-catalog form, .module-tabs .tabs, .list-a, .owl-dots, #footer > ul, #footer nav { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .module-image, .product-a .price, #featured header { -webkit-flex-direction: column; flex-direction: column; } .module-tabs.a .tabs { -webkit-justify-content: flex-start; justify-content: flex-start; } .list-special li, .module-gallery .slick-track, .header-a, .module-products.clone .other-catalog, .module-image, .product-a .price, .module-tabs .tabs, .owl-dots, #featured header { -webkit-justify-content: center; justify-content: center; } .add-section .add, .form-contact .inputs, .module-cart .module-box, .list-b .a, #up ul, .module-products header .link-btn { -webkit-justify-content: flex-end; justify-content: flex-end; } .form-add .attribute-a, .add-section, .list-summary li, .list-a { -webkit-justify-content: space-between; justify-content: space-between; } .rating-c .stars { -webkit-align-items: flex-start; align-items: flex-start; } .form-add .attribute-a, .add-section .add, .add-section, .list-special li, .rating-c, .module-gallery .slick-track, .form-comment .inputs, .list-summary li, .module-cart .module-box, .list-b .a, .list-b li, .split, .module-sort .select, .module-sort form, .pagination, .module-filter, .module-image, .product-show, .module-aside { -webkit-align-items: center; align-items: center; } .selected-filters, .list-info { -webkit-align-items: baseline; align-items: baseline; } /*! Fonts --------- */ @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-thin.eot'); src: url('fonts/montserrat-thin.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-thin.woff2') format('woff2'), url('fonts/montserrat-thin.woff') format('woff'), url('fonts/montserrat-thin.ttf') format('truetype'), url('fonts/montserrat-thin.svg#montserratthin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-thinitalic.eot'); src: url('fonts/montserrat-thinitalic.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-thinitalic.woff2') format('woff2'), url('fonts/montserrat-thinitalic.woff') format('woff'), url('fonts/montserrat-thinitalic.ttf') format('truetype'), url('fonts/montserrat-thinitalic.svg#montserratthin_italic') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-extralight.eot'); src: url('fonts/montserrat-extralight.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-extralight.woff2') format('woff2'), url('fonts/montserrat-extralight.woff') format('woff'), url('fonts/montserrat-extralight.ttf') format('truetype'), url('fonts/montserrat-extralight.svg#montserratextralight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-extralightitalic.eot'); src: url('fonts/montserrat-extralightitalic.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-extralightitalic.woff2') format('woff2'), url('fonts/montserrat-extralightitalic.woff') format('woff'), url('fonts/montserrat-extralightitalic.ttf') format('truetype'), url('fonts/montserrat-extralightitalic.svg#montserratextralight_italic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-light.eot'); src: url('fonts/montserrat-light.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-light.woff2') format('woff2'), url('fonts/montserrat-light.woff') format('woff'), url('fonts/montserrat-light.ttf') format('truetype'), url('fonts/montserrat-light.svg#montserratlight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-lightitalic.eot'); src: url('fonts/montserrat-lightitalic.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-lightitalic.woff2') format('woff2'), url('fonts/montserrat-lightitalic.woff') format('woff'), url('fonts/montserrat-lightitalic.ttf') format('truetype'), url('fonts/montserrat-lightitalic.svg#montserratlight_italic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-regular.eot'); src: url('fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular.woff2') format('woff2'), url('fonts/montserrat-regular.woff') format('woff'), url('fonts/montserrat-regular.ttf') format('truetype'), url('fonts/montserrat-regular.svg#montserratregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-italic.eot'); src: url('fonts/montserrat-italic.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-italic.woff2') format('woff2'), url('fonts/montserrat-italic.woff') format('woff'), url('fonts/montserrat-italic.ttf') format('truetype'), url('fonts/montserrat-italic.svg#montserratitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-medium.eot'); src: url('fonts/montserrat-medium.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-medium.woff2') format('woff2'), url('fonts/montserrat-medium.woff') format('woff'), url('fonts/montserrat-medium.ttf') format('truetype'), url('fonts/montserrat-medium.svg#montserratmedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-mediumitalic.eot'); src: url('fonts/montserrat-mediumitalic.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-mediumitalic.woff2') format('woff2'), url('fonts/montserrat-mediumitalic.woff') format('woff'), url('fonts/montserrat-mediumitalic.ttf') format('truetype'), url('fonts/montserrat-mediumitalic.svg#montserratmedium_italic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-semibold.eot'); src: url('fonts/montserrat-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-semibold.woff2') format('woff2'), url('fonts/montserrat-semibold.woff') format('woff'), url('fonts/montserrat-semibold.ttf') format('truetype'), url('fonts/montserrat-semibold.svg#montserratsemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-semibolditalic.eot'); src: url('fonts/montserrat-semibolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-semibolditalic.woff2') format('woff2'), url('fonts/montserrat-semibolditalic.woff') format('woff'), url('fonts/montserrat-semibolditalic.ttf') format('truetype'), url('fonts/montserrat-semibolditalic.svg#montserratsemibold_italic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-bold.eot'); src: url('fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-bold.woff2') format('woff2'), url('fonts/montserrat-bold.woff') format('woff'), url('fonts/montserrat-bold.ttf') format('truetype'), url('fonts/montserrat-bold.svg#montserratbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-bolditalic.eot'); src: url('fonts/montserrat-bolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-bolditalic.woff2') format('woff2'), url('fonts/montserrat-bolditalic.woff') format('woff'), url('fonts/montserrat-bolditalic.ttf') format('truetype'), url('fonts/montserrat-bolditalic.svg#montserratbold_italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-extrabold.eot'); src: url('fonts/montserrat-extrabold.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-extrabold.woff2') format('woff2'), url('fonts/montserrat-extrabold.woff') format('woff'), url('fonts/montserrat-extrabold.ttf') format('truetype'), url('fonts/montserrat-extrabold.svg#montserratextrabold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-extrabolditalic.eot'); src: url('fonts/montserrat-extrabolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-extrabolditalic.woff2') format('woff2'), url('fonts/montserrat-extrabolditalic.woff') format('woff'), url('fonts/montserrat-extrabolditalic.ttf') format('truetype'), url('fonts/montserrat-extrabolditalic.svg#montserratextrabold_italic') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-black.eot'); src: url('fonts/montserrat-black.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-black.woff2') format('woff2'), url('fonts/montserrat-black.woff') format('woff'), url('fonts/montserrat-black.ttf') format('truetype'), url('fonts/montserrat-black.svg#montserratblack') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('fonts/montserrat-blackitalic.eot'); src: url('fonts/montserrat-blackitalic.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-blackitalic.woff2') format('woff2'), url('fonts/montserrat-blackitalic.woff') format('woff'), url('fonts/montserrat-blackitalic.ttf') format('truetype'), url('fonts/montserrat-blackitalic.svg#montserratblack_italic') format('svg'); font-weight: 900; font-style: italic; } /*! Lib --------- */ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* Responsive --------- */ @media only screen and (max-width: 103.125em) { /* 1650 */ #top, #content, #footer { width: 1200px; } #top { } #top .form-search { left: 660px; width: 300px; } #footer { } #footer > nav > div, #footer > nav > div:first-child { width: 33.3333%; padding-left: 20px; } #footer > nav > div:first-child > ul { float: none; width: 100%; margin-bottom: 0; padding-right: 0; } #footer > nav > div:first-child > ul:last-child { margin-bottom: 20px; } #footer > ul { } #footer > ul > li, #footer > ul > li:first-child { width: 33.333%; padding-left: 20px; } .module-catalog { } .module-catalog .product-a { width: 33.3333%; } .module-catalog.a { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer { width: 980px; } #top { } #top .list-info { left: 230px; } #top .form-search { left: 600px; width: 200px; } .module-aside { padding-left: 570px; } .module-aside > div { padding-left: 50px; } .module-cart { } .module-cart .item .split-a > div, .module-cart .item .split-a > div:last-child { width: 50%; } .module-cart .module-box header h1, .module-cart .module-box header h2, .module-cart .module-box header h3, .module-cart .module-box header h4, .module-cart .module-box header h5, .module-cart .module-box header h6 { font-size: 36px; } .module-tabs.a { } .module-tabs.a .tabs li { margin-right: 40px; } .module-tabs.a .tabs li a, .module-tabs.a .tabs li.current a { font-size: 18px; } .list-a, .list-c { -webkit-justify-content: center; justify-content: center; } .list-special { } .list-special li { width: 50%; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer { width: 720px; } #top { } #logo { left: 50%; margin-left: -97px; } #top .list-info, #nav, #up, [data-whatintent="mouse"] #mKoszyk:hover .drop, #mKoszyk > p > a .a { display: none; } #top .form-search { top: 93px; left: 0; width: 100%; padding: 5px 80px; } #top .form-search:before { border: 1px solid #f3f3f3; border-bottom-width: 3px; border-left: 0; border-right: 0; background: #fff; } #mKoszyk { top: 97px; right: 20px; } #mKoszyk > p > a { padding-left: 0; padding-right: 43px; } #mKoszyk > p > a:before { right: 8px; } #mKoszyk > p > a .no { right: -16px; } .menu-icon { display: block; } .menu-active #mobile { left: 0; } .menu-active #shadow { visibility: visible; opacity: 1; } #featured { } #featured header { left: 30%; width: 70%; } .module-aside { padding-left: 0; } .module-aside > figure { width: 100%; margin-left: 0; } .module-aside > div { padding-left: 0; } .module-cart { } .module-cart .item .split-a { padding-left: 20px; } .module-cart .item .split-a > div, .module-cart .item .split-a > div:last-child { width: 100%; } .module-cart .item .split-a > div:last-child { border: 0; } .module-catalog { } .module-catalog .product-a { width: 50%; } .module-filter { margin-bottom: 25px; padding-left: 0; } .module-filter > h1, .module-filter > h2, .module-filter > h3, .module-filter > h4, .module-filter > h5, .module-filter > h6 { width: 100%; margin: 0 0 10px; padding: 10px 20px; border-radius: 20px; background: #f29c14; color: #fff; cursor: pointer; } .filter-active .module-filter > h1, .filter-active .module-filter > h2, .filter-active .module-filter > h3, .filter-active .module-filter > h4, .filter-active .module-filter > h5, .filter-active .module-filter > h6 { background: #000; } .module-filter .box { display: none; width: 100%; margin-right: 0; padding-left: 5px; padding-right: 5px; background: #ededed; } .module-filter .box h1, .module-filter .box h2, .module-filter .box h3, .module-filter .box h4, .module-filter .box h5, .module-filter .box h6 { width: 100%; border: 0; background: none; color: #798291; cursor: pointer; } .module-filter .box:hover h1, .module-filter .box:hover h2, .module-filter .box:hover h3, .module-filter .box:hover h4, .module-filter .box:hover h5, .module-filter .box:hover h6 { border: 0; } .module-filter .box .drop { position: relative; top: auto; left: auto; width: 100%; padding-top: 0; border: 0; background: #ededed; } .module-filter .box .drop { visibility: visible; opacity: 1; } .filter-active .module-filter .box { display: block; } .module-product { } .module-product .module-gallery, .module-product .module-column { float: none; width: 100%; padding-right: 0; } .module-product .module-gallery .gallery-thumbs:before { right: -1000em; } .module-products { padding-left: 0; } .module-products header { float: none; width: 100%; min-height: auto; margin-left: 0; padding-top: 0; padding-left: 0; text-align: left; } .module-products header h1, .module-products header h2, .module-products header h3, .module-products header h4, .module-products header h5, .module-products header h6 { margin-bottom: 20px; } .module-products header .link-btn { -webkit-justify-content: flex-start; justify-content: flex-start; } .module-products header:before { bottom: 0; } .module-products .wrap-a { padding-left: 0; } .module-products.clone .product-a { width: 50%; } .module-products.slide .owl-carousel .owl-stage-outer { overflow: hidden; } .module-products .owl-dots { bottom: -27px; } .module-sort { } .module-sort .pagination { position: relative; top: auto; right: auto; padding: 5px 10px 3px 0; -webkit-justify-content: flex-start; justify-content: flex-start; } .module-tabs.a { } .module-tabs.a .tabs li { margin-right: 20px; } .module-tabs.a .tabs li a, .module-tabs.a .tabs li.current a { font-size: 16px; } .pagination { -webkit-justify-content: flex-start; justify-content: flex-start; } .list-comments { } .list-comments li { padding-left: 0; } .list-comments li > div { float: none; width: 100%; margin-bottom: 20px; margin-left: 0; } .list-special { } .list-special li { width: 25%; } .form-comment { padding-left: 0; } .form-comment .rating-b > h1, .form-comment .rating-b > h2, .form-comment .rating-b > h3, .form-comment .rating-b > h4, .form-comment .rating-b > h5, .form-comment .rating-b > h6 { margin-left: 0; width: 100%; text-align: left; } .form-comment .rating { margin: 0 0 10px; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top, #content, #footer { width: auto; } #top, #content { padding-left: 20px; padding-right: 20px; } #top { } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 1.3em; } #featured { margin-bottom: 20px; font-size: 14px; } #featured article { min-height: 0; padding-top: 30px; padding-bottom: 30px; } #featured header { position: relative; left: 0; width: 100%; height: 200px; padding: 20px 30px; } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { margin-bottom: 10px; font-size: 25px; } #featured p { margin-bottom: 10px; } #featured .owl-dots { bottom: 6px; } #featured .owl-dots button { width: 30px; height: 10px; margin: 0 3px 2px; } #featured .owl-dots button.active { width: 18px; } #footer { padding-top: 30px; } #footer > nav > div { margin-bottom: 10px; } #footer nav > div li { margin-bottom: 3px; } #footer > nav > div h1, #footer > nav > div h2, #footer > nav > div h3, #footer > nav > div h4, #footer > nav > div h5, #footer > nav > div h6 { margin-bottom: 7px; } #footer > nav > div, #footer > nav > div:first-child, #footer > ul > li, #footer > ul > li:first-child { width: 100%; padding-right: 20px; } .module-cart { } .module-cart .cart-custom { margin-bottom: 40px; padding-left: 0; } .module-cart .module-box-a > h1, .module-cart .module-box-a > h2, .module-cart .module-box-a > h3, .module-cart .module-box-a > h4, .module-cart .module-box-a > h5, .module-cart .module-box-a > h6 { margin-bottom: 30px; font-size: 30px; text-align: center; } .module-cart .module-items { margin-bottom: 30px; } .module-cart .item, .module-cart .item .split-a { padding-left: 0; } .module-cart .item figure { float: none; width: 100%; margin-left: 0; } .module-cart .module-box { } .module-cart .module-box header { display: none; } .module-cart .module-box > div { width: 100%; max-width: 100%; } .module-catalog { } .module-catalog .product-a { width: 100%; } .module-products { } .module-products.clone .product-a { width: 100%; } .module-tabs { } .module-tabs > div { margin-bottom: 20px; } .module-tabs .tabs li a { font-size: 16px; } .module-tabs .tabs li.current a { font-size: 22px; } .newsletter-form { padding-top: 30px; padding-bottom: 10px; font-size: 14px; } .newsletter-form:before { background: #f9f9f9; } .newsletter-form h1, .newsletter-form h2, .newsletter-form h3, .newsletter-form h4, .newsletter-form h5, .newsletter-form h6 { font-size: 20px; } .newsletter-form .inputs { padding-right: 3px; } .newsletter-form .inputs button, .newsletter-form .inputs button.a { position: relative; top: auto; right: auto; } .simple-tabs { margin-bottom: 40px; padding-left: 0; } .simple-tabs .tabs-menu { float: none; width: 100%; margin: 0; } .simple-tabs .tabs-menu li.current a:before { display: none; } .list-special { } .list-special li { width: 50%; } .list-summary { margin: 10px 0 0 0; } #root .m100 { margin-bottom: 0; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 31.25em) { /* 500 */ .module-cart { } .module-info > p { padding-left: 0; } .module-info label { position: relative; top: auto; left: auto; width: 100%; padding-right: 0; text-align: left; } .module-info input, .module-info .short input { max-width: 100%; } .list-special { } .list-special li { width: 100%; } .form-contact { } .form-contact > div { } .form-contact > div > p { padding-left: 0; } .form-contact > div > p > label { float: none; width: 100%; margin-left: 0; text-align: left; } } @media only screen and (max-width: 25em) { /* 400 */ }