/* ------------------------------------------- Name: e-mama Date: 2018/08/21 Author: http://sucro.pl --------------------------------------------- */ *, :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: #807f7a; font-size: 15px; font-family: pt_serif, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.466666666666667; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 22px; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Repeatable --------- */ .module-items .item:after, .module-items:after, .module-cart form > table:after, .module-cart .module-items .item:after, .cart-page:after, .module-similar:after, .product-page:after, .contact-page:after, .module-brands:after, .category-description:after, .module-comments:after, .module-video:after, .product-description:after, .page-navigation:after, #top .panel:after, #top .panel ul:after, .list-social:after, #footer nav > div:after, .module-products:after, .module-text:after, #content:after, #top:after, form p:after, .double:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .module-cart .summary:before, .list-attributes li:before, .product-a:before, .heading-a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: left; text-indent: -3000em; } #footer:after, #footer:before, .module-products:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: -1; width: 3000em; } .product-page .middle-box .available-info .available:before, .product-page .middle-box .shipping-info a:before, .list-a:before, .module-comments .link-btn a:before, #nav > ul > li.withsub > a:before, #mKoszyk a:before, #mKoszyk a:after, #mKoszyk:before, .list-social li:before, .module-day > h1:before, .module-day > h2:before, .module-day > h3:before, .module-day > h4:before, .module-day > h5:before, .module-day > h6:before, .product-a figcaption span:before { content: ""; display: block; position: absolute; left: 0; top: 50%; } .list-attributes li > *, .product-a > *, #footer > *, .module-products > * { position: relative; z-index: 3; } [data-whatintent="mouse"] #module-featured:hover .owl-nav button{ visibility: visible; opacity: 1; } #module-featured .owl-nav button { visibility: hidden; opacity: 0; } /*#module-featured figure img { display: block; position: relative; z-index: 1; width: 100% !important; }*/ .form-ask p:last-child img { width: auto !important; max-height: 100% !important; } form [disabled], .disabled { cursor: default; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; } #header { position: relative; z-index: 9; width: 1200px; margin: 0 auto; } #top { position: relative; z-index: 2; min-height: 123px; padding-top: 28px; } #logo { width: 191px; height: 75px; margin-left: 31px; background: url(../images/logo.png); } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -3000em; } #top .form-search { position: absolute; top: 44px; right: 0; width: 100%; max-width: 386px; } #top .list-social { position: absolute; top: 50px; right: 406px; } #top .panel { position: absolute; top: 128px; right: 0; } #top .panel ul { list-style: none; padding: 12px 2px 0 0; font-size: 14px; } #top .panel li { float: left; margin-right: 32px; } #top .panel li a { color: #807f7a; } #mKoszyk { position: relative; padding-left: 24px; padding-right: 29px; } #mKoszyk:before { top: 8px; width: 1px; height: 27px; background: #d8d8d8; } #mKoszyk a { position: relative; padding: 6px 26px 0 60px; color: #d72324; font-size: 15px; font-weight: 600; line-height: 1.1; } #mKoszyk a:before { top: 0; width: 39px; height: 40px; background: url(../images/icon-cart.png); } #mKoszyk a:after { top: 21px; left: auto; right: 0; width: 10px; height: 6px; background: url(../images/arrow-a.png); } [data-whatintent="mouse"] #mKoszyk a:hover:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #mKoszyk .no { display: block; color: #2a2769; font-size: 18px; font-weight: 700; } #mKoszyk .no small { font-size: 13px; } #nav { position: relative; z-index: 1; min-height: 69px; } #nav > ul { position: relative; list-style: none; margin: 0; padding: 0 0 0 27px; } #nav > ul > li > a { display: block; position: relative; padding: 17px 34px 17px 15px; border-top-right-radius: 25px; border-top-left-radius: 25px; color: #365684; font-size: 17px; line-height: 1; } [data-whatintent="mouse"] #nav > ul > li:hover > a { z-index: 2; box-shadow: 0 -5px 5px rgba(0,0,0,.1); background: #fff; } #nav > ul > li.withsub > a:before { top: 50%; bottom: auto; left: auto; right: 14px; width: 10px; height: 6px; margin-top: -3px; background: url(../images/arrow-a.png); } [data-whatintent="mouse"] #nav > ul > li > a:hover, [data-whatintent="mouse"] #nav > ul > li:hover > a { color: #e54e00; } #nav > ul .drop, #nav a[aria-expanded=false] + .drop { display: block; position: absolute; position: absolute; top: 100%; left: 0; width: 735px; padding: 25px 42px; border-radius: 25px; box-shadow: 0 0 15px rgba(0,0,0,.2); background: #fff; opacity: 0; visibility: hidden; -webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .5s,visibility .5s,-webkit-transform .5s;transition:opacity .5s,visibility .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s,visibility .5s;transition:opacity .5s,transform .5s,visibility .5s,-webkit-transform .5s; pointer-events:none; } #nav .drop ul { list-style: none; margin-left: -20px; padding: 0; color: #807f7a; font-size: 14px; } #nav .drop li { position: relative; width: 33.3333%; margin-bottom: 8px; padding-left: 9px; border-left: 20px solid rgba(0,0,0,0); } #nav .drop li:before { content: "- "; position: absolute; top: 0; left: 0; } #nav .drop a { color: #807f7a; } [data-whatintent="mouse"] #nav .drop a:hover, .drop .active a { color: #d82627; } #nav a[aria-expanded=true] + .drop { display: block; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform:translateY(0); pointer-events: auto; } .panel .menu-user { display: none; } .panel .menu-icon { overflow: hidden; display: none; position: absolute; top: 0; left: 20px; width: 50px; height: 50px; margin-bottom: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .menu-icon span { display: block; opacity: 1; position: absolute; height: 3px; width: 50%; background: #fcdb00; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .menu-icon span:nth-child(even) { right: 10px; border-radius: 0 9px 9px 0; } .menu-icon span:nth-child(odd) { left: 10px; border-radius: 9px 0 0 9px; } .menu-icon span:nth-child(1), .menu-icon span:nth-child(2) { top: 16px; } .menu-icon span:nth-child(3), .menu-icon span:nth-child(4) { top: 24px; } .menu-icon span:nth-child(5), .menu-icon span:nth-child(6) { top: 32px; } .menu-active .menu-icon span:nth-child(1), .menu-active .menu-icon span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-active .menu-icon span:nth-child(2), .menu-active .menu-icon span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-active .menu-icon span:nth-child(1) { left: 10px; top: 23px; } .menu-active .menu-icon span:nth-child(2) { left: calc(50% - 12px); top: 23px; } .menu-active .menu-icon span:nth-child(3) { left: -50%; opacity: 0; } .menu-active .menu-icon span:nth-child(4) { left: 100%; opacity: 0; } .menu-active .menu-icon span:nth-child(5) { left: 10px; top: 23px; } .menu-active .menu-icon span:nth-child(6) { left: calc(50% - 12px); top: 23px; } #mobile, #mobile-user { 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: rgba(46,46,46,1); line-height: 1.55; } #mobile .drop { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; padding: 20px; background: #4b4b4b; } #mobile li.toggle { background: #f7c414; color: #000; } #mobile li.toggle a { color: #000; } #mobile .toggle .drop { position: relative; left: auto; top: auto; } #mobile .drop div { margin-bottom: 20px; } #mobile .drop ul { list-style: none; width: 100%; padding: 0; } #mobile .drop ul li { position: relative; margin-bottom: 2px; padding-left: 10px; } #mobile .drop ul li:before { content: "- "; position: absolute; top: 0; left: 0; color: #fff; } #mobile .drop ul li a { color: #fff; font-size: 13px; text-decoration: none; } #mobile > ul, #mobile-user > ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } #mobile > ul > li, #mobile-user > ul > li { position: relative; float: none; margin: 0; border-bottom: 1px solid #434343; font-size: 14px; color: #fff; } #mobile > ul > li > a, #mobile-user > ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 8px 20px; color: #fff; text-transform: none; text-decoration: none; } #mobile > ul > li.sub > a { padding-right: 60px; } #mobile > ul > li > .toggle { display: block; position: absolute; top: 8px; right: 2px; width: 20px; height: 20px; cursor: pointer; } #mobile > ul > li > .toggle:before { content: ">"; position: absolute; top: 7px; left: 6px; width: 4px; height: 7px; } #mobile > ul > li > .toggle:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #mobile > ul > li > ul { position: absolute; left: -3000em; top: 0; list-style: none; margin: 0; padding: 0; border-top: 1px solid #434343; background: rgba(0,0,0,.25); } #mobile > ul > li.toggle > ul { position: relative; left: 0; } #mobile > ul > li > ul li { position: relative; margin: 0; padding: 0; border-top: 1px solid #393939; font-size: 14px; } #mobile > ul > li > ul li a { display: block; padding: 4px 20px; color: #fff; text-decoration: 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; } #content { position: relative; z-index: 3; width: 1200px; margin: 0 auto; padding-top: 31px; background: url(../images/bg-a.png) repeat-x 0 0; } #footer { position: relative; z-index: 1; width: 1200px; margin: 0 auto 0px; padding: 83px 0 24px; color: #8b89c1; font-size: 13px; line-height: 1.769230769230769; } #footer:before { background: #282567 url(../images/wave-a.png) repeat-x center 0; } #footer:after { background: url(../images/bg-a.png) repeat-x center 100%; } #footer nav { font-size: 13px; } #footer nav > div { width: 25%; padding-left: 38px; } #footer nav > div:first-child { width: 50%; } #footer nav > div:first-child ul { float: left; width: 50%; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 26px; color: #fff; font-size: 17px; font-weight: 400; } #footer nav ul { list-style: none; padding: 0 0 0 3px; font-size: 14px; line-height: 1.69; } #footer nav li { margin-bottom: 0; } #footer a { color: #9a98cf; } #footer .active a, [data-whatintent="mouse"] #footer a:hover { color: #fff; } #footer p { margin-bottom: 9px; } #footer .more { text-transform: lowercase; } #footer .more a { color: #fff; } #footer > div { padding: 0 38px; } #footer > div p a:last-child {color:#fff!important} #footer nav + div { margin-top: 29px; padding-top: 24px; border-top: 1px solid #48458c; } /*! Columns --------- */ .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double.a { margin-left: -5px; } .double.a > * { float: left; width: 33%; padding-top: 23px; border-left-width: 5px; } .double.a > *:first-child { width: 67%; padding-top: 0; } .double.b { padding-right: 412px; } .double.b > * { float: right; width: 412px; margin-right: -412px; } .double.b > *:first-child { float: left; width: 100%; padding-right: 0; } .double.c { margin-left: -11px; } .double.c > * { float: left; width: 35%; border-left-width: 11px; } .double.c > *:first-child { width: 65%; padding-top: 0; } .double.d { margin-left: -11px; } .double.d > * { float: left; width: 65%; border-left-width: 11px; } .double.d > *:first-child { width: 35%; padding-top: 0; } /*! Modules --------- */ .cart-page { padding-bottom:20px;} .cart-page > h1, .cart-page > h2, .cart-page > h3, .cart-page > h4, .cart-page > h5, .cart-page > h6 { padding-left: 35px; } .contact-page { padding-left: 35px; padding-bottom:30px;} .contact-page h1:first-child, .contact-page h2:first-child, .contact-page h3:first-child, .contact-page h4:first-child, .contact-page h5:first-child, .contact-page h6:first-child { margin-bottom: 65px; padding-top: 20px; } .contact-page .heading-b:first-child { margin-bottom: 26px; margin-left: 26px; color:#95b629; font-weight:700; font-size:17px; } .module-brands { margin-bottom: 30px; padding: 0 35px; font-size: 0; } .module-brands p { margin-bottom: 5px; } .module-brands p > span { margin-bottom: 5px; margin-right: 8px; font-size: 14px;} .module-brands a { display: block; margin-bottom: 5px; margin-right: 5px; padding: 2px 10px; border: 1px solid #ececec; border-radius: 10px; color: #888883; font-size: 14px; } .module-brands a b { font-weight: 400; } [data-whatintent="mouse"] .module-brands a:hover, .module-brands .active { display: block; border-color: #2a2769; background: #2a2769; color: #fff; font-weight: 400; text-decoration: none; } .module-cart { } .module-items { margin-bottom: 33px; } .module-items .item { position: relative; margin-bottom: 8px; padding: 20px 18px 0 225px; border-radius: 25px; background: #f7f7f7; } .module-items .item figure { overflow: hidden; float: left; width: 160px; margin-left: -209px; padding: 10px; border: 1px solid #e2e2e1; border-radius: 25px; background: #fff; text-align: center; } .module-items .item h1, .module-items .item h2, .module-items .item h3, .module-items .item h4, .module-items .item h5, .module-items .item h6 { margin-bottom: 28px; padding-top: 18px; color: #807f7a; font-size: 17px; } .module-items .item h1 a, .module-items .item h2 a, .module-items .item h3 a, .module-items .item h4 a, .module-items .item h5 a, .module-items .item h6 a { color: #807f7a; text-decoration: none; } .module-items .item h1 a:hover, .module-items .item h2 a:hover, .module-items .item h3 a:hover, .module-items .item h4 a:hover, .module-items .item h5 a:hover, .module-items .item h6 a:hover { text-decoration: underline; } .module-items .item > div { position: relative; padding-right: 118px; line-height: 1.5; } .module-items .item > div p { margin-bottom: 0; } .module-items .item .price { padding-right: 10px; color: #2a2769; font-size: 20px; font-weight: 700; } .module-items .item .price span { display: inline-block; margin-right: 12px; color: #8a9299; font-size: 16px; font-weight: 400; } .module-items .item .no { padding-right: 10px; } .module-items .item .no span { display: inline-block; margin-right: 12px; color: #807f7a; font-size: 15px; } .module-items .item .no input { width: 63px; height: 37px; margin-right: 15px; padding: 0 10px; border: 0; border-radius: 25px; box-shadow: inset 5px 5px 10px rgba(0,0,0,.2); background: #f6c414; color: #2a2769; font-size: 17px; font-weight: 700; text-align: center; } .module-items .item .sum { position: absolute; top: 0; right: 120px; font-size: 20px; color: #d72324; font-weight: 700; } .module-items .item .sum span { display: inline-block; margin-right: 12px; color: #807f7a; font-size: 15px; font-weight: 400; } .module-items .item .remove { position: absolute; top: 50%; right: 0; margin-top: -18px; } .module-cart .summary { position: relative; margin-bottom: 37px; padding-bottom: 16px; color: #94b727; font-size: 17px; font-weight: 700; text-align: center; } .module-cart .summary:before { top: auto; left: 50%; right: auto; width: 84px; height: 15px; margin-left: -42px; background: url(../images/heading-a.png); } .module-cart .summary span { display: inline-block; font-size: 27px; } .module-cart .buttons { list-style: none; margin-bottom: 55px; padding: 0; } .module-cart .buttons li { margin-bottom: 6px; margin-left: 6px; margin-right: 6px; } .module-cart .buttons button { width: 226px; height: 54px; border: 1px solid #cfcdc5; border-radius: 25px; background: #fff; color: #b0afac; font-size: 13px; font-weight: 700; text-transform: uppercase; cursor: pointer; } .module-cart .buttons li:last-child button { border-color: #02a1c9; background: #02a1c9; color: #fff; font-size: 16px; } .module-cart .select-box { position: relative; width: 270px; height: 37px; margin-bottom: 50px; margin-left: auto; margin-right: auto; padding: 0 30px 0 18px; border-radius: 25px; background: #f6c414 url(../images/drop-x.png) no-repeat 92% center; } .module-cart .select-box select { position: relative; width: 100%; z-index: 10; border: 0; background: none; color: #2a2769; font-size: 15px; cursor: pointer; } .module-cart .select-box select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .module-cart .module-box { width: 100%; max-width: 400px; margin-bottom: 60px; margin-left: auto; margin-right: auto; } .module-cart .module-box h1, .module-cart .module-box h2, .module-cart .module-box h3, .module-cart .module-box h4, .module-cart .module-box h5, .module-cart .module-box h6 { margin-bottom: 46px; } .module-cart .heading-a { clear: both; width: 100%; max-width: 850px; margin-left: auto; margin-right: auto; } .module-cart .module-info { clear: both; width: 100%; max-width: 440px; border: 1px solid rgba(0,0,0,0); border-radius: 25px; margin-left: auto; margin-right: auto; margin-bottom: 30px; padding-left: 32px; padding-right: 32px; } .module-cart .module-info.a { border-color: #d82728; padding-top: 20px; padding-bottom: 20px; } .module-cart .module-info-account { clear: both; width: 100%; max-width: 440px; border: 1px solid rgba(0,0,0,0); border-radius: 25px; margin-left: auto; margin-right: auto; margin-bottom: 30px; padding-left: 32px; padding-right: 32px; } .module-cart .module-info-account input.text {margin-left:10px;height: 38px;padding: 0 20px;border: 0;border-radius: 25px;background: #f6c414;color: #2a2769;font-size: 13px; max-width:190px;} .contact-page input.button {border-radius: 25px; border:0; height: 38px;padding: 0 20px; border-color: #02a1c9;background: #02a1c9;color: #fff;font-size: 16px; font-weight: 700;text-transform: uppercase;cursor: pointer;} .module-info-account label {color: #807f7a;font-size: 15px; padding-right:10px;} .module-info-account p {color: #807f7a;} .module-info-account p input[type=radio] {margin-right:5px; } .module-info-account p span {display:inline-block; margin-left:10px;height: 38px;padding: 8px 20px 8px 15px;border: 0;border-radius: 25px;background: #f6c414;color: #2a2769;font-size: 13px; max-width:220px;} .module-info-account p select {height: 22px;background:transparent; border:0px; max-width:190px; color:#2a2769} .module-info-account p.rad {margin-bottom:12px!important} .account-input {font-size:17px; color:#02a1c9; font-weight: 700; margin-bottom:30px!important; margin-top:30px!important} .account-input b {font-size:17px; color:#02a1c9; font-weight: 700;} .module-info-account p input.button {height: 41px;padding: 0 21px;border: 0;border-radius: 19px;background: #02a1c9;color: #fff;font-size: 16px;text-align: center;text-transform: uppercase;cursor: pointer;} .module-info-account p input.button:hover {background: #000;} .logOther input.button {height: 41px;padding: 0 21px;border: 0;border-radius: 19px;background: #02a1c9;color: #fff;font-size: 16px;text-align: center;text-transform: uppercase;cursor: pointer;} .logOther input.button:hover {background: #000;} .logOther p a {text-align:center; margin:0 auto; display:block} .logOtherR a {display:block; height: 41px;padding: 10px 21px;border: 0;border-radius: 19px;background: #02a1c9;color: #fff;font-size: 16px;text-align: center;text-transform: uppercase;cursor: pointer;} .logOtherR a:hover {background: #000;} .createAccount {color: #02a1c9;font-size: 22px;font-weight: 700;} .logOther p img {text-align:center; margin:0 auto; display:block} .module-info p { position: relative; margin-bottom: 13px; } .module-info label { display: none; } .module-info input { width: 100%!important; height: 38px; padding: 0 20px; border: 0; border-radius: 25px; background: #f6c414; color: #2a2769; font-size: 13px; } .module-cart .cart-custom { text-align: center; } .module-cart .check-a { margin-bottom: 30px; } .module-cart .check-a input { display: none; } .module-cart .check-a label { display: inline-block; position: relative; padding-left: 24px; color: #d82728; font-size: 15px; line-height: 1.1; cursor: pointer; } .module-cart .check-a input + label:before { content: ""; position: absolute; top: 1px; left: 0; width: 13px; height: 13px; border: 1px solid #333; background: #fff; } .module-cart .check-a input:checked + label:before { border-width: 0; background: url(../images/ok.png); } .module-cart > form > div { margin-bottom: 25px!important; color: #000; font-size: 14px; } .module-cart textarea { width: 100%!important; max-width: 440px!important; height: 230px; padding: 20px; border: 0; border-radius: 25px; background: #f6c414; color: #000; font-size: 14px; resize: none; } .module-cart form > table { width: 100%; max-width: 440px; margin: 0 auto 15px auto!important; padding: 20px 0; color: #7b7b7b; font-size: 13px; font-weight: 400; line-height: 1.2; text-align: left; } .module-cart form > table input { position: relative; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .module-cart form > table span { position: relative; } .module-cart form > table span:before { content: ""; opacity: 1; position: absolute; top: 10px; left: 25px; width: 13px; height: 13px; border: 1px solid #333; background: #fff; } .module-cart form > table input:checked + span:before { border-width: 0; background: url(../images/ok.png); } .module-cart form > table label { display: inline-block; position: relative; padding-top: 4px; cursor: pointer; } .module-cart form > table td:first-child { position: relative; width: 45px; } .module-cart form > table td { padding: 0; } .module-cart form > table td input { position: absolute; top: 0; left: 0; z-index: 10; } .module-cart form > table a { color: #d82728; text-decoration: underline; } [data-whatintent="mouse"] .module-cart form > table a:hover { text-decoration: none; } .submit-btn { margin-bottom: 90px; text-align: center; } .submit-btn button { height: 51px; padding: 0 31px; border: 0; border-radius: 25px; background: #02a1c9; color: #fff; font-size: 16px; text-align: center; text-transform: uppercase; cursor: pointer; } [data-whatintent="mouse"] .submit-btn button:hover { background: #000; } .category-description { padding: 10px 35px; font-size: 14px; } .module-catalog { margin-bottom: 36px; margin-left: -9px; } .module-catalog form { width: 100%; margin-bottom: 25px; } .module-catalog .product-a { width: 25%; margin-bottom: 9px; border-left: 9px solid rgba(0,0,0,0); } .module-comments { margin-bottom: 78px; padding: 27px 460px 9px 9px; border: 2px solid #f6c414; border-radius: 25px; } .module-comments > * { float: right; width: 460px; margin-right: -460px; padding: 0 42px; } .module-comments > *:first-child { float: left; width: 100%; padding: 0; } .module-comments > * > h1, .module-comments > * > h2, .module-comments > * > h3, .module-comments > * > h4, .module-comments > * > h5, .module-comments > * > h6 { margin-bottom: 27px; margin-left: 24px; } .module-comments .list-comments { margin-bottom: 0; } .module-comments .link-btn { margin-bottom: 0; } .module-comments .link-btn a { position: relative; padding-right: 42px; background: #02a1c9; } .module-comments .link-btn a:before { left: auto; right: 18px; width: 10px; height: 6px; margin-top: -3px; background: url(../images/arrow-b.png); } .module-day { position: relative; margin-bottom: 19px; border: 2px solid #a2d50e; border-radius: 25px; } .module-day > h1, .module-day > h2, .module-day > h3, .module-day > h4, .module-day > h5, .module-day > h6 { display: inline-block; position: absolute; top: -15px; left: 34px; padding: 0 14px 0 65px; background: #fff; color: #282567; font-size: 28px; font-weight: 700; line-height: .9; } .module-day > h1:before, .module-day > h2:before, .module-day > h3:before, .module-day > h4:before, .module-day > h5:before, .module-day > h6:before { top: -10px; left: 11px; width: 36px; height: 47px; background: url(../images/hit.png); } #module-featured { overflow: hidden; margin-bottom: 19px; border: 1px solid #e2e2e1; border-radius: 25px; } #module-featured .owl-dots { position: absolute; bottom: 5px; right: 30px; } #module-featured .owl-nav button { } #module-featured .owl-nav button.owl-prev { left: 10px; } #module-featured .owl-nav button.owl-next { right: 10px; } .module-gallery { padding: 29px; border: 1px solid #e2e2e1; border-radius: 25px; } .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 .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: 696px; } .module-gallery .gallery-thumbs { background: #fff; } .module-gallery .gallery-thumbs figure { position: relative; margin-bottom: 0; padding: 12px; border: 2px solid transparent; margin-right: 2px; border-radius: 20px; } .module-gallery .gallery-thumbs figure a { outline: none; } .module-gallery .gallery-thumbs figure img { max-height: 66px; margin: 0 auto; } .module-gallery .gallery-thumbs .slick-current { border-color: #e54e00; } .module-gallery .slick-arrow { position: absolute; top: 50%; z-index: 10; display: block; width: 41px; height: 41px; margin-top: -20px; border: 0; border-radius: 50%; background: #fff url(../images/arrows.png) no-repeat -1000px -1000px; text-indent: -9999em; cursor: pointer; outline: none; } .module-gallery .slick-disabled { display: none!important; } .module-gallery .slick-prev { left: -53px; background-position: 0 0; } .module-gallery .slick-next { right: -53px; background-position: -41px 0; } .module-gallery .slick-prev:hover { background-position: 0 -41px; } .module-gallery .slick-next:hover { background-position: -41px -41px; } .module-products { position: relative; margin-bottom: 12px; } .module-products + .module-products { padding-top: 47px; } .module-products + .module-products:before { background: url(../images/wave-a.png) repeat-x center 0; } .module-similar { overflow: hidden; border: 3px solid #f7f7f7; border-radius: 25px; } .module-similar > h1, .module-similar > h2, .module-similar > h3, .module-similar > h4, .module-similar > h5, .module-similar > h6 { margin-bottom: 0; padding: 18px 10px; background: #f7f7f7; font-size: 17px; text-align: center; } .module-sort { position: relative; margin-bottom: 25px; padding: 8px 35px; background: #ececec; } .module-sort form { display: inline-block; } .module-sort form p { margin-bottom: 0; } .module-sort label { margin-right: 17px; color: #888883; font-size: 14px; font-weight: 400; } .module-sort .select { position: relative; height: 37px; padding: 0 30px 0 18px; border: 1px solid #e3e3e3; border-radius: 25px; background: #fff url(../images/drop-x.png) no-repeat 92% center; } .module-sort p select { position: relative; width: 100%; z-index: 10; border: 0; background: none; color: #2a2769; font-size: 14px; cursor: pointer; } .module-sort p select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .module-sort .pagination { position: absolute; top: 8px; right: 20px; } .module-sort.a { margin-bottom: 60px; background: #fff; } .module-sort.a .pagination { position: relative; top: auto; right: auto; padding: 5px 10px 3px 10px; -webkit-justify-content: flex-end; justify-content: flex-end; } .module-text { margin-bottom: 50px; padding: 0 8px 0 26px; } .module-text h1, .module-text h2, .module-text h3, .module-text h4, .module-text h5, .module-text h6 { padding-top: 25px; } .module-video { display: block; padding-top: 30px; margin-bottom: 88px; text-align: center; } .page-navigation { margin-bottom: 25px; padding: 0 0 0 35px; color: #7b7b7b; font-size: 13px; font-weight: 400; } .page-navigation ul { list-style: none; margin-bottom: 0; padding: 0; } .page-navigation li { float: left; position: relative; margin-right: 26px; } .page-navigation li:before { content: ""; position: absolute; top: 50%; right: -16px; width: 8px; height: 8px; margin-top: -4px; background: url(../images/bullet-a.png); } .page-navigation li a { color: #2a2769; } .page-navigation li:last-child a { text-decoration: none; } .page-navigation li:last-child:before { display: none; } .page-navigation a, [data-whatintent="mouse"] .page-navigation li:last-child a:hover { position: relative; color: #7b7b7b; text-decoration: underline; } [data-whatintent="mouse"] .page-navigation a:hover { text-decoration: none; } .pagination { clear: both; color: #888883; font-size: 14px; } .pagination p { margin-bottom: 0; color: #888883; font-size: 15px; font-weight: 400; line-height: 20px; } .pagination p:last-child { padding-top: 2px; color: #787878; } .pagination ul { list-style: none; margin-bottom: 0; padding: 0 10px; } .pagination li { float: left; padding: 5px 2px; line-height: 20px; } .pagination a { position: relative; display: inline-block; width: 25px; height: 25px; padding: 2px 0 0; border: 1px solid #e4e4e4; border-radius: 50%; background: #fff; color: #888883; font-size: 13px; text-align: center; text-decoration: none; } [data-whatintent="mouse"] .pagination a:hover, .pagination .active a { border-color: #d72325; background: #d72325; color: #fff; text-decoration: none; } .product-a { position: relative; padding: 22px 25px 8px; text-align: center; } .product-a:before { border: 1px solid #e2e2e1; border-radius: 25px; background: #fff; } [data-whatintent="mouse"] .product-a:hover:before { border-color: #02a1c9; border-width: 3px; top: -10px; bottom: -10px; left: -10px; right: -10px; z-index: 2; box-shadow: 0 0 10px rgba(2,161,201,.2) } .product-a figure { overflow: hidden; height: 257px; margin-bottom: 3px; padding-bottom: 27px; } .product-a figure a { display: block; } .product-a figcaption { position: absolute; bottom: 4px; left: 0; right: 0; text-align: center; } .product-a figcaption span { display: inline-block; position: relative; padding-left: 27px; font-size: 11px; font-weight: 700; text-transform: uppercase; } .product-a .bestseller { color: #d72324; } .product-a .new { color: #a7d513; } .product-a .sale { color: #ff008f; } .product-a .bestseller:before { width: 15px; height: 19px; margin-top: -9px; background: url(../images/icon-a.png); } .product-a .new:before { width: 15px; height: 16px; margin-top: -9px; background: url(../images/icon-b.png); } .product-a .sale:before { width: 23px; height: 13px; margin-top: -7px; background: url(../images/icon-c.png); } .product-a h1, .product-a h2, .product-a h3, .product-a h4, .product-a h5, .product-a h6 { overflow: hidden; height: 36px; margin-bottom: 13px; color: #2a2769; font-size: 17px; font-weight: 400; line-height: 1; } .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: #2a2769; } .product-a > div { height: 18px; margin-bottom: 22px; color: #02a1c9; font-size: 18px; font-weight: 700; } .product-a > div span {margin: 0 3px; } .product-a .promo { color: #d72324; } .product-a .old { color: #2a2769; font-size: 14px; font-weight: 400; text-decoration: line-through; } .product-a > p { font-size: 13px; font-weight: 700; text-transform: uppercase; } .product-a > p a { display: inline-block; padding: 9px 20px; border-radius: 20px; background: #02a1c9; color: #fff; } [data-whatintent="mouse"] .product-a:hover > p a { background: #f82627; } [data-whatintent="mouse"] .product-a > p a:hover { background: #000; } .product-b { padding: 32px 55px 8px; text-align: center; } .product-b figure { overflow: hidden; height: 240px; margin-bottom: 11px; } .product-b h1, .product-b h2, .product-b h3, .product-b h4, .product-b h5, .product-b h6 { overflow: hidden; height: 42px; margin-bottom: 18px; color: #2a2769; font-size: 17px; font-weight: 700; } .product-b h1 a, .product-b h2 a, .product-b h3 a, .product-b h4 a, .product-b h5 a, .product-b h6 a { color: #2a2769; } .product-b > div { } .product-b > div .price { color: #ff5915; font-size: 27px; font-weight: 700; } .product-b > div a { display: inline-block; padding: 9px 20px; border-radius: 20px; background: #02a1c9; color: #fff; text-transform: uppercase; } [data-whatintent="mouse"] .product-b:hover > div a { background: #f82627; } [data-whatintent="mouse"] .product-b > div a:hover { background: #000; } .product-c { position: relative; padding: 5px 5px 5px 110px; border: 1px solid rgba(0,0,0,0); background: #fff; line-height: 1.1; } [data-whatintent="mouse"] .product-c:hover { border-color: #02a1c9; } .product-c figure { float: left; width: 110px; margin-bottom: 0; margin-left: -110px; padding: 0 5px; text-align: center; } .product-c div { float: left; width: 100%; } .product-c h1, .product-c h2, .product-c h3, .product-c h4, .product-c h5, .product-c h6 { margin-bottom: 8px; color: #2a2769; font-size: 13px; font-weight: 400; line-height: 1.1; } .product-c h1 a, .product-c h2 a, .product-c h3 a, .product-c h4 a, .product-c h5 a, .product-c h6 a { display: block; color: #2a2769; } .product-c h1 a:before, .product-c h2 a:before, .product-c h3 a:before, .product-c h4 a:before, .product-c h5 a:before, .product-c h6 a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; } .product-c .prices { margin-bottom: 0; padding: 0; font-size: 15px; font-weight: 700; } .product-c .prices span { display: block; } .product-c .old { font-size: 13px; font-weight: 400; text-decoration: line-through; } .product-c .promo { color: #d72324;} .option-a { margin-bottom: 14px; } .option-a label { margin-right: 15px; display:inline-block } .option-a .borderAtr { height: 36px; border: 2px solid #ffd426; background: url(../images/arrow-g.png) no-repeat 90% 49%; border-radius: 20px; display:inline-block} .option-a .borderAtr select { width: 100%; min-width: 135px; padding: 6px 25px 0 15px; border: 0; background: transparent; font-size: 13px; outline: none; cursor: pointer; } .option-a .borderAtr select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .option-a .borderAtr select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .product-description { padding-bottom:20px;} .product-description p, .product-description ul { margin-bottom: 40px; } .product-description small { font-size: 14px; font-weight: 400; font-style: italic; } .product-description ol { padding-left: 21px; } .product-description ol li { margin-bottom: 1px; } .product-description ol li strong { color: #02a1c9; font-weight: 700; } .product-page { margin-bottom: 35px; padding-right: 242px; } .product-page > * { float: right; width: 242px; margin-bottom: 35px; margin-right: -242px; } .product-page > *:first-child { float: left; width: 100%; margin-bottom: 35px; margin-right: 0; } .product-page header { padding-top: 5px; padding-left: 35px; } .product-page header h1, .product-page header h2, .product-page header h3, .product-page header h4, .product-page header h5, .product-page header h6 { margin-bottom: 6px; } .product-page .rating-a { list-style: none; padding: 0; color: #807f7a; font-size: 13px; } .product-page .rating-a .no { padding: 0 15px; } .product-page .rating-a .no span { font-size: 17px; font-weight: 700; } .product-page .rating-a a { color: #d72324; text-decoration: underline; } [data-whatintent="mouse"] .product-page .rating-a a:hover { text-decoration: none; } .product-page .module-gallery { float: left; width: 52%; } .product-page .middle-box { float: left; width: 48%; padding-top: 22px; padding-left: 50px; padding-right: 40px; font-size: 14px; text-align: right; } .product-page .middle-box p { padding-right: 8px; } .product-page .middle-box .info-brand { list-style: none; margin-bottom: 20px; padding: 0 25px 0 0; } .product-page .middle-box .info-brand li { margin-bottom: 12px; } .product-page .middle-box .info-brand a { color: #2a2769; font-weight: 700; text-decoration: underline; } [data-whatintent="mouse"] .product-page .middle-box .info-brand a:hover { text-decoration: none; } .product-page .middle-box .promo-info { margin-bottom: 17px; margin-right: 25px; color: #2a2769; font-size: 15px; } .product-page .middle-box .promo-info p { margin-bottom: 0; } .product-page .middle-box .promo-info .no { margin-left: 5px; margin-right: 10px; color: #d72324; font-size: 17px; font-weight: 700; } .product-page .middle-box .promo-info .no span { display: inline-block; width: 28px; height: 28px; background: #d72324; border-radius: 50%; color: #fff; font-size: 13px; font-weight: 400; line-height: 28px; text-align: center; } .product-page .middle-box .promo-info .slogan { color: #d72324; font-size: 13px; font-weight: 700; text-transform: uppercase; } .product-page .middle-box .prices { margin-bottom: 26px; margin-right: 25px; } .product-page .middle-box .prices p { margin-bottom: 10px; color: #2a2769; font-size: 26px; font-weight: 700; } .product-page .middle-box .prices .old { color: #2a2769; font-size: 16px; font-weight: 400; text-decoration: line-through; } .product-page .middle-box .prices .promo { color: #d72324; } .product-page .middle-box .add-section { margin-bottom: 0; padding-right: 0; } .product-page .middle-box .add-section > * { margin-bottom: 17px; } .product-page .middle-box .add-section label { margin-right: 25px; } .product-page .middle-box .add-section input { width: 63px; height: 37px; margin-right: 15px; padding: 0 10px; border: 0; border-radius: 25px; box-shadow: inset 5px 5px 10px rgba(0,0,0,.2); background: #f6c414; color: #2a2769; font-size: 17px; font-weight: 700; text-align: center; } .product-page .middle-box .add-section button { width: 209px; height: 37px; padding-left: 52px; border: 0; border-radius: 25px; background: #02a1c9 url(../images/icon-cart-small.png) no-repeat 15px center; color: #fff; font-size: 13px; font-weight: 700; text-align: left; text-transform: uppercase; cursor: pointer; } .product-page .middle-box .available-info { margin-bottom: 20px; } .product-page .middle-box .available-info p { margin-bottom: 10px; } .product-page .middle-box .available-info .available { display: inline-block; position: relative; padding: 7px 20px 7px 50px; border: 1px solid #dcdcdc; border-radius: 20px; color: #95b629; font-weight: 700; } .product-page .middle-box .available-info .available:before { left: 15px; width: 20px; height: 18px; margin-top: -8px; background: url(../images/icon-available.png); } .product-page .middle-box .shipping-info { font-size: 13px; } .product-page .middle-box .shipping-info a { display: inline-block; position: relative; padding-left: 44px; color: #807f7a; } .product-page .middle-box .shipping-info a:before { width: 34px; height: 26px; margin-top: -13px; background: url(../images/icon-bshipp.png); } .product-page .middle-box .shipping-info a span { color: #95b629; font-size: 16px; font-weight: 700; } .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-nav { position: absolute; top: 50%; width: 100%; background: #000 } .owl-nav button { position: absolute; top: 0; display: block; width: 41px; height: 41px; margin-top: -20px; border: 0; border-radius: 50%; background: #fff url(../images/arrows.png) no-repeat -1000px -1000px; text-indent: -9999em; cursor: pointer; outline: none; } .owl-nav button.owl-prev { left: -20px; background-position: 0 0; } .owl-nav button.owl-next { right: -20px; background-position: -41px 0; } .owl-nav button.owl-prev:hover { background-position: 0 -41px; } .owl-nav button.owl-next:hover { background-position: -41px -41px; } .owl-dots { } .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0 2px 4px; padding: 0; border: 0; border-radius: 50%; box-shadow: none; background: #f6c414; cursor: pointer; outline: none; } .owl-dots button.active { background: #d82728; cursor: default; } .rating-a { padding: 17px 20px 18px 20px; color: #02a1c9; } #root .rating-a p, #root .rating-a figure { margin-bottom: 0; } #root .rating-a figure { margin-left: 19px; } .similar-products { padding-bottom: 20px; background: #f7f7f7; } .similar-products form { width: 100%; } .similar-products .product-c { width: 100%; margin-bottom: 3px; } .slide-a { } .slide-a.module-catalog { margin-bottom: 25px; } .slide-a .owl-carousel .owl-stage-outer { margin-left: -8px; margin-right: -8px; padding: 8px; } #root .slide-a .product-a { width: 100%; border-left: 0; } [data-whatintent="mouse"] .product-a:hover:before { top: -8px; bottom: -8px; left: -8px; right: -8px; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6, legend { margin-bottom: 20px; color: #02a1c9; font-size: 22px; font-weight: 700; line-height: 1.3333; } .heading-a { position: relative; margin-bottom: 30px; padding-bottom: 26px; color: #94b727; text-align: center; } .heading-a:before { top: auto; left: 50%; right: auto; width: 84px; height: 15px; margin-left: -42px; background: url(../images/heading-a.png); } .heading-a.a { color: #c33186; } .heading-a.a:before { background-position: 0 -15px; } .heading-a.b { color: #02a1c9; } .heading-a.b:before { background-position: 0 -30px; } .heading-a.smaller { font-size: 17px; } #root .heading-a.nobottom { margin-bottom: 25px; padding-bottom: 0; } .heading-a.nobottom:before { display: none; } .heading-b { color: #888883; font-size: 17px; font-weight: 400; } /*! 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; } .position-left { float: left; margin: 0 40px 20px 0; } .position-right { float: right; margin: 0 0 20px 40px; } .overlay-a { color: #000; } .overlay-b { color: #a2c144; } .overlay-c { color: #02a1c9; } .overlay-d { color: #95b629; } /*! Links --------- */ a { background: none; color: #0091ea; text-decoration: none; cursor: pointer; outline: none; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } [data-whatintent="mouse"] .drop .active a, #footer .more a, #footer .active a, [data-whatintent="mouse"] a:hover { text-decoration: underline; } [data-whatintent="mouse"] #nav > ul > li > a:hover, [data-whatintent="mouse"] #mKoszyk a:hover, [data-whatintent="mouse"] .list-social a:hover, [data-whatintent="mouse"] .product-b > div a:hover, [data-whatintent="mouse"] .product-a > p a:hover, [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] #footer .more a:hover { text-decoration: none; } .link-btn { font-size: 13px; font-weight: 700; text-transform: uppercase; } .link-btn a { display: inline-block; padding: 10px 19px; border-radius: 20px; background: #a7d513; color: #fff; } .link-btn a.a { background: #c33186; } [data-whatintent="mouse"] .link-btn a:hover { background: #d72324; } [data-whatintent="mouse"] .link-btn a.a:hover { background: #ed39a2; } /*! 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 { position: relative; list-style: none; min-height: 53px; padding: 0 0 0 95px; font-size: 15px; } .list-a li { } .list-a a { color: #d72424; } .list-a .a { color: #888883; } .list-a .a span { color: #d72424; font-size: 17px; font-weight: 700; } .list-a.a { } .list-a.a:before { top: 0; width: 53px; height: 52px; background: url(../images/icon-d.png); } .list-a.b { padding-top: 15px; padding-bottom: 15px; } .list-a.b:before { top: 5px; width: 58px; height: 41px; background: url(../images/icon-e.png); } .list-a.c { } .list-a.c:before { top: 0; width: 61px; height: 48px; background: url(../images/icon-f.png); } .list-attributes { list-style: none; margin-bottom: 4px; margin-left: -9px; padding: 0 4px; color: #807f7a; font-size: 14px; line-height: 0.9285714285714286; } .list-attributes li { position: relative; width: 25%; margin-bottom: 9px; padding: 15px 0 9px 27px; border-left: 9px solid rgba(0,0,0,0); } .list-attributes li:before { border: 1px solid #e2e2e1; border-radius: 25px; } [data-whatintent="mouse"] .list-attributes li:hover:before { border-color: #02a1c9; border-width: 3px; top: -6px; bottom: -6px; left: -6px; right: -6px; z-index: 2; box-shadow: 0 0 10px rgba(2,161,201,.8); } .list-attributes h1, .list-attributes h2, .list-attributes h3, .list-attributes h4, .list-attributes h5, .list-attributes h6 { margin-bottom: 10px; color: #807f7a; font-size: 17px; font-weight: 400; } .list-attributes figure { margin-bottom: 0; } .list-attributes .baner-a { } .list-attributes .baner-b h1, .list-attributes .baner-b h2, .list-attributes .baner-b h3, .list-attributes .baner-b h4, .list-attributes .baner-b h5, .list-attributes .baner-b h6 { color: #d8292a; } .list-attributes .baner-b figure { position: absolute; top: 20px; right: 19px; } .list-attributes .baner-c h1, .list-attributes .baner-c h2, .list-attributes .baner-c h3, .list-attributes .baner-c h4, .list-attributes .baner-c h5, .list-attributes .baner-c h6 { color: #02a1c9; } .list-attributes .baner-d h1, .list-attributes .baner-d h2, .list-attributes .baner-d h3, .list-attributes .baner-d h4, .list-attributes .baner-d h5, .list-attributes .baner-d h6 { color: #d8292a; font-weight: 700; } .list-attributes .baner-d figure { position: absolute; top: 38px; right: 16px; } .list-clean { list-style: none; margin-bottom: 45px; padding: 0; } .list-comments { list-style: none; padding: 0; font-size: 13px; } .list-comments li { margin-bottom: 7px; padding: 13px 17px 8px; border: 1px solid #e9e9e9; border-radius: 25px; color: #505050; } .list-comments p, .list-comments figure { margin-bottom: 10px; } .list-comments figure { margin-left: 11px; margin-right: 24px; } .list-comments .date { padding: 3px 20px; border-radius: 10px; background: #f7f7f7; color: #807f7a; } .list-comments .date span { margin-left: 9px; font-style: italic; } .list-select { list-style: none; margin-bottom: 70px; padding: 0; color: #7b7b7b; font-size: 15px; font-weight: 400; line-height: 1.3; } .list-select li { position: relative; margin-bottom: 14px; padding: 0; padding-right: 130px; } .list-select input { display: none; } .list-select label { display: inline-block; position: relative; padding-left: 28px; cursor: pointer; } .list-select label:before { content: ""; position: absolute; top: 2px; left: 0; width: 13px; height: 13px; border: 1px solid #333; border-radius: 50%; background: #fff; } .list-select input:checked + label, .list-select input:checked + strong label { color: #94b727; font-weight: 700; } .list-select input:checked + label:after { content: ""; position: absolute; top: 5px; left: 3px; width: 7px; height: 7px; border-radius: 50%; background: #333; } .list-select input:checked + strong label:after { content: ""; position: absolute; top: 5px; left: 3px; width: 7px; height: 7px; border-radius: 50%; background: #333; } .list-select input:checked ~ .price:before { content: ""; position: absolute; top: -5px; right: 0; width: 29px; height: 28px; background: url(../images/selected.png); } .list-select .price { position: absolute; top: 0; right: 0; width: 130px; padding-right: 60px; color: #c33186; font-weight: 700; text-align: right; } .list-select.a { margin-bottom: 10px; } .list-select.a li { padding: 0 5px; } .list-select.a label { height: 43px; padding-top: 10px; padding-left: 42px; padding-right: 26px; border: 1px solid #f7f7f7; border-radius: 25px; background: #fff; } .list-select.a input:checked + label, .list-select.a input:checked + strong label { padding-right: 53px; background: #f7f7f7 url(../images/selected.png) no-repeat 95% center; color: #000; } .list-select.a label:before { top: 13px; left: 18px; } .list-select.a input:checked + label:after { top: 16px; left: 21px; } .list-select.a input:checked + strong label:after { top: 16px; left: 21px; } .list-social { list-style: none; padding: 0; } .list-social li { position: relative; float: left; padding: 0 29px; } .list-social li:before { top: 7px; left: auto; right: 0; width: 1px; height: 27px; background: #d8d8d8; } .list-total { list-style: none; margin-bottom: 55px; padding: 0; color: #888883; font-size: 17px; font-weight: 700; } .list-total li { height: 51px; margin-bottom: 8px; border-radius: 25px; background: #eee; } .list-total p { width: 50%; margin-bottom: 0; } .list-total p:first-child { padding-right: 16px; text-align: right; } .list-total p:last-child { padding-left: 16px; } .list-total li:last-child { border: 2px solid #02a1c9; background: #fff; color: #02a1c9; } .list-total li:first-child p:last-child { color: #2a2769; font-size: 27px; } .list-total li:nth-child(2) p:last-child { color: #888883; font-size: 22px; font-weight: 400; } .list-total li:last-child p:last-child { font-size: 27px; } /*! 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-ask { width: 100%; max-width: 370px; margin: 0 auto; color: #2a2769; font-size: 13px; } .form-ask p { margin-bottom: 11px; } .form-ask p label { display: block; width: 100%; margin-bottom: 7px; padding: 0 20px; } .form-ask p input { width: 100%; height: 38px; padding: 0 20px; border: 0; border-radius: 25px; background: #f6c414; color: #2a2769; font-size: 13px; } .form-ask p textarea { width: 100%; height: 223px; min-height: 223px; padding: 20px; border: 0; border-radius: 25px; background: #f6c414; color: #2a2769; font-size: 13px; resize: none; } .form-ask p:last-child input { max-width: 128px; margin-bottom: 10px; margin-right: 6px; } .form-ask p:last-child img { margin-bottom: 10px; margin-right: 6px; } .form-ask button { height: 41px; margin-bottom: 10px; padding: 0 20px; border: 0; border-radius: 25px; background: #02a1c9; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; cursor: pointer; } [data-whatintent="mouse"] .form-ask button:hover { background: #000; } /*! Rating --------- */ .rating-code { display: inline-block; margin: 0; padding:6px; background:#fff; border-radius: 5px;} .rating-code input { display: none; } .rating-code label { float: right; } .rating-code label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin: 0 5px; background: url(../images/stars.png); cursor:pointer } .rating-code > input:checked ~ label:before, .rating-code:not(:checked) > label:hover:before, .rating-code:not(:checked) > label:hover ~ label:before { background-position: 0 -16px; } .rating-code > input:checked + label:hover, .rating-code > input:checked ~ label:hover:before, .rating-code > label:hover ~ input:checked ~ label:before, .rating-code > input:checked ~ label:hover ~ label:before { background-position: 0 -32px; } .bon-kod {margin-bottom: 10px; text-align: center; color:#807f7a!important} .bon-kod-inp {margin-bottom: 20px; text-align: center} .bon-kod-inp input.text {height: 38px;padding: 0 20px;border: 0;border-radius: 25px;background: #f6c414; color: #2a2769;font-size: 13px;} .bon-kod-inp input.button {height: 38px;padding: 0 20px;border: 0;border-radius: 25px;background: #02a1c9; color: #fff;font-size: 13px; cursor:pointer} .form-search { position: relative; padding: 0 55px 0 25px; background: #f6c414; border-radius: 25px; } .form-search input { width: 100%; height: 55px; padding: 0; border: 0; background: rgba(0,0,0,0); color: #272466; font-size: 14px; } .form-search button { position: absolute; top: 0; right: 0; width: 55px; height: 55px; border: 0; border-radius: 50%; background: url(../images/icon-search.png) no-repeat 8px center; text-indent: -9999em; cursor: pointer; } /*! 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; } #mobile, #mobile-user, #shadow, #nav > ul > li > a, #nav > ul > li.withsub > a:before, #mKoszyk a:after, .product-a:before, .list-attributes li:before { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } option { transition: none; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, [hidden], template, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } #top .form-search label, .list-social li:last-child:before, .slide-a .owl-dots, .tabs-a > div > .hidden, .tabs-header, .hr hr, #root .owl-carousel .disabled { display: none; } #mKoszyk a, #root .is-slider { display: block; } 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; } #mKoszyk p, .form-search p, #module-featured figure, .list-banners figure, .module-featured figure, #root .m0 { margin-bottom: 0; } #footer > ul li:last-child { margin-right: 0; } .m50 { margin-bottom: 50px; } .m100 { margin-bottom: 100px; } .m120 { margin-bottom: 120px; } /*! Warnings --------- */ p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; } p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; } p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; } .lt-ie9 body { padding-top: 28px; } /*! 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: #d82627; color: #fff; text-shadow: none; } ::-moz-selection { background: #d82627; color: #fff; text-shadow: none; } [data-whatintent="mouse"] .module-items .item .remove:hover, [data-whatintent="mouse"] .product-page .middle-box .available-info:hover .available:before, [data-whatintent="mouse"] .product-page .middle-box .shipping-info a:hover:before, [data-whatintent="mouse"] .product-page .middle-box .add-section button:hover, [data-whatintent="mouse"] #mKoszyk a:hover:before, [data-whatintent="mouse"] .list-social a:hover, [data-whatintent="mouse"] .form-search button:hover, [data-whatintent="mouse"] .module-day:hover > h1:before, [data-whatintent="mouse"] .module-day:hover > h2:before, [data-whatintent="mouse"] .module-day:hover > h3:before, [data-whatintent="mouse"] .module-day:hover > h4:before, [data-whatintent="mouse"] .module-day:hover > h5:before, [data-whatintent="mouse"] .module-day:hover > h6:before, [data-whatintent="mouse"] .link-btn a:hover { -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"] .module-cart .buttons button:hover, [data-whatintent="mouse"] .product-c:hover figure, [data-whatintent="mouse"] .list-a:hover:before, [data-whatintent="mouse"] .product-b:hover > div a, [data-whatintent="mouse"] .product-a:hover > p a { -webkit-animation-name: popA; animation-name: popA; -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-b:hover figure img, [data-whatintent="mouse"] .product-a:hover img, [data-whatintent="mouse"] .heading-a:hover:before { -webkit-animation-name: degus; animation-name: degus; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-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(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } @keyframes degus { 25% { -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } 75% { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } } /*! Fonts --------- */ @font-face { font-family: 'pt_serif'; src: url('fonts/pt_serif-web-regular.eot'); src: url('fonts/pt_serif-web-regular.eot?#iefix') format('embedded-opentype'), url('fonts/pt_serif-web-regular.woff2') format('woff2'), url('fonts/pt_serif-web-regular.woff') format('woff'), url('fonts/pt_serif-web-regular.ttf') format('truetype'), url('fonts/pt_serif-web-regular.svg#pt_serifregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'pt_serif'; src: url('fonts/pt_serif-web-italic.eot'); src: url('fonts/pt_serif-web-italic.eot?#iefix') format('embedded-opentype'), url('fonts/pt_serif-web-italic.woff2') format('woff2'), url('fonts/pt_serif-web-italic.woff') format('woff'), url('fonts/pt_serif-web-italic.ttf') format('truetype'), url('fonts/pt_serif-web-italic.svg#pt_serifitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'pt_serif'; src: url('fonts/pt_serif-web-bold.eot'); src: url('fonts/pt_serif-web-bold.eot?#iefix') format('embedded-opentype'), url('fonts/pt_serif-web-bold.woff2') format('woff2'), url('fonts/pt_serif-web-bold.woff') format('woff'), url('fonts/pt_serif-web-bold.ttf') format('truetype'), url('fonts/pt_serif-web-bold.svg#pt_serifbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'pt_serif'; src: url('fonts/pt_serif-web-bolditalic.eot'); src: url('fonts/pt_serif-web-bolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/pt_serif-web-bolditalic.woff2') format('woff2'), url('fonts/pt_serif-web-bolditalic.woff') format('woff'), url('fonts/pt_serif-web-bolditalic.ttf') format('truetype'), url('fonts/pt_serif-web-bolditalic.svg#pt_serifbold_italic') format('svg'); font-weight: 700; font-style: italic; } /*! Icons --------- */ .icon-facebook { display: block; width: 38px; height: 38px; border-radius: 50%; background: #2a2769 url(../images/icon-facebook.png) no-repeat center center; text-indent: -9999em; } .icon-forum { display: block; height: 42px; padding-top: 7px; padding-left: 62px; background: url(../images/icon-forum.png) no-repeat 0 1px; color: #807f7a; font-size: 14px; font-weight: 400; line-height: 1; } .icon-forum > span { display: block; text-transform: uppercase; } .icon-forum > small { color: #2a2769; } .icon-forum > small > span { color: #d72324; font-size: 13px; } .icon-x { display: block; height: 42px; padding-top: 7px; padding-left: 50px; background: url(../images/icon-x.png) no-repeat 0 1px; color: #807f7a; font-size: 14px; font-weight: 400; line-height: 1; } .icon-x > span { display: block; font-weight: bold; } .icon-x > small { color: #d72324; } .icon-x > small > span { color: #d72324; font-size: 13px; } /*! Flexbox --------- */ .module-items .item > div, .module-cart .buttons, .list-select.a, .list-total li, .product-page .middle-box .promo-info, .product-page .middle-box .prices, .available-info, .product-page .middle-box .add-section, .product-page .rating-a,.product-page .rating-a .stars, .product-c, .similar-products form, .pagination, .module-sort .select, .module-sort form, .module-brands p, .list-comments .coment-info, .rating-a, .module-catalog form, .form-ask p:last-child, #nav ul, #nav .drop ul, #top .panel, .product-b figure, .product-b div, .owl-dots, .list-attributes, .product-a figure, .product-a > div, .module-catalog, #footer nav { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .module-items .item > div, .module-cart .select-box, .module-cart .buttons, .list-select.a, .list-total li, .product-page .middle-box .promo-info, .product-page .middle-box .prices, .available-info, .product-page .middle-box .add-section, .product-page .rating-a,.product-page .rating-a .stars, .product-c, .similar-products form, .pagination, .module-sort .select, .module-sort form, .module-brands p, .list-comments .coment-info, .list-comments figure, .rating-a figure, .rating-a, .module-catalog form, .form-ask p:last-child, #nav ul, #nav .drop ul, #top .panel, .product-b figure, .product-b div, .owl-dots, .list-attributes, .product-a figure, .product-a > div, .module-catalog, #footer nav { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-a figure { -webkit-flex-direction: column; flex-direction: column; } .module-cart .buttons, .list-select.a, .product-b figure, .owl-dots, .product-a figure, .product-a > div { -webkit-justify-content: center; justify-content: center; } .product-page .middle-box .promo-info, .product-page .middle-box .prices, .available-info, .product-page .middle-box .add-section { -webkit-justify-content: flex-end; justify-content: flex-end; } .product-b div { -webkit-justify-content: space-between; justify-content: space-between; } .module-items .item > div, .module-cart .select-box, .list-total li, .product-page .middle-box .promo-info, .available-info, .product-page .middle-box .add-section, .product-page .rating-a .stars, .product-page .rating-a, .product-c, .pagination, .module-sort .select, .module-sort form, .module-brands p, .list-comments .coment-info, .list-comments figure, .rating-a figure, .rating-a, .form-ask p:last-child, .product-b figure, .product-b div, .product-a figure, .product-a > div { -webkit-align-items: center; align-items: center; } .product-page .middle-box .prices { -webkit-align-items: baseline; align-items: baseline; } .form-ask p:last-child button { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! 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: 2px solid #d82627; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! 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: 78.125em) { /* 1250 */ #header, #content, #footer { width: 1050px; } #header { } #top { } #top .panel { position: absolute; top: 128px; right: 0; } #top .panel ul { padding-right: 0; } #top .panel li { margin-right: 15px; } #mKoszyk { padding-left: 15px; padding-right: 10px; } #nav { } #nav > ul { padding-left: 20px; } #nav > ul > li > a { padding-left: 17px; padding-right: 22px; } #nav > ul > li.withsub > a:before { right: 6px; } .double.a { } .double.a > * { width: 40%; } .double.a > *:first-child { width: 60%; } .module-catalog { } .module-catalog .product-a { width: 33.333%; } .list-attributes { } .list-attributes li { width: 50%; } } @media only screen and (max-width: 68.75em) { /* 1100 */ #header, #content, #footer { width: 950px; } #header { } #top .form-search { max-width: 286px; } #top .list-social { right: 306px; } #top .panel { } #top .panel ul { position: absolute; top: -115px; right: 10px; width: 190px; padding: 0; } #mKoszyk:before { display: none; } #footer { } #footer nav br { display: none; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #header, #content, #footer { width: auto; } #header, #content, #footer, .product-b { padding-left: 20px; padding-right: 20px; } #header { } #logo { margin-left: auto; margin-right: auto; } #top .list-social { top: 182px; right: 105px; z-index: 20; } #top .list-social li { padding: 0 10px; } #top .list-social li:before { display: none; } #top .list-social .icon-facebook { width: 35px; height: 35px; border-radius: 5px; } #top .list-social .icon-forum { width: 43px; height: 35px; padding-top: 0; padding-left: 0; background: url(../images/icon-forum-w.png) no-repeat center center; } #top .list-social .icon-x { width: 42px; height: 42px; padding-top: 0; padding-left: 0; background: url(../images/icon-x-w.png) no-repeat center center; } #top .list-social .icon-forum > span, #top .list-social .icon-forum > small, #top .list-social .icon-forum > small > span { display: none; } #top .list-social .icon-x > span, #top .list-social .icon-x > small, #top .list-social .icon-x > small > span { display: none; } #top .form-search { position: relative; top: auto; right: auto; max-width: 100%; margin-bottom: 10px; border-radius: 0; background: #ddd; } #top .form-search input { height: 40px; color: #000; } #top .form-search button { height: 40px; } #top .panel { position: relative; top: auto; right: auto; height: 50px; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; background: #d82627; } #top .panel ul { display: none; } #top .panel li:last-child { display: none; } #top .panel li a { display: block; width: 40px; height: 40px; padding: 0; background: url(../images/icon-user.png) no-repeat center center; text-indent: -9999em; } #mKoszyk { position: absolute; top: 6px; right: 30px; padding-left: 0; padding-right: 0; } [data-whatintent="mouse"] #top .panel .menu-user:hover, [data-whatintent="mouse"] #mKoszyk a:hover { -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; } #mKoszyk a { width: 40px; height: 40px; padding: 0; background: url(../images/icon-cart-w.png) no-repeat center center; } #mKoszyk a:before, #mKoszyk a:after, #mKoszyk .no small, #mKoszyk .summary { display: none; } #mKoszyk .no { position: absolute; top: -2px; right: -10px; float: left; width: 25px; height: 25px; border-radius: 50%; background: #f7c415; font-size: 14px; line-height: 25px; text-align: center; } #nav { display: none; } .panel .menu-user { display: block; position: absolute; top: 5px; right: 80px; width: 40px; height: 40px; padding: 0; background: url(../images/icon-user.png) no-repeat center center; text-indent: -9999em; cursor: pointer; } .panel .menu-icon { display: block; } .menu-active #mobile, .user-active #mobile-user { left: 0; } .menu-active #shadow, .user-active #shadow { visibility: visible; opacity: 1; } #footer { margin-bottom: 15px; padding-top: 50px; padding-bottom: 20px; } #footer nav { } #footer nav > div { width: 50%; margin-bottom: 20px; padding-left: 0; } #footer nav > div:first-child { width: 100%; } #footer nav > div:first-child ul { width: 50%; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 15px; } #footer > div { padding: 0; } #footer nav + div { margin-top: 0; padding-top: 15px; } .double.a { } .double.a > *, .double.a > *:first-child { width: 100%; } .double.b { padding-right: 0; } .double.b > *, .double.b > *:first-child { float: none; width: 100%; margin-right: 0; } .cart-page { } .cart-page > h1, .cart-page > h2, .cart-page > h3, .cart-page > h4, .cart-page > h5, .cart-page > h6 { padding-left: 0; } .category-description { padding-left: 0; padding-right: 0; } .contact-page { padding-left: 0; } .contact-page .heading-b:first-child { margin-bottom: 26px; margin-left: 0; padding-top: 30px; text-align: center; } .module-brands { padding-left: 0; padding-right: 0; } .module-cart { } .module-items { margin-left: -20px; margin-right: -20px; } .module-items .item { padding-left: 18px; border-radius: 0; } .module-items .item figure { float: none; width: 100%; margin-left: 0; } .module-items .item h1, .module-items .item h2, .module-items .item h3, .module-items .item h4, .module-items .item h5, .module-items .item h6 { padding-top: 10px; } .module-items .item .price, .module-items .item .no, .module-items .item .sum { width: 100%; margin-bottom: 15px; } .module-items .item .sum { position: relative; top: auto; right: auto; } .submit-btn { margin-bottom: 30px; } .module-catalog.slide-a { padding-left: 20px; padding-right: 20px; } .module-catalog .product-a { width: 50%; } .module-comments { margin-bottom: 30px; padding-right: 9px; } .module-comments > * { float: none; width: 100%; margin-right: 0; padding: 30px 0 0 0; } .module-comments > *:first-child { float: none; width: 100%; } .module-comments > * > h1, .module-comments > * > h2, .module-comments > * > h3, .module-comments > * > h4, .module-comments > * > h5, .module-comments > * > h6 { margin-left: 0; text-align: center; } .module-sort { margin-left: -20px; padding-right: -20px; padding-left: 20px; padding-right: 20px; } .module-sort form { padding-left: 0; margin-right: 0; } .module-sort .pagination { position: relative; top: auto; right: auto; padding: 5px 10px 3px 0; -webkit-justify-content: flex-start; justify-content: flex-start; } .module-sort.a { margin-bottom: 20px; } .module-text { padding: 0; } .module-text figure { max-width: 50%; } .page-navigation { padding-left: 0; } .product-page { padding-right: 0; } .product-page > * { float: none; width: 100%; margin-right: 0; } .product-page > *:first-child { float: none; } .product-page header { padding-left: 0; } .product-page .module-gallery { float: none; width: auto; margin-left: 10px; margin-right: 10px; } .product-page .middle-box { float: none; width: 100%; padding-left: 0; } .product-page .middle-box { text-align: left; } .product-page .middle-box .prices, .product-page .middle-box .promo-info, .product-page .middle-box .add-section, .product-page .middle-box .available-info { -webkit-justify-content: flex-start; justify-content: flex-start; } .m100 { margin-bottom: 30px; } .m120 { margin-bottom: 40px; } #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 */ .module-catalog { } .module-catalog .product-a { width: 100%; } .module-text { margin-bottom: 30px; } .module-text .position-left { float: none; margin: 0 auto 20px auto; } .module-text .position-right { float: none; margin: 0 auto 20px auto; } .module-text figure { max-width: 100%; text-align: center; } .pagination { } .pagination p { display: none; } .pagination ul { padding-left: 0; padding-right: 0; } .list-attributes { } .list-attributes li { width: 100%; } .list-total { margin-bottom: 35px; font-size: 15px; } .list-total li:first-child p:last-child { font-size: 20px; } .list-total li:nth-child(2) p:last-child { font-size: 15px; } .list-total li:last-child p:last-child { font-size: 21px; } #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 */ #footer { } #footer nav > div, #footer nav > div:first-child ul { width: 100%; } .module-cart { } .module-cart .module-info { padding-left: 20px; padding-right: 20px; } .module-cart .double.c > *, .module-cart .double.d > *, .module-cart .double.c > *:first-child, .module-cart .double.d > *:first-child { float: none; width: 100%; } }