/* ------------------------------------------- Name: odani Author: https://www.sucro.pl --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: #72e1c0; } 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; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: #121212; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.38; } ul, ol, dl, p, figure, table, pre { margin-bottom: 22px; } h1, h2, h3, h4, h5, h6, legend { margin-bottom: 25px; color: #121212; font-weight: 700; line-height: 1.19; } h1 { margin-bottom: 30px; font-size: 35px; } h2 { font-size: 19px; } h3, h4, h5, h6 { font-size: 17px; } p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 { margin-top: 50px; } a { background: none; color: #72e1c0; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } ul, ol, dd, blockquote { list-style: none; padding-left: 0; } ul > li { margin-bottom: 10px; } /*! Repeatable --------- */ .module-size:after, .module-size ul:after, .list-f form:after, .module-items:after, .module-i:after, .info-a:after, .list-select:after, .box-e:after, .heading-a:after, .module-pattern:after, .check-a:after, .user-info:after, .box-note:after, .module-cart .lang:after, .module-cart:after, #panel .contact .drop:after, .list-social:after, .module-news:after, .list-categories:after, .list-aside:after, .rating-b:after, .list-comments .comment-a:after, .list-comments .comment-b:after, .list-comments li:after, .amount-a:after, .module-additional:after, .list-d:after, .box-b:after, .list-feature:after, .module-f:after, .module-e:after, .module-products:after, .product-page:after, .filters-box:after, .module-sort:after, .module-filters:after, .module-text:after, .blog-entry header:after, .blog-entry:after, .list-blog:after, .pagination-a ul:after, .pagination-a:after, .module-about:after, .module-d:after, .module-c:after, .module-aside:after, #footer nav:after, .list-social:after, .list-logo:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, .product-b figure:after, .module-latest:after, .form-a:after, .code-a:after, .module-map:after, ul:after, .module-a:after, #nav:after, .page-navigation:after, .page-navigation ul:after, #content:after, #top:after, #footer:after, form p:after, .double:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; } .module-doc:before, .list-select label:after, .list-select label:before, .list-doc label:before, .check-a label:before, #nav > ul > li > a:before, #panel .contact .drop:before, .list-categories .clone, .list-categories figure:before, .list-e.a li:before, .product-c .select label:before, .product-c:before, .list-feature li:before, .list-checkbox a:before, .product-a:before, .list-blog a:after, .list-blog a:before, .product-b a:after, .product-b a:before, .product-b h1, .product-b h2, .product-b h3, .product-b h4, .product-b h5, .product-b h6, .module-a > *: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; direction: ltr; } .module-pattern:before, .module-cart .lang:before, #mobile-bar:before, #top:before, .module-newsletter:before, .list-aside li:before, .module-h:before, .selected-filters:before, .pagination-a:before, .module-about:before, #footer > ul:before, .module-c:before, .module-latest:before, #nav:before, .page-navigation:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; } .module-size label:before, .module-items .remove-btn a:before, .list-select label:before, .list-doc label:before, .check-a label:before, .form-footer .input:before, .submit-btn button:before, #mobile ul > li > .toggle:before, #nav > ul > li.sub > a:after, #nav > ul:before, #mobile-bar a:before, #menu-icon:before, #panel .contact > p > a:after, #panel .contact > p > a:before, .form-search button:before, #panel .fav a:after, #panel .fav a:before, #panel .user a:before, #mKoszyk a:after, #mKoszyk a:before, .module-news div:before, .module-news a:before, .link-btn.c a:before, .link-ask a:before, .amount-a a:before, .module-add .no button:before, .product-c .select label:before, .list-checkbox a:before, .filters-box .name:before, .selected-filters .inner-a a:before, .product-a button:before, .pagination-a a:before, .module-d:before, .link-phone.a:before, #footer nav li:before, .owl-nav button:before, .product-b a:after, .link-btn.a a:before, .page-navigation li:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } .list-categories .clone, .list-categories figure:before, .list-blog a:before, .product-b a:before, .product-b h1, .product-b h2, .product-b h3, .product-b h4, .product-b h5, .product-b h6, .product-b a:before { z-index: 8; } .list-categories h1, .list-categories h2, .list-categories h3, .list-categories h4, .list-categories h5, .list-categories h6 { -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .list-select label:after { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .module-newsletter:before, .product-a .option p, .module-about.a > figure, .module-about:before { -webkit-transform: translateX(-50%); transform: translateX(-50%); } [data-whatintent="mouse"] .module-featured:hover .owl-nav button, [data-whatintent="mouse"] .product-a:hover:before, [data-whatintent="mouse"] .list-blog li:hover a:after, [data-whatintent="mouse"] .product-b:hover a:before, [data-whatintent="mouse"] .product-b:hover a:after { visibility: visible; opacity: 1; } .module-featured .owl-nav button, [data-whatintent="mouse"] .list-categories li:hover figure:before, [data-whatintent="mouse"] .product-a:hover .ratings, .product-a:before, .list-blog a:after, .owl-nav.disabled, .owl-nav .disabled, .owl-dots.disabled, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy, .product-b a:before, .product-b a:after { visibility: hidden; opacity: 0; } #mobile, #shadow { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .pagination-a .active a, .owl-dots button.active, [disabled], .disabled { cursor: default; } [data-whatintent="mouse"] #nav > ul > li > ul a:hover, [data-whatintent="mouse"] #panel .contact > p > a:hover, [data-whatintent="mouse"] .module-news a:hover, [data-whatintent="mouse"] .product-d a:hover, [data-whatintent="mouse"] .product-c a:hover, .list-checkbox .fwachk a, [data-whatintent="mouse"] .selected-filters .inner-a a:hover, [data-whatintent="mouse"] .product-a a:hover, [data-whatintent="mouse"] .list-blog a:hover, [data-whatintent="mouse"] #footer a:hover, [data-whatintent="mouse"] .link-phone a:hover, [data-whatintent="mouse"] .page-navigation a:hover, a { text-decoration: underline; } .module-items .item a, #nav > ul > li > a, #panel .contact > p > a, #panel .fav a, .list-social a, #mKoszyk a, .module-news a, [data-whatintent="mouse"] .product-d .link-btn a:hover, .product-d a, .module-featured a, .list-categories a, .amount-a a, .product-c a, .selected-filters .inner-a a, [data-whatintent="mouse"] .product-a .option a:hover, .product-a a, .list-c a, .list-blog a, .pagination-a a, [data-whatintent="mouse"] .list-a a:hover, [data-whatintent="mouse"] #footer .list-a a:hover, #footer a, .link-btn a, .link-phone a, .page-navigation a, [data-whatintent="mouse"] a:hover { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding-top: 140px; } #top { position: absolute; top: 0; left: 50%; z-index: 9; width: 1510px; height: 140px; margin-left: -755px; } #top:before { background: #fff; border-bottom: 1px solid #121212; } #logo { position: absolute; top: 18px; left: 0; width: 285px; height: 56px; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; background: url(../images/logo.webp) no-repeat 0 50%; text-indent: -3000em; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: #72e1c0; color: #fff; font-size: 14px; 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; z-index: 2; bottom: 0; width: 100%; height: 48px; padding-top: 4px; } #nav:before { background: #ee4e97; } #nav > ul { position: relative; z-index: 2; margin: 0; padding-left: 41px; } #nav > ul:before { content: "\e906"; top: 8px; width: auto; margin-top: 0; color: #fff; font-size: 26px; } #nav > ul > li { position: relative; z-index: 2; margin-right: 12px; } #nav > ul > li > a { display: block; position: relative; z-index: 2; padding: 10px 14px; color: #fff; font-size: 18px; font-weight: 500; line-height: 1.1; } [data-whatintent="mouse"] #nav > ul > li:hover > a { color: #72e1c0; } [data-whatintent="mouse"] #nav > ul > li:hover > a:before { background: #fff; } #nav > ul > li.sub { } #nav > ul > li.sub > a { position: relative; z-index: 2; height: 50px; padding-right: 40px; } #nav > ul > li.sub > a:after { content: "\e901"; top: 11px; left: auto; right: 21px; width: auto; margin-top: 0; color: #fff; font-size: 9px; } #nav > ul > li.sub:hover > a:after { color: #72e1c0; } #nav > ul > li > ul { display: none; position: absolute; top: 100%; left: 0; width: 252px; padding: 25px 15px 17px; box-shadow: 0 0 5px rgba(0,0,0,.4); background: #fff; } #nav > ul > li:hover > ul { display: block; } #nav > ul > li:nth-last-child(1) > ul, #nav > ul > li:nth-last-child(2) > ul, #nav > ul > li:nth-last-child(1) > ul { left: auto; right: 0; } #nav > ul > li ul { font-size: 17px; font-weight: 400; } #nav > ul > li li, #nav > ul > li > ul a { color: #14185a; text-decoration: none; } [data-whatintent="mouse"] #nav > ul > li > ul a:hover { color: #fd1d57; } #nav > ul > li > ul li:before { content: "- "; } #nav .wide { position: static; } #nav .wide > ul { left: 0; right: 0; width: 100%; padding-top: 23px; } #nav .wide > ul > * { position: relative; z-index: 2; width: 33.3333%; margin-bottom: 23px; padding-top: 5px; padding-right: 20px; border-left: 47px solid rgba(0,0,0,0); } #nav .wide > ul ul { margin-bottom: 3px; } #nav .wide > ul { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } #nav .wide > ul > li { width: 100%; break-inside: avoid-column; -webkit-column-break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } #nav .wide > ul > li { margin-bottom: 12px; } #nav .wide > ul > li > a { display: block; margin-bottom: 5px; padding: 5px 0; color: #49b594; font-size: 17px; font-weight: 700; } #nav .wide > ul > li a:hover { text-decoration: underline; } #nav .wide > ul > li > ul > li { position: relative; margin-bottom: 3px; padding-left: 10px; } #nav .wide > ul > li > ul > li:before { content: "-"; position: absolute; top: 2px; left: 2px; } #nav .wide ul ul a { display: block; padding: 3px; font-weight: 300; } #nav .wide > ul > li:before { display: none; } #panel { position: absolute; top: 21px; left: 316px; right: 0; z-index: 6; } #panel .contact { position: relative; z-index: 1; margin-right: 46px; } #panel .contact:hover { z-index: 6; } #panel .contact > p { position: relative; z-index: 2; } #panel .contact > p > a { display: block; position: relative; z-index: 2; padding: 0 22px 0 51px; color: #121212; font-weight: 400; } #panel .contact > p > a:before { content: "\e915"; width: auto; font-size: 36px; line-height: 36px; margin-top: -18px; } #panel .contact > p > a:before { background:#72e1c0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [data-whatintent="mouse"] #panel .contact:hover > p > a:before { background: #ee4e97; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #panel .contact > p > a:after { content: "\e901"; left: auto; right: 0; width: auto; color: #72e1c0; font-size: 10px; } #panel .contact .drop { position: absolute; top: 50px; left: 0; z-index: -1; width: 166px; padding-bottom: 17px; } #panel .contact .drop:before { top: -70px; left: -15px; right: -15px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.3); background: #fff; } #panel .contact .drop .link-phone { margin-bottom: 15px; } #panel .contact .drop .link-btn a { width: 100%; text-align: center; } #panel .form-search { position: relative; z-index: 2; max-width: 410px; margin-right: 36px; } #panel .fav { margin-left: 50px; margin-right: 21px; } #panel .fav a { display: block; position: relative; z-index: 2; width: 72px; color: #72e1c0; font-size: 15px; font-weight: 700; line-height: 1; } [data-whatintent="mouse"] #panel .fav a:hover:before { color: #72e1c0; } #panel .fav a:before { content: "\e90a"; color: #ff9d02; font-size: 38px; } #panel .fav a:after { content: "\e901"; left: auto; right: 0; width: auto; color: #72e1c0; font-size: 10px; } [data-whatintent="mouse"] #panel .fav a:hover:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #panel .fav span { display: block; position: relative; z-index: 4; width: 100%; text-align: center; } #panel .fav .name { display: block; position: absolute; top: 0; right: 50%; z-index: 2; width: auto; margin-top: -2px; margin-right: 5px; padding: 2px 4px; background: #fff; color: #33355d; font-size: 14px; font-weight: 400; } #panel .fav.empty { margin-left: 0; margin-right: 10px; } #panel .fav.empty a { color: #9b9b9b; } #panel .fav.empty a:before { color: #d1cece; } #panel .user { margin-right: 27px; } #panel .user a { display: block; position: relative; z-index: 2; width: 50px; color: #72e1c0; font-size: 36px; text-indent: -9999em; line-height: 1px; } [data-whatintent="mouse"] #panel .user a:hover { color: #ee4e97; } #panel .user a:before { content: "\e908"; } #panel .list-social { margin-right: 13px; } #mKoszyk { } #mKoszyk a { display: block; position: relative; z-index: 2; padding: 10px 33px 10px 54px; border-radius: 5px; color: #fff; font-size: 14px; line-height: 1; } #mKoszyk a { background: #72e1c0; background-size: 210% auto; } [data-whatintent="mouse"] #mKoszyk a:hover { background-position: 100% 0; background-size: 300% auto; background: #ee4e97 } #mKoszyk a:before { content: "\e907"; left: 9px; width: auto; font-size: 26px; } #mKoszyk a:after { content: "\e901"; left: auto; right: 11px; width: auto; font-size: 10px; } [data-whatintent="mouse"] #mKoszyk a:hover:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #mKoszyk span { font-size: 17px; font-weight: 500; } #menu-icon { position: absolute; top: 0; right: 0; z-index: 20; width: 60px; height: 60px; color: #ee4e97; font-size: 40px; cursor: pointer; } #menu-icon:before { content: "\e906"; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -250px; right: auto; top: 0; bottom: 0; z-index: 1050; width: 240px; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.25); background: #4f5357; line-height: 1.3; } #mobile li.toggle, #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; padding: 0; border-bottom: 1px solid #61656a; font-size: 14px; color: #fff; } #mobile ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 15px 20px; color: #fff; text-transform: none; text-decoration: none; } #mobile > ul > li > ul { display: none; background: #3d4346; font-weight: 400; } #mobile .toggle > ul { display: block; } #mobile .sub > a { padding-right: 60px; } #mobile > ul > .sub.toggle > a { background: #49b594; } #mobile > ul > li > ul > .sub.toggle > a { background: #299272; } #mobile > ul > .sub span.toggle, #mobile ul > li > span.toggle { display: block; position: absolute; top: 0; right: 0; z-index: 20; width: 48px; height: 48px; background: rgba(0,0,0,.1); cursor: pointer; } #mobile ul > li > span.toggle:before { content: "\e901"; font-size: 10px; color: #fff; } #mobile ul > .sub.toggle > span.toggle { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #mobile > ul > li > ul li { border-bottom: 1px solid #6d6d6d; } #mobile > ul > li > ul a { display: block; padding: 15px 40px 15px 30px; color: #fff; font-weight: 300; } #mobile > ul ul ul { display: none; } #mobile > ul ul ul li { border-color: #777; } #mobile > ul ul ul a { display: block; padding: 15px 20px 15px 38px; background: #000; } #mobile .list-social { padding-top: 15px; } #mobile .list-social li { border-width: 0 } #mobile .list-social a { font-size: 20px; } #mobile .list-social i { color: #fff!important; } #mobile .list-social .icon-instagram { background: linear-gradient(45deg, #fff 0%, #fff 50%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #shadow { visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; z-index: 1040; width: 100%; height: 100%; background: rgba(0,0,0,.65); cursor: pointer; } #content { position: relative; z-index: 5; width: 1510px; margin: 0 auto; padding-top: 35px; } #content > *:last-child { margin-bottom: 30px; } #footer { position: relative; z-index: 2; width: 1510px; margin: 0 auto; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 36px; font-size: 22px; } #footer a { color: #121212; } #footer nav { margin-left: -20px; font-weight: 400; } #footer nav > * { width: 25%; border-left: 20px solid rgba(0,0,0,0); } #footer nav li { position: relative; z-index: 2; margin-bottom: 8px; padding-left: 19px; } #footer nav li:before { content: "\e903"; width: auto; color: #72e1c0; font-size: 9px; } #footer > ul { position: relative; z-index: 2; margin-left: -17px; margin-right: -17px; padding: 15px 0; font-size: 15px; } #footer > ul:before { background: #f5f6fa; } #footer > ul li { margin-left: 17px; margin-right: 17px; } #footer > ul li:first-child { margin-right: auto; } #footer > ul span { text-transform: uppercase; } #mobile-bar { position: fixed; bottom: -50px; left: 50%; z-index: 1020; height: 45px; } #mobile-bar:before { border-top: 1px solid #121212; background: #fff; } #mobile-bar ul { list-style: none; margin: 0; padding: 0; width: 100% } #mobile-bar a { display: block; position: relative; z-index: 2; width: 45px; height: 45px; color: #ee4e97; font-size: 21px; text-indent: -9999em; } #mobile-bar .home:before { content: "\e922"; } #mobile-bar .search:before { content: "\e909"; } #mobile-bar .user:before { content: "\e908"; } #mobile-bar .fav:before { content: "\e90a"; } #mobile-bar .fav span { position: absolute; top: 4px; right: 0; font-size: 15px; text-indent: 0; } #mobile-bar .cart:before { content: "\e907"; } #mobile-bar .cart span { position: absolute; top: 4px; right: 0; font-size: 15px; text-indent: 0; } @media only screen and (max-width: 31.25em) { /* 500 */ .module-gallery {min-height:550px; width:100%} .module-gallery .main-pic {width:100%; height:350px} .module-gallery .main-pic img {max-height:350px!important} } /*! 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: -66px; } .double.a > * { float: left; width: 50%; border-left-width: 66px; } .double.b { margin-left: -170px; } .double.b > * { float: left; width: 50%; border-left-width: 170px; } .double.c { margin-left: -11px; } .double.c > * { float: left; width: 20%; border-left-width: 11px; } .double.c > *:first-child { width: 80%; } .double.d { margin-left: -140px; } .double.d > * { float: left; width: 50%; border-left-width: 140px; } .double.e { margin-left: -100px; } .double.e > * { float: left; width: 50%; border-left-width: 100px; } /*! Modules --------- */ .amount-a { display: block; position: relative; z-index: 2; width: 96px; padding: 0 15px; border: 1px solid #e8e8e8; border-radius: 5px; background: #fff; } .amount-a a { display: block; position: absolute; top: 1px; left: 8px; z-index: 2; width: 15px; height: 42px; font-size: 14px; text-indent: -9999em; } .amount-a a:before { content: "\e913"; } [data-whatintent="mouse"] .amount-a a:hover { color: #52a97b; } .amount-a .plus-one { left: auto; right: 8px; } .amount-a .plus-one:before { content: "\e912"; } .amount-a input { width: 66px; height: 44px; padding: 0 4px; border: 0; border-radius: 8px; background: #fff; color: #292929; font-size: 19px; font-weight: 700; text-align: center; } .blog-entry { margin-bottom: 50px; font-size: 17px; } .blog-entry header { margin-bottom: 25px; font-size: 14px; } .blog-entry header h1, .blog-entry header h2, .blog-entry header h3, .blog-entry header h4, .blog-entry header h5, .blog-entry header h6 { margin-bottom: 13px; color: #ee4e97; font-size: 30px; } .blog-entry header p { margin-bottom: 12px; } .blog-entry header a { font-size: 16px; } .blog-entry h1, .blog-entry h2, .blog-entry h3, .blog-entry h4, .blog-entry h5, .blog-entry h6 { font-size: 22px; } .blog-entry a { font-weight: 700; } .blog-entry figure { text-align: center; } .blog-entry figure + * { padding-top: 25px; } .box-a { max-width: 840px; margin: 30px auto 45px; padding: 35px 10px 17px; box-shadow: 0 0 8px rgba(0,0,0,.2); text-align: center; clear: both; } .box-a h1, .box-a h2, .box-a h3, .box-a h4, .box-a h5, .box-a h6 { margin-bottom: 45px; font-size: 28px; } .box-b { margin-bottom: 25px; padding: 35px 20px 0; border: 1px solid #ee4e97; } .box-b .module-b { margin-bottom: 30px; } .box-c { margin-bottom: 55px; padding: 30px 35px 1px; border: 1px solid #dedede; } .box-c.a { padding: 20px 0 20px 55px; } .box-d { background: #fff; padding: 28px 28px 14px; } .box-e { float: left; width: 50%; padding-left: 65px; padding-right: 65px; } .box-e h1, .box-e h2, .box-e h3, .box-e h4, .box-e h5, .box-e h6 { margin-bottom: 43px; font-size: 22px; } .box-e.a { margin-bottom: 28px; } .box-note { position: relative; z-index: 2; margin-bottom: 5px; font-size: 15px; text-align: center; } .box-note:before { background: #f8f8f8; } #root .box-note h1, #root .box-note h2, #root .box-note h3, #root .box-note h4, #root .box-note h5, #root .box-note h6 { margin-bottom: 4px; font-size: 22px; } #root .box-note p { margin-bottom: 30px; } #root .box-note textarea { width: 100%!important; max-width: 465px!important; height: 162px; min-height: 162px; margin: 0px!important; padding: 15px!important; border: 1px solid #dedede; border-radius: 5px; } .code-a { margin-left: -8px; margin-right: -8px; } .code-a > * { margin: 0 8px 11px; } .code-a input { max-width: 152px!important; padding: 0 15px!important; border: 1px solid #e4dada!important; text-align: center; } .code-a.a { margin: 0 0 40px; padding: 22px 12px 6px; border: 1px solid #ee4e97; } .filters-box { margin-bottom: 6px; line-height: 1.1; } .filters-box .inside-a { padding-left: 11px; padding-right: 11px; } .filters-box .title { position: relative; z-index: 2; color: #111; font-size: 23px; } .filters-box .prices { position: relative; z-index: 2; margin-right: 22px; padding-left: 1px; } .filters-box .prices p { margin-bottom: 6px; } .filters-box .prices p:first-child { margin-right: 10px; } .filters-box .prices input { width: 88px; height: 38px; margin: 0 11px; padding: 0 6px; border: 1px solid #dadada; border-radius: 5px; background: #fff; font-size: 16px; font-weight: 400; text-align: center; } .filters-box .prices button { margin-left: 5px; padding: 10.5px 17px; border: 0; border-radius: 5px; background: #ee4e97; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.1; cursor: pointer; } [data-whatintent="mouse"] .filters-box .prices button:hover { background: #ee4e97; } .filter-block { width: 100%; } #filters { margin-left: -11px; margin-right: -11px; } #filters .filter-title { margin-bottom: 6px; margin-right: 30px; font-size: 20px; } .filters { display: none; } .filters-box .name { position: relative; z-index: 2; margin: 0 11px 6px 0; padding: 10px 67px 10px 20px; border: 1px solid #dedede; border-radius: 8px; font-size: 16px; font-weight: 300; line-height: 1.1; cursor: pointer; } .filters-box .name:before { content: "\e901"; top: 50%; left: auto; right: 14px; width: auto; color: #ee4e97; font-size: 10px; } .filters-box .name.active { border-color: #ee4e97; background: #ee4e97; color: #fff; } .filters-box .name.active:before { color: #fff; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .box-attrs { display: none; width: 100%; } .info-a { position: relative; z-index: 2; margin-bottom: 20px; padding-left: 60px; color: #706f81; font-size: 15px; line-height: 1.53; } .info-a h1, .info-a h2, .info-a h3, .info-a h4, .info-a h5, .info-a h6 { margin-bottom: 20px; font-size: 16px; } .info-a p + h1, .info-a p + h2, .info-a p + h3, .info-a p + h4, .info-a p + h5, .info-a p + h6 { margin-top: 37px; } .info-a.a { padding-left: 167px; } .info-a.a span { color: #121212; font-size: 16px; font-weight: 700; } .info-a.a figure { position: absolute; top: -7px; left: 56px; } .mobile-search { position: fixed; top: 100vh; left: 0; right: 0; z-index: 10; height: 100vh; padding: 20px; background: rgba(0,0,0,.8); } .mobile-search .form-search { margin-bottom: 20px; } .mobile-search .form-search input[type='text'] { font-size: 16px; } .module-a { margin: 0 -34px 50px; } .module-a > * { position: relative; z-index: 2; width: 25%; padding: 10px 34px 0; } .module-a > *:before { border-left: 1px solid #dedede; } .module-a > *:first-child:before { border-left-width: 0; } .module-about { position: relative; z-index: 4; margin-bottom: 26px; padding-top: 32px; line-height: 1.5; } .module-about:before { left: 50%; right: auto; width: 100vw; background: #f5f6fa url(../images/background-a.webp) no-repeat 100% 0; background-size: auto 100%; } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6 { margin-bottom: 19px; } .module-about > * { max-width: 935px; } .module-about > *:last-child { margin-bottom: 70px; } .module-about a { font-weight: 700; } .page-navigation + .module-about { margin-top: -34px; } .module-about.a { margin-bottom: 38px; padding-bottom: 40px; } .module-about.a:before { background-image: none; } .module-about.a > *:last-child { } .module-about.a > figure { position: absolute; top: 0; bottom: 0; left: 50%; z-index: -1; width: 100vw; max-width: 100vw; text-align: right; } .module-about.a > figure img { width: auto; height: 100%!important; } .module-about.a .link-btn { position: absolute; bottom: -20px; left: 0; right: 0; max-width: none; } .module-add { margin-bottom: 30px; border-bottom:1px solid #dedede} .module-add .price { margin-bottom: 26px } .module-add .price span { margin: 0 20px; color: #ee4e97; font-size: 27px; font-weight: 700; } .module-add .no { margin: 0 -10px 15px; } .module-add .no > * { margin: 0 10px 10px; } .module-add .no > *:nth-child(3) { margin-right: 35px; } .module-add .no .amount-a { margin-left: 20px; } .module-add .no figure a { width: 55px; height: 46px; border: 1px solid #e8e8e8; border-radius: 8px; background: #fff; } [data-whatintent="mouse"] .module-add .no figure a:hover { border-color: #ee4e97; } .module-add .no button { position: relative; padding: 12px 22px 12px 58px; border: 0; border-radius: 5px; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.1; cursor: pointer; outline: none; } .module-add .no button { background: #ee4e97; background-size: 210% auto; } [data-whatintent="mouse"] .module-add .no button:hover { background:#72e1c0; background-position: 100% 0; background-size: 300% auto; } .module-add .no button:before { content: "\e907"; left: 13px; width: auto; font-size: 25px; } .module-add .link-ask { margin-left: auto; } .module-additional { overflow: hidden; margin-bottom: 30px; padding-right: 81px; } .module-additional .owl-carousel .owl-stage-outer { overflow: visible; } .module-additional .owl-nav button { color: #dfdfdf; } [data-whatintent="mouse"] .module-additional:hover .owl-nav button { color: #121212; } .module-additional .owl-nav .owl-prev { left: 5px; } .module-additional .owl-nav .owl-next { right: -45px; } .module-additional .product-c { height: 100%; } .module-aside { margin-bottom: 70px; padding-top: 20px; } .module-aside > figure { width: 525px; padding: 0 20px; text-align: center; } [data-whatintent="mouse"] .module-aside:hover > figure img { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { margin-bottom: 21px; font-size: 16px; } .module-aside h1:first-child, .module-aside h2:first-child, .module-aside h3:first-child, .module-aside h4:first-child, .module-aside h5:first-child, .module-aside h6:first-child { font-size: 19px; } .module-aside.a { margin-bottom: 70px; padding-top: 0; } .module-aside > figure { width: 525px; padding: 0 20px; text-align: center; } [data-whatintent="mouse"] .module-aside:hover > figure img { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { margin-bottom: 21px; font-size: 16px; } .module-aside h1:first-child, .module-aside h2:first-child, .module-aside h3:first-child, .module-aside h4:first-child, .module-aside h5:first-child, .module-aside h6:first-child { font-size: 19px; } .module-b { max-width: 540px; margin: 0 auto 125px; } .module-b h1, .module-b h2, .module-b h3, .module-b h4, .module-b h5, .module-b h6 { margin-bottom: 34px; font-size: 22px; } .module-c { position: relative; z-index: 2; margin-bottom: 50px; padding-top: 22px; } .module-c:before { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .module-cart { } .module-cart select { position: relative; z-index: 10; width: 195px; height: 39px; padding: 8.5px 34px 8.5px 20px; border: 1px solid #dedede; border-radius: 5px; background: #fff; cursor: pointer; } .module-cart select { background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2ZmMzI2MyIgZD0iTTI1NS40OTYgNDA2LjI5NmM2LjAxNiAwIDEyLjAyNS0xLjgwNSAxNi41MzMtNS4xMTNsMjI1LjQ0Mi0xNTAuMjkxYzguMTE4LTUuNDExIDEzLjUyOS0xNC40MzEgMTMuNTI5LTI0Ljk0OXYtOTAuMTc3YzAtMTYuNTM0LTEzLjUyOS0zMC4wNjMtMzAuMDYzLTMwLjA2My02LjAxMCAwLTEyLjAyMSAxLjgwNS0xNi41MjggNS4xMTNsLTIwOC45MTMgMTM5LjE3My0yMDguOTA3LTEzOS4xNzNjLTQuNTA4LTMuMzA4LTEwLjUxOC01LjExMy0xNi41MzQtNS4xMTMtMTYuNTI4IDAtMzAuMDU2IDEzLjUyOC0zMC4wNTYgMzAuMDYzdjkwLjE3N2MwIDEwLjUxOCA1LjQxIDE5LjUzOCAxMy41MjggMjQuOTQ5bDIyNS40NDIgMTUwLjI5MWM0LjUwNyAzLjMwOCAxMC41MTggNS4xMTMgMTYuNTI4IDUuMTEzeiI+PC9wYXRoPgo8L3N2Zz4K) 90% center no-repeat #fff; background-size: auto 11px; } .module-cart select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .module-cart .column { } .module-cart .column .box { margin-bottom: 24px; border-bottom: 1px solid #e8e8e8; font-size: 15px; line-height: 1.4; text-align: right; } .module-cart .column .submit-btn button { float: right; } .module-cart .sum { margin-bottom: 35px; padding: 29px 57px 7px; border: 3px solid #72e1c0; color: #121212; font-size: 22px; font-weight: 700; } .module-cart .sum p { padding-top: 5px; margin-right: 10px; } .module-cart .sum p:last-child { margin-right: 0; padding-top: 0; color: #72e1c0; font-size: 28px; text-align: right; } .module-cart .sum.a { margin-bottom: 30px; padding: 20px 0 1px; border-width: 0; border-bottom: 1px solid #e8e8e8; line-height: 1.1; } .module-cart .sum.a span { display: block; color: #706f81; font-size: 15px; font-weight: 300; } .module-cart .lang { position: relative; z-index: 2; margin-bottom: 55px; padding-top: 20px; padding-bottom: 10px; text-align: center; } .module-cart .lang:before { background: #f5f6fa; } .module-cart .lang h1, .module-cart .lang h2, .module-cart .lang h3, .module-cart .lang h4, .module-cart .lang h5, .module-cart .lang h6 { font-size: 22px; } .module-cart .lang p { margin-bottom: 27px; } .module-cart .lang div > * { margin: 0 23px 10px; } .module-catalog { } .module-catalog form { margin-left: -20px; } .module-catalog .product-a, .module-catalog.a .product-a { width: 20%; margin-bottom: 50px; border-left: 20px solid rgba(0,0,0,0); } .module-catalog.a { margin-left: -20px; } .module-products { } .module-products form { margin-left: -20px; } .module-products .product-a, .module-products.a .product-a { width: 20%; margin-bottom: 50px; border-left: 20px solid rgba(0,0,0,0); } .module-products.a { margin-left: -20px; } .module-d { position: relative; z-index: 2; min-height: 70px; margin-bottom: 30px; padding: 20px 20px 0 110px; background: #121212; color: #fff; font-size: 15px; } .module-d:before { content: "\e90e"; width: 110px; font-size: 52px; } .module-d > div { padding-right: 130px; } #root .module-d h1, #root .module-d h2, #root .module-d h3, #root .module-d h4, #root .module-d h5, #root .module-d h6 { margin-bottom: 1px; color: #fff; font-size: 20px; } .module-description { } .module-description li:before { content: "- "; } .module-doc { position: relative; z-index: 2; margin-bottom: 20px; padding-top: 37px; padding-bottom: 14px; } .module-doc:before { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .module-doc h1, .module-doc h2, .module-doc h3, .module-doc h4, .module-doc h5, .module-doc h6 { margin-right: 35px; font-size: 22px; } .module-e { margin-bottom: 80px; } .module-featured { margin-bottom: 11px; } .module-featured article { position: relative; color: #121212; font-size: 20px; font-weight: 400; line-height: 1.2; } .module-featured header { position: absolute; top: 20px; bottom: 80px; left: 70px; max-width: 515px; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { margin-bottom: 10px; } .module-featured h2 { margin-bottom: 20px; padding-top: 55px; color: #ee4e97; font-size: 22px; } .module-featured ul { margin: 0 -9px; } .module-featured li { margin: 0 9px 9px; } .module-featured a { display: block; padding: 10px 26px; border: 1px solid #ee4e97; border-radius: 5px; background: #fff; color: #121212; font-size: 17px; font-weight: 700; line-height: 1; } [data-whatintent="mouse"] .module-featured a:hover { background: #ee4e97; color: #fff; } .module-featured .owl-prev { left: -50px; } [data-whatintent="mouse"] .module-featured:hover .owl-prev { left: 15px; } .module-featured .owl-next { right: -50px; } [data-whatintent="mouse"] .module-featured:hover .owl-next { right: 15px; } .module-filters { position: relative; z-index: 2; } .module-filters .inside { position: relative; z-index: 2; padding-top: 10px; } .module-filters .box-filter { position: relative; top: auto; left: auto; } .module-f { margin-bottom: 20px; font-size: 17px; line-height: 1.35; } .module-f .title { font-size: 22px; } .module-g { margin: 0 -10px 20px; border-bottom:1px solid #dedede} .module-g > * { margin: 0 10px 10px; } .module-g .prices { color: #121212; font-size: 22px; font-weight: 700; } .module-g .prices p { margin-bottom: 2px; } .module-g .default { margin-right: 10px; font-size: 28px; } .module-g .promo { color: #ee4e97; } .module-g .old { color: #6f7083; font-size: 19px; font-weight: 300; text-decoration: line-through; } .module-gallery { position: relative; margin-bottom: 30px; } .module-gallery .list-attr { position: absolute; top: 10px; right: 10px; } .slick-slider { display: block; position: relative; z-index: 1; -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: 30px; } .module-gallery .main-pic figure { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .module-gallery .main-pic figure img { width: auto; max-width: 100%; max-height: 463px; margin: 0 auto; float: none; } .module-gallery .gallery-thumbs { position: relative; z-index: 2; margin-left: -13px; margin-right: -13px; } .module-gallery .gallery-thumbs:before { border: 1px solid #e6e1e1; } .module-gallery .gallery-thumbs figure { position: relative; margin: 0 13px 15px; background: #fff;width:90px; float:left; } .module-gallery .gallery-thumbs figure a { display: block; position: relative; z-index: 2; outline: none; } .module-gallery .gallery-thumbs figure a:before { border: 1px solid #e6e1e1; } .module-gallery .gallery-thumbs figure img { overflow: hidden; } .module-gallery .gallery-thumbs .slick-current { z-index: 10; } .module-gallery .slick-arrow { display: block; position: absolute; top: 50%; z-index: 10; margin-top: -17px; border: 0; background: none; color: #121212; font-size: 0; text-indent: -9999em; cursor: pointer; outline: none; } [data-whatintent="mouse"] .module-gallery .slick-arrow:hover { color: #ee4e97; } .module-gallery .slick-arrow:before { display: block; width: 100%; height: 100%; font-size: 36px; font-family: i; text-indent: 0; font-weight: normal; } .module-gallery .slick-prev { left: -17px; } .module-gallery .slick-next { right: -17px; } .module-gallery .slick-prev:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .module-gallery .slick-next:before, .module-gallery .slick-prev:before { content: "\e914"; } .slick-disabled { display: none!important; } .module-h { position: relative; z-index: 2; margin: 0 0 21px -31px; padding-top: 42px; } .module-h:before { background: #f5f6fa; } .module-h > * { margin-bottom: 31px; border-left: 31px solid rgba(0,0,0,0); } .module-h h1, .module-h h2, .module-h h3, .module-h h4, .module-h h5, .module-h h6 { color: #121212; font-size: 24px; font-weight: 900; } .module-h #section-add-review { width: 600px; } .module-h #section-add-review h1, .module-h #section-add-review h2, .module-h #section-add-review h3, .module-h #section-add-review h4, .module-h #section-add-review h5, .module-h #section-add-review h6 { padding-left: 28px; } .module-i { } .module-i > * { margin-bottom: 50px; } .module-i .column { width: 51%; padding-left: 47px; } .module-items { padding: 26px 23px 10px; box-shadow: 0 0 8px rgba(0,0,0,.2); } .module-items .title-a { margin-bottom: 35px; font-size: 22px; } .module-items .item { margin-bottom: 18px; padding-left: 115px; padding-bottom: 19px; border-bottom: 1px solid #e8e8e8; } .module-items .item figure { width: 115px; margin-bottom: auto; margin-left: -115px; padding: 5px; border: 1px solid #e8e8e8; text-align: center; } .module-items .item > div { float: left; width: 100%; padding-left: 25px; } .module-items .item .title { position: relative; margin-bottom: 1px; color: #979797; font-size: 14px; font-weight: 300; } .module-items .item .title > strong { display: block; margin-bottom: 15px; font-size: 16px; font-weight: 700; } .module-items .item .title a { color: #72e1c0; text-decoration: none; } .module-items .item .title > div { margin: 0!important; font-size: 14px; } .module-items .item .title > div > div { margin-bottom: 10px; } .module-items .item .title > div > div strong { display: inline-block; color: #3c3c3c; font-weight: 300; } [data-whatintent="mouse"] .module-items .item .title a:hover { text-decoration: underline; } .module-items .item .line { position: relative; z-index: 2; margin-left: -5px; margin-right: -5px; padding-right: 35px; color: #706f81; font-size: 15px; } .module-items .item .line > * { margin: 0 0 10px; padding: 0 5px; } .module-items .item .line .no { width: 195px; } .module-items .item .line .no .amount-a { margin-left: 30px; } .module-items .item .line .price { padding-right: 25px; color: #ee4e97; font-size: 24px; font-weight: 700; } .module-items .remove-btn { position: absolute; top: 26px; right: 0; line-height: 1.1; } .module-items .remove-btn a { display: block; float: right; position: relative; z-index: 4; width: 20px; height: 20px; margin-top: -10px; color: #ee4e97; font-size: 20px; } .module-items .remove-btn a:before { content: "\e918"; } [data-whatintent="mouse"] .module-items .remove-btn a:hover { color: #ee4e97; } .module-items > *:last-child { border-bottom-width: 0; } .module-latest { position: relative; z-index: 2; margin-bottom: 35px; padding: 35px 15px 0; } .module-latest:before { background: #f5f6fa; } .module-latest > *:last-child { margin-bottom: 32px; } .module-latest h1, .module-latest h2, .module-latest h3, .module-latest h4, .module-latest h5, .module-latest h6 { font-size: 24px; font-weight: 900; } .module-latest.a { padding-left: 0; padding-right: 0; } .module-latest.a .header-a { padding-left: 10px; } .module-map { margin-bottom: 105px; } .module-map iframe { width: 100%!important; height: 515px!important; } .module-news { margin-bottom: 25px; padding-left: 200px; color: #121212; font-size: 15px; font-weight: 400; line-height: 1.2; } .module-news header { width: 200px; margin-left: -200px; padding-right: 23px; color: #81839e; font-size: 13px; text-align: right; } .module-news h1, .module-news h2, .module-news h3, .module-news h4, .module-news h5, .module-news h6 { color: #72e1c0; font-size: 26px; } .module-news div { float: left; position: relative; z-index: 2; width: 100%; padding-top: 4px; padding-left: 67px; } .module-news div:before { content: "\e91c"; top: 15px; width: auto; margin-top: 0; color: #ffc900; font-size: 35px; } .module-news p { margin-bottom: 6px; } .module-news a { display: inline-block; position: relative; z-index: 2; padding-right: 31px; font-size: 16px; font-weight: 700; } .module-news a:before { content: "\e903"; left: auto; right: 0; width: auto; font-size: 10px; } .module-newsletter { position: relative; z-index: 2; color: #fff; padding: 55px 0px 53px; line-height: 1.2; } .module-newsletter:before { left: 50%; right: auto; width: 100vw; background: #121212; } .module-newsletter header { padding-right: 20px; } .module-newsletter h1, .module-newsletter h2, .module-newsletter h3, .module-newsletter h4, .module-newsletter h5, .module-newsletter h6 { margin-bottom: 8px; color: #fff; font-size: 24px; font-weight: 900; } .module-newsletter header p { margin-bottom: 15px; } .module-newsletter .form-newsletter { width: 100%; max-width: 680px; } .module-pattern { position: relative; z-index: 2; margin-bottom: 55px; padding-top: 50px; } .module-pattern:before { background: #f5f6fa; } .module-pattern h1, .module-pattern h2, .module-pattern h3, .module-pattern h4, .module-pattern h5, .module-pattern h6 { margin-bottom: 55px; font-size: 22px; } .module-products { margin-bottom: 33px; } .module-products .owl-stage-outer { margin: -10px; padding: 10px; } .module-products .owl-stage { position: relative; } .module-products .owl-nav { top: 30%; } .module-products .header-a { padding-left: 10px; } .module-sort { position: relative; z-index: 10; line-height: 1.1; } .module-sort h1, .module-sort h2, .module-sort h3, .module-sort h4, .module-sort h5, .module-sort h6 { margin-bottom: 14px; margin-right: 27px; font-size: 20px; } .module-sort p { margin-bottom: 14px; } .module-sort select { position: relative; z-index: 10; width: 195px; height: 39px; padding: 8.5px 34px 8.5px 20px; border: 1px solid #dedede; border-radius: 5px; background: #fff; cursor: pointer; } .module-sort select { background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2ZmMzI2MyIgZD0iTTI1NS40OTYgNDA2LjI5NmM2LjAxNiAwIDEyLjAyNS0xLjgwNSAxNi41MzMtNS4xMTNsMjI1LjQ0Mi0xNTAuMjkxYzguMTE4LTUuNDExIDEzLjUyOS0xNC40MzEgMTMuNTI5LTI0Ljk0OXYtOTAuMTc3YzAtMTYuNTM0LTEzLjUyOS0zMC4wNjMtMzAuMDYzLTMwLjA2My02LjAxMCAwLTEyLjAyMSAxLjgwNS0xNi41MjggNS4xMTNsLTIwOC45MTMgMTM5LjE3My0yMDguOTA3LTEzOS4xNzNjLTQuNTA4LTMuMzA4LTEwLjUxOC01LjExMy0xNi41MzQtNS4xMTMtMTYuNTI4IDAtMzAuMDU2IDEzLjUyOC0zMC4wNTYgMzAuMDYzdjkwLjE3N2MwIDEwLjUxOCA1LjQxIDE5LjUzOCAxMy41MjggMjQuOTQ5bDIyNS40NDIgMTUwLjI5MWM0LjUwNyAzLjMwOCAxMC41MTggNS4xMTMgMTYuNTI4IDUuMTEzeiI+PC9wYXRoPgo8L3N2Zz4K) 90% center no-repeat #fff; background-size: auto 11px; } .module-sort select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .module-size { margin-bottom: 10px; } .module-size h1, .module-size h2, .module-size h3, .module-size h4, .module-size h5, .module-size h6 { margin-bottom: 20px; margin-right: 15px; font-size: 15px; font-weight: 300; } .module-size ul { margin-bottom: 10px; font-weight: 400; line-height: 1.1; text-transform: uppercase; } .module-size li { margin: 0 11px 10px 0; } .module-size label { display: block; position: relative; z-index: 2; padding: 10px 12px; border: 1px solid #e8e7ed; border-radius: 5px; background: #e8e7ed; cursor: pointer; } .module-size label:before { display: none; content: "\e90c"; top: auto; bottom: -5px; left: auto; right: -5px; width: auto; background: #fff; color: #40ba9b; font-size: 15px; } .module-size input:checked + label { border-color: #40ba9b; background: #fff; color: #fe2249; } .module-size input:checked + label:before { display: block; } .module-text { margin-bottom: 30px; line-height: 1.5; } .module-text h1, .module-text h2, .module-text h3, .module-text h4, .module-text h5, .module-text h6 { margin-bottom: 8px; font-size: 24px; font-weight: 900; } .module-text a { font-weight: 700; } .module-text i { font-size: 52px; } .module-text i { background: rgb(254,34,72); background: -webkit-linear-gradient(90deg, rgba(254,34,72,1) 0%, rgba(252,16,133,1) 100%); background: linear-gradient(90deg, rgba(254,34,72,1) 0%, rgba(252,16,133,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .module-text .icon-d { float: left; margin: 0 28px 20px 0; } .module-text.a { padding-left: 10px; padding-right: 10px; line-height: 1.38; } .module-text.a h1, .module-text.a h2, .module-text.a h3, .module-text.a h4, .module-text.a h5, .module-text.a h6 { margin-bottom: 25px; } .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; } .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 .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav { position: absolute; top: 50%; left: 0; right: 0; z-index: 8; } .owl-nav button { display: block; opacity: .9; position: absolute; top: 0; left: -20px; width: 36px; height: 36px; margin-top: -18px; border: 0; background: none; color: #121212; text-indent: -9999em; outline: none; cursor: pointer; } .owl-nav button:before { content: "\e914"; font-size: 36px; } .owl-nav button.owl-next { left: auto; right: -20px; } .owl-nav button.owl-prev:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } [data-whatintent="mouse"] .owl-nav button:hover { color: #fd285f; } .owl-dots { position: relative; z-index: 10; padding-top: 14px; padding-bottom: 8px; } .owl-dots:before { background: #fff; } .owl-dots button { display: block; min-width: 0; width: 30px; height: 5px; margin: 0 6px 6px; padding: 0; border: 0; border-radius: 5px; box-shadow: none; background: #a1a1a1; cursor: pointer; outline: none; } .owl-dots button.active { width: 20px; background: #fd1474; } .page-navigation { position: relative; z-index: 2; margin-bottom: 34px; padding: 13.5px 0; font-size: 15px; line-height: 1.1; } .page-navigation:first-child { margin-top: -35px; } .page-navigation:before { border-bottom: 1px solid #dedede; } .page-navigation ul { position: relative; z-index: 2; margin: 0 -18px; } .page-navigation li { position: relative; padding: 0 18px; } .page-navigation li:before { content: "\e905"; position: absolute; top: 7px; left: auto; right: -5px; width: auto; color: #222; font-size: 6px; } .page-navigation a { color: #121212; } .page-navigation li:first-child a { color: #72e1c0; font-weight: 700; } .pagination-a { position: relative; z-index: 2; margin-bottom: 20px; padding-top: 12px; line-height: 1.1; } .pagination-a:before { background: #f5f6fa; } .module-about + .pagination-a { margin-top: -20px; } .pagination-a p { margin-bottom: 12px; } .pagination-a a { display: block; position: relative; z-index: 2; min-width: 27px; padding: 7px 3px; border: 1px solid transparent; border-radius: 4px; background: #fff; color: #121212; text-align: center; } [data-whatintent="mouse"] .pagination-a a:hover, .pagination-a .active a { border-color: #72e1c0; color: #72e1c0; font-weight: 700; } .pagination-a .prev a, .pagination-a .next a { border-color: #72e1c0; color: #ee4e97; } .pagination-a ul { margin-bottom: 7px; margin-left: 32px; } .pagination-a span { font-size: 18px; font-weight: 700; } .pagination-a li { margin: 0 2.5px 5px; } .pagination-a .prev { margin-right: 24px; } .pagination-a .no { margin-left: 18px; margin-right: 38px; } .pagination-a .prev a, .pagination-a .next a { min-height: 33px; font-size: 15px; } .pagination-a .prev a:before, .pagination-a .next a:before { width: auto; font-size: 10px; } [data-whatintent="mouse"] .pagination-a .prev a:hover, [data-whatintent="mouse"] .pagination-a .next a:hover { background: #72e1c0; color: #fff; font-weight: 300; } .pagination-a .prev a { padding-left: 38px; padding-right: 15px; } .pagination-a .prev a:before { content: "\e902"; left: 16px; } .pagination-a .next a { padding-left: 15px; padding-right: 38px; } .pagination-a .next a:before { content: "\e903"; left: auto; right: 16px; } .product-a { position: relative; z-index: 2; padding: 0 10px; } .product-a:before { top: -2px; bottom: -2px; left: -2px; right: -2px; border: 1px solid #e8e8e8; border-radius: 4px; background: #fff; } [data-whatintent="mouse"] .product-a:hover:before { top: -8px; bottom: -8px; left: -8px; right: -8px; } .product-a figure { overflow: hidden; margin: 0 -10px 19px; text-align: center; } [data-whatintent="mouse"] .product-a:hover img { -webkit-transform: rotate(-1deg) scale(1.1,1.1); transform: rotate(-1deg) scale(1.1,1.1); } .product-a .option { position: relative; z-index: 6; } .product-a .option p { position: absolute; top: -80px; left: 50%; } .product-a .option p > * { margin: 0 9px; } .product-a .option p > * { -webkit-transform: scale(0,0); transform: scale(0,0); } .product-a .option a { display: block; width: 55px; height: 46px; border: 1px solid #e8e8e8; border-radius: 8px; background: #fff; } [data-whatintent="mouse"] .product-a:hover .option p > * { -webkit-transform: scale(1,1); transform: scale(1,1); } .product-a button { display: block; position: relative; z-index: 2; width: 55px; height: 46px; border: 1px solid #ee4e97; border-radius: 8px; background: #fff; color: #ee4e97; font-size: 22px; text-indent: -9999em; cursor: pointer; } .product-a button:before { content: "\e907"; } [data-whatintent="mouse"] .product-a button:hover { background: #ee4e97; color: #fff; } .product-a h1, .product-a h2, .product-a h3, .product-a h4, .product-a h5, .product-a h6 { overflow: hidden; height: 58px; margin-bottom: 13px; font-size: 16px; font-weight: 400; line-height: 1.31; } .product-a a { display: block; color: #121212; } [data-whatintent="mouse"] .product-a a:hover { color: #ee4e97; } .product-a .prices { font-size: 22px; font-weight: 700; } .product-a .prices .default { margin-right: 10px; color:#262e34} .product-a .prices .promo { color: #ee4e97; } .product-a .prices .old { font-size: 17px; font-weight: 300; text-decoration: line-through;color:#262e34 } .product-a .availability { margin-bottom: 4px; font-size: 14px; font-weight: 500; } .product-a .available { color: #72e1c0; } .product-a .noavailable { color: #ee4e97; } .product-a .temporary { color: #b4b4b4; } .product-a .list-attr { position: absolute; top: 10px; left: 10px; right: 10px; } .product-a .ratings { height: 25px; } .product-b { position: relative; z-index: 2; padding: 2px; background: #fff; } .product-b figure { text-align: center; } .product-b h1, .product-b h2, .product-b h3, .product-b h4, .product-b h5, .product-b h6 { overflow: visible; } .product-b a:before { top: -3px; bottom: -3px; left: -3px; right: -3px; border: 3px solid #ee4e97; background: rgba(255,255,255,.52); } .product-b a:after { content: "\e903"; left: 50%; z-index: 11; width: 55px; height: 37px; margin-top: 0; margin-left: -27.5px; border: 1px solid #ee4e97; border-radius: 4px; background: #fff; font-size: 10px; } [data-whatintent="mouse"] .product-b a:hover:after { margin-top: -18.5px; } .product-c { position: relative; z-index: 2; padding-left: 113px; } .product-c:before { border-bottom: 2px solid #e8e8e8; } .product-c.selected:before { border-color: #fe2149; } .product-c > figure { width: 113px; margin-bottom: 8px; margin-left: -113px; padding-top: 8px; padding-right: 13px; 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: 13px; font-size: 14px; font-weight: 300; line-height: 1.14; } .product-c p { margin-bottom: 8px; } .product-c a { color: #706f81; } .product-c .price { position: relative; color: #ee4e97; font-weight: 700; } .product-c .select { position: absolute; top: 0; right: 30px; } .product-c .select label { display: block; position: relative; z-index: 2; padding-left: 26px; padding-right: 12px; color: #121212; font-size: 15px; font-weight: 300; cursor: pointer; } .product-c .select input { opacity: 0; position: absolute; top: 0; z-index: 4; width: 100%; height: 100%; cursor: pointer; } .product-c .select label:before { width: 17px; height: 18px; border: 1px solid #dedede; border-radius: 3px; background: #f5f6fa; color: #ee4e97; } .product-c .select input:checked + label { color: #ee4e97; } .product-c .select input:checked + label:before { content: "\e90c"; border-width: 0; background: none; } .product-d { margin-bottom: 11px; padding: 0 19px; } .product-d h1, .product-d h2, .product-d h3, .product-d h4, .product-d h5, .product-d h6 { margin-bottom: 8px; color: #72e1c0; font-size: 35px; line-height: 1.1; } .product-d h1 a, .product-d h2 a, .product-d h3 a, .product-d h4 a, .product-d h5 a, .product-d h6 a { display: block; padding-bottom: 5px; color: #121212; font-size: 17px; font-weight: 400; line-height: 1.24; } .product-d figure { overflow: hidden; max-height: 244px; margin: 0 -19px; text-align: center; } .product-d > div { position: relative; padding-top: 20px; } .product-d:hover img { -webkit-transform: rotate(-1deg) scale(1.1,1.1); transform: rotate(-1deg) scale(1.1,1.1); } .product-d .prices { margin-bottom: 38px; font-size: 28px; font-weight: 700; color:#262e34 } .product-d .prices .default { display: inline-block; margin-right: 10px; } .product-d .prices .promo { color: #ee4e97; } .product-d .prices .old { display: inline-block; font-size: 21px; font-weight: 400; text-decoration: line-through; } .product-d .link-btn { position: absolute; bottom: -20px; right: -5px; } .product-page { margin-left: -58px; margin-bottom:30px;} .product-page > * { float: left; width: 60%; padding-top: 16px; border-left: 58px solid rgba(0,0,0,0); } .product-page > *:first-child { width: 40%; padding-top: 0; } .rating-a { margin: 0 -12px 13px; line-height: 1.1; } .rating-a li { margin: 0 12px 4px; border-left-width: 0; } .rating-a .no { color: #43467b; } .rating-a .no span { font-size: 16px; font-weight: 700; } .rating-a .ratings { width: 95px; margin-left: 5px; padding-bottom: 5px; padding-left: 0; } .rating-a a { color: #ee4e97; font-size: 16px; } .rating-b { position: relative; display: block; float: left; width: auto!important; margin-bottom: 12px; padding-top: 5px; } .rating-b input { display: none; } .rating-b label { display: block!important; position: static; top: auto; left: auto; float: right; width: auto!important; margin: 0!important; padding: 0!important; } .rating-b label span { display: none; position: absolute; top: 10px; left: 190px; width: 140px; background: #fff; color: #5cc9a9; font-size: 18px; font-weight: 700; text-align: left; } .rating-b label:hover span, .rating-b input:checked + label span { display: block; } .rating-b label:before { content: ""; display: inline-block; width: 24px; height: 24px; margin: 0 5px; background: url(../images/stars.webp); } .rating-b > input:checked ~ label:before, .rating-b:not(:checked) > label:hover:before, .rating-b:not(:checked) > label:hover ~ label:before { background-position: 0 -23px; } .rating-b > input:checked + label:hover, .rating-b > input:checked ~ label:hover:before, .rating-b > label:hover ~ input:checked ~ label:before, .rating-b > input:checked ~ label:hover ~ label:before { background-position: 0 -46px; } .ratings { position: relative; width: auto; padding: 0; } .ratings .rating > *:before, .ratings .rating > * .fill { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } .ratings .rating { display: block; overflow: hidden; width: 95px; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em; } .ratings .rating > * { display: block; position: relative; z-index: 2; float: left; width: 15px; height: 14px; margin: 0 2px; } .ratings .rating > *:before, .ratings .rating > * .fill { z-index: 1; background: url(../images/ratings.webp); } .ratings .rating > * .fill { right: auto; z-index: 2; background-position: 0 -14px; } .ratings .label span { position: relative; top: -1px; font-size: 20px; font-weight: 400; } .selected-filters { position: relative; z-index: 2; color: #121212; font-size: 15px; line-height: 1.1; } .selected-filters:before { border-bottom: 1px solid #dedede; } .selected-filters h1, .selected-filters h2, .selected-filters h3, .selected-filters h4, .selected-filters h5, .selected-filters h6 { margin-bottom: 12px; margin-right: 30px; font-size: 20px; } .selected-filters .inner-a { margin-bottom: 6px; } .selected-filters .inner-a > * { margin-bottom: 6px; margin-right: 11px; padding: 10.5px 0 10.5px 14px; border: 1px solid #ee4e97; border-radius: 5px; } .selected-filters .inner-a p { margin-right: 14px; } .selected-filters .inner-a p:first-child { margin-right: 20px; } .selected-filters .inner-a a { display: block; position: relative; z-index: 2; padding-right: 41px; } .selected-filters .inner-a a:before { content: "\e918"; width: auto; left: auto; right: 0; font-size: 17px; } .slide-a { margin-bottom: 30px; padding-left: 22px; padding-right: 22px; } .slide-a .owl-stage-outer { margin: -10px; padding: 10px; } .slide-a .owl-stage { position: relative; margin-left: auto; margin-right: auto; } .slide-a .owl-nav button { left: -64px; } .slide-a .owl-nav button.owl-next { left: auto; right: -64px; } .user-info { max-width: 526px; margin: 0 auto 20px; } #root .user-info p { float: left; width: 50%; margin-bottom: 25px; padding-left: 18px; padding-right: 18px; } #root .user-info label { margin-bottom: 5px; padding-left: 20px; } .user-info .short { clear: right; max-width: 180px; } .user-info .short + .short { clear: left; } .user-info select { width: 100%; } .user-info.sh { margin-left: -18px; } .width-a { max-width: 525px; margin: 0 auto; padding-left: 60px; } .width-a .user-info { margin-left: -18px; } .width-b { padding-left: 65px; padding-right: 65px; } /*! Headers --------- */ .header-a { margin-bottom: 45px; font-size: 24px; font-weight: 900; } .header-b { margin-bottom: 25px; color: #72e1c0; font-size: 22px; } .header-b.a { color: #000; } .header-c { margin-bottom: 20px; color: #72e1c0; font-size: 16px; } .heading-a { margin-bottom: 20px; color: #121212; font-weight: 400; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { margin-bottom: 1px; font-size: 22px; } .heading-a p { line-height: 1.1; } /*! Content --------- */ .strong { font-weight: 700; } .em { font-style: italic; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .position-left { float: left; margin-right: 45px; } .position-right { float: right; margin-left: 45px; } .clear-left { clear: left; } #root .overlay-a { color: #72e1c0; } /*! Links --------- */ .link-ask { } .link-ask a { position: relative; z-index: 2; padding-left: 49px; } .link-ask a:before { content: "\e910"; width: auto; color: #72e1c0; font-size: 30px; } .ask-active .link-ask a { padding-left: 0; padding-right: 32px; } .ask-active .link-ask a:before { content: "\e918"; left: auto; right: 0; color: #72e1c0; font-size: 17px; } .link-btn { } .link-btn a { position: relative; z-index: 2; padding: 10.5px 16px; border: 1px solid #ee4e97; border-radius: 5px; background: #fff; color: #ee4e97; font-size: 15px; font-weight: 400; line-height: 1.1; } [data-whatintent="mouse"] .link-btn a:hover { background: #ee4e97; color: #fff; } .link-btn.a { } .link-btn.a a { padding-right: 51px; } .link-btn.a a:before { content: "\e901"; left: auto; right: 20px; width: auto; font-size: 10px; } .link-btn.b { } .link-btn.b a { background: #72e1c0; color: #fff; } [data-whatintent="mouse"] .link-btn.b a:hover { border-color: #68df73; background: #48b352; } .link-btn.c { } .link-btn.c a { padding-right: 51px; } .link-btn.c a:before { content: "\e903"; left: auto; right: 20px; width: auto; font-size: 10px; } .link-phone { position: relative; z-index: 2; } .link-phone a { font-size: 19px; font-weight: 500; } .link-phone a span { font-size: 16px; font-weight: 400; } .link-phone a span { display: inline-block; } .link-phone span { display: block; font-size: 14px; } .link-phone > span { color: #121212; } .link-phone.a { margin-bottom: 34px; padding-left: 80px; color: #121212; font-weight: 400; line-height: 1; } .link-phone.a:before { content: "\e915"; left: 12px; width: auto; color: #72e1c0; font-size: 36px; } .link-phone.a a, #footer .link-phone.a a { color: #72e1c0; font-size: 17px; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /*! Lists --------- */ .list-a, #footer .list-a { margin-left: -11px; margin-right: -11px; line-height: 1.1; } #footer .list-a { padding-left: 9px; } .list-a li, #footer .list-a li { margin-left: 11px; margin-right: 11px; padding-left: 0; } .list-a a, #footer .list-a a { display: block; padding: 11px 30px; border: 1px solid #72e1c0; border-radius: 5px; color: #72e1c0; font-size: 14px; } [data-whatintent="mouse"] .list-a a:hover, [data-whatintent="mouse"] #footer .list-a a:hover { background: #72e1c0; color: #fff; } .list-a .social-facebook { } .list-a .social-facebook a, #footer .social-facebook a { width: 49px; height: 39px; padding: 0; border-color: #3b5998; color: #3b5998; font-size: 26px; } [data-whatintent="mouse"] .list-a .social-facebook a:hover, [data-whatintent="mouse"] #footer .social-facebook a:hover { background: #3b5998; } .list-aside { } .list-aside h1, .list-aside h2, .list-aside h3, .list-aside h4, .list-aside h5, .list-aside h6 { margin-bottom: 10px; font-size: 24px; font-weight: 900; } .list-aside a { font-weight: 700; } .list-aside i { float: left; margin: 0 22px 12px 0; font-size: 52px; } .list-aside i { background: rgb(254,34,72); background: -webkit-linear-gradient(90deg, rgba(254,34,72,1) 0%, rgba(252,16,133,1) 100%); background: linear-gradient(90deg, rgba(254,34,72,1) 0%, rgba(252,16,133,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .list-aside li { position: relative; z-index: 2; margin-bottom: 40px; padding-bottom: 15px; padding-top: 25px; } .list-aside li > * { width: 50%; } .list-aside li > div { padding-right: 50px; } .list-aside li > figure { margin-bottom: auto; } .list-aside li:nth-child(2n+2) { padding-top: 25px; -webkit-flex-direction: row; flex-direction: row; } .list-aside li:nth-child(2n+2):before { background: #f5f6fa; } .list-aside li:nth-child(2n+2) > div { padding-left: 50px; padding-right: 0; } .list-attr { position: relative; z-index: 2; margin-left: -5px; margin-right: -5px; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.1; } .list-attr li { margin: 0 5px 5px; padding: 5px 12px; border: 2px solid #fff; border-radius: 7px; } .list-attr .discount-a { padding-left: 6px; padding-right: 6px; background: #ee4e97; } .list-attr .bestseller { background: #cb88ff; color: #fff; } .list-attr .new { background: #5cc9a9; } .list-attrs { margin-bottom: 0; } .list-b { width: 100%; max-width: 390px; margin-bottom: 30px; margin-top: 42px; line-height: 1.3; } .list-b li { position: relative; margin-bottom: 14px; padding-bottom: 9px; padding-right: 65px; border-bottom: 1px solid #dedede; } .list-b li:last-child { border-width: 0; } .list-b small { display: block; font-size: 14px; } .list-b span { position: absolute; top: 0; right: 0; color: #33355d; font-weight: 700; } [data-whatintent="mouse"] .list-b li:hover span { color: #72e1c0; } .list-blog { margin-bottom: 18px; margin-left: -17px; font-size: 15px; line-height: 1.27; } .list-blog li { position: relative; z-index: 2; width: 25%; margin-bottom: 20px; padding: 0 14px; border-left: 17px solid rgba(0,0,0,0); } .list-blog figure { overflow: hidden; height: 300px; margin: 0 -14px 19px; text-align: center; } [data-whatintent="mouse"] .list-blog li:hover figure img { -webkit-transform: rotate(-1deg) scale(1.1,1.1); transform: rotate(-1deg) scale(1.1,1.1); } .list-blog p { margin-bottom: 15px; } .list-blog .date { margin-bottom: 10px; font-size: 14px; } .list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 { overflow: hidden; margin-bottom: 9px; height: 40px; font-size: 16px; font-weight: 500; } .list-blog a:after { top: -2px; bottom: -2px; left: -2px; right: -2px; border: 1px solid #e8e8e8; border-radius: 4px; background: #fff; } [data-whatintent="mouse"] .list-blog li:hover a:after { top: -8px; bottom: -8px; left: -8px; right: -8px; } .list-c { max-width: 740px; margin-left: auto; margin-right: auto; } .list-c li { width: 50%; margin-bottom: 10px; padding-left: 25px; padding-right: 25px; } .list-c a { display: block; padding: 10px; border: 0; border-radius: 4px; color: #fff; font-size: 18px; font-weight: 700; text-align: center; } .list-c a { background: rgb(254,34,71); background: -webkit-linear-gradient(90deg, rgba(254,34,71,1) 0%, rgba(252,15,135,1) 51%, rgba(29,34,118,1) 100%); background: linear-gradient(90deg, rgba(254,34,71,1) 0%, rgba(252,15,135,1) 51%, rgba(29,34,118,1) 100%); background-size: 210% auto; } [data-whatintent="mouse"] .list-c a:hover { background-position: 100% 0; background-size: 300% auto; } .list-categories { margin: 0 0 27px -11px; } .list-categories li { position: relative; width: 20%; margin-bottom: 11px; border-left: 11px solid rgba(0,0,0,0); } .list-categories figure { overflow: hidden; position: relative; z-index: 2; } .list-categories figure:before { background: rgba(112,187,219,.46); } [data-whatintent="mouse"] .list-categories li:hover img { -webkit-transform: rotate(-1deg) scale(1.1,1.1); transform: rotate(-1deg) scale(1.1,1.1); } .list-categories h1, .list-categories h2, .list-categories h3, .list-categories h4, .list-categories h5, .list-categories h6 { position: absolute; top: 50%; left: 50%; z-index: 4; padding: 5px 10px; font-size: 24px; font-weight: 900; text-align: center; } [data-whatintent="mouse"] .list-categories li:hover h1, [data-whatintent="mouse"] .list-categories li:hover h2, [data-whatintent="mouse"] .list-categories li:hover h3, [data-whatintent="mouse"] .list-categories li:hover h4, [data-whatintent="mouse"] .list-categories li:hover h5, [data-whatintent="mouse"] .list-categories li:hover h6 { background: #72e1c0; } .list-categories a { color: #fff; } .list-checkbox { margin: 0 -15px 10px 0; padding-top: 20px; color: #706f81; line-height: 1.1; } .list-checkbox li { position: relative; margin: 0 15px 10px 0; padding-right: 30px; border-right: 1px solid #ddd; } .list-checkbox a { position: relative; display: block; padding-left: 25px; padding-right: 40px; color: #000; text-decoration: none; } [data-whatintent="mouse"] .list-checkbox a:hover { text-decoration: underline; } .list-checkbox a:before { width: 15px; height: 15px; margin-top: -8px; border: 1px solid #c6c6c6; border-radius: 5px; } .list-checkbox .fwachk a { color: #ee4e97; } .list-checkbox .fwachk a:before { overflow: visible; content: "\e90c"; border-width: 0; color: #ee4e97; font-size: 13px; } .list-checkbox span { position: absolute; top: 0; right: 15px; color: #858585; font-size: 14px; } .list-comments { color: #706f81; font-size: 15px; } .list-comments li { margin-bottom: 2px; } .header-comment p { margin-bottom: 10px; } .list-comments .comment-a { margin-bottom: 8px; padding: 20px 13px 0 25px; background: #fff; } .list-comments .comment-b { width: 80%; float: right; margin-bottom: 8px; padding: 20px 13px 0 25px; background: #fff; text-align: right } .list-comments .comment-b h1, .list-comments .comment-b h2, .list-comments .comment-b h3, .list-comments .comment-b h4, .list-comments .comment-b h5, .list-comments .comment-b h6 { margin-bottom: 4px; color: #ee4e97; font-size: 16px; font-weight: 400; } .list-comments .date { margin-bottom: 5px; color: #81839e; font-size: 13px; text-align: right; } .list-comments .ratings { margin-top: -2px; margin-right: 20px; } .list-comments .author { color: #121212; font-size: 16px; font-weight: 400; } .list-d { margin-bottom: 4px; margin-left: -90px; font-size: 15px; } .list-d > li { border-left: 90px solid rgba(0,0,0,0); } .list-d > li > span { margin-left: 20px; font-size: 16px; font-weight: 700; } .list-d .available { color: #72e1c0; } .list-d .noavailable { color: #ee4e97; } .list-d .temporary { color: #b4b4b4; } .list-d .ratings { padding-top: 2px; } .list-doc { margin-bottom: 10px; margin-left: -27px; margin-right: -27px; color: #3c3c3c; } .list-doc li { margin: 0 27px 14px; } .list-doc label { display: inline-block; position: relative; z-index: 2; padding: 2px 0 2px 35px; cursor: pointer; } .list-doc label:before { width: 18px; height: 18px; margin-top: -9px; border: 1px solid #dedede; border-radius: 5px; background: #f5f6fa; color: #ee4e97; font-size: 15px; cursor: pointer; } .list-doc input:checked + label, .list-doc input:checked + strong label { color: #ee4e97; font-weight: 700; } .list-doc input:checked + label:before, .list-doc input:checked + strong label:before { content: "\e90c"; border-width: 0; background: none; } .list-e { margin-left: -45px; color: #33355d; font-size: 15px; font-weight: 400; line-height: 1.6; } .list-e li { position: relative; z-index: 2; width: 50%; padding-left: 73px; border-left: 45px solid rgba(0,0,0,0); } .list-e h1, .list-e h2, .list-e h3, .list-e h4, .list-e h5, .list-e h6 { margin-bottom: 1px; font-size: 32px; font-weight: 900; } .list-e h1 span, .list-e h2 span, .list-e h3 span, .list-e h4 span, .list-e h5 span, .list-e h6 span { font-size: 22px; font-weight: 400; } .list-e i { position: absolute; top: 5px; left: 0; width: 60px; font-size: 52px; } .list-e i { background: rgb(254,34,72); background: -webkit-linear-gradient(90deg, rgba(254,34,72,1) 0%, rgba(252,16,133,1) 100%); background: linear-gradient(90deg, rgba(254,34,72,1) 0%, rgba(252,16,133,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .list-e p { margin-bottom: 20px; } .list-e .link-btn { margin-top: 36px; } .list-e .code { margin-bottom: 20px; } .list-e.a { margin-left: -65px; font-size: 16px; font-weight: 300; } .list-e.a li { width: 32.5%; padding-left: 0; padding-right: 45px; padding-top: 85px; border-left-width: 65px; } .list-e.a li:first-child { width: 35%; } .list-e.a li:last-child:before { border-width: 0; } .list-e.a li > *:last-child { margin-bottom: 4px; } .list-e.a li:before { border-right: 1px solid #dedede; } .list-e.a h1, .list-e.a h2, .list-e.a h3, .list-e.a h4, .list-e.a h5, .list-e.a h6 { margin-bottom: 15px; } .list-e.a i { top: 12px; left: 0; } .list-f form { margin: 0 -6px 10px; } .list-f form div { margin: 0 6px 10px; } .list-f img { max-height: 130px; } .list-feature { margin-bottom: 12px; margin-left: -125px; color: #706f81; font-size: 15px; } .list-feature li { position: relative; z-index: 2; width: 50%; padding-right: 100px; margin-bottom: 13px; padding-top: 13px; border-left: 125px solid rgba(0,0,0,0); } .list-feature li:before { border-top: 1px solid #dedede; } .list-feature span { position: absolute; top: 10px; right: 0; color: #121212; font-size: 16px; font-weight: 400; } .list-logo { margin: 0 -21px 14px; } .list-logo li { margin: 0 21px 10px; } .module-c .list-logo li:nth-last-child(2) { margin-left: auto; } .module-c .list-logo li:nth-last-child(1) { margin-bottom: -2px; } .list-logo.a { margin-left: -15px; margin-right: -15px; } .list-logo.a li { margin-left: 15px; margin-right: 15px; } .list-logo.clone { margin-left: 0; margin-right: 0; text-align: center; } .list-logo.clone li { margin: 0 0 10px; } .list-logo.clone li:nth-last-child(2) { margin-left: 0; } .list-logo.clone li:nth-last-child(1) { margin-bottom: 0; } .list-logo.clone .owl-stage-outer { margin: -10px; padding: 10px; } .list-logo.clone .owl-stage { position: relative; margin-left: auto; margin-right: auto; } .list-select { margin-bottom: 32px; color: #706f81; line-height: 1.1; } .list-select li { position: relative; z-index: 2; margin-bottom: 7px } .list-select label { display: block; position: relative; z-index: 2; padding: 15.5px 80px 15.5px 167px; border: 1px solid #e8e8e8; border-radius: 8px; font-size: 15px; cursor: pointer; } [data-whatintent="mouse"] .list-select label:hover { border-color: #627396; } .list-select label:before { left: 13px; width: 18px; height: 18px; margin-top: -9px; border: 1px solid #dedede; border-radius: 5px; background: #f5f6fa; color: #52a97b; font-size: 15px; cursor: pointer; } .list-select input:checked + label, .list-select input:checked + strong label, .list-select input:checked ~ .price { color: #72e1c0; font-weight: 700; } .list-select input:checked + label, .list-select input:checked + strong label { border-color: #72e1c0!important; } .list-select input:checked + label:before, .list-select input:checked + strong label:before { content: "\e90c"; border-width: 0; background: none; color: #72e1c0; } .list-select .price { position: absolute; top: 16px; right: 13px; z-index: 4; width: 80px; text-align: right; } .list-select label:after { position: absolute; top: 50%; left: 56px; width: 100px; height: 46px; background-repeat: no-repeat; background-position: 0 50%; } .list-select label[for="przesylka37"]:after { background-image: url(../images/content/dpd-a.webp); } .list-select label[for="przesylka38"]:after { background-image: url(../images/content/dpd-a.webp); } .list-select label[for="przesylka29"]:after { background-image: url(../images/content/dpd-a.webp); } .list-select label[for="przesylka25"]:after { background-image: url(../images/content/dpd-a.webp); } .list-select label[for="przesylka26"]:after { background-image: url(../images/content/dpd-a.webp); } .list-select label[for="przesylka23"]:after { background-image: url(../images/content/inpost-a.webp); } .list-social { margin: 0 -7px 13px; font-size: 20px; line-height: 1; } .list-social li { margin: 0 7px 10px; } .list-social a { padding: 7px 10px; } .list-social .icon-facebook { color: #4064ac; } .list-social .icon-youtube { color: #ee4e97; } .list-social .icon-twitter { color: #1d9ceb; } .list-social .icon-instagram { background: linear-gradient(45deg, #f1d21d 0%, #e82620 50%, #9b68c0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*! 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; } .check-a { display: block; margin: 0 auto 25px; } .check-a p { padding: 10px 15px; border: 1px solid #72e1c0; border-radius: 5px; background: #fff; } .check-a span { color: #72e1c0; font-weight: 700; } .check-a label { display: block; position: relative; z-index: 2; padding: 0 0 0 30px; font-size: 15px; line-height: 1.1; cursor: pointer; } .check-a label:before { width: 18px; height: 18px; margin-top: -9px; border: 1px solid #dedede; border-radius: 5px; background: #f5f6fa; color: #52a97b; font-size: 15px; cursor: pointer; } .check-a input:checked + label { color: #000; text-decoration: underline; } .check-a input:checked + label:before { content: "\e90c"; border-width: 0; background: none; } .form-a { font-size: 15px; line-height: 1.1; } .form-a p { margin-bottom: 10px; } .form-a label { display: block; margin-bottom: 8px; } .form-a input, .form-a textarea { width: 100%!important; height: 39px; padding: 0 15px; border: 1px solid #dedede; border-radius: 4px; } .form-a textarea { height: 150px; min-height: 150px; padding-top: 10px; padding-bottom: 10px; } .form-a button { float: right; min-width: 269px; margin-top: 2px; padding: 10px 15px; border: 0; border-radius: 4px; color: #fff; font-size: 18px; font-weight: 700; cursor: pointer; } .form-a button { background: #ee4e97; background-size: 210% auto; } [data-whatintent="mouse"] .form-a button:hover { background:#72e1c0; background-position: 100% 0; background-size: 300% auto; } .form-a input[type="email"], .form-a input[name="umail"], .form-a input[name="email"], .form-a input[name="klient_email"] { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNmZTIyNDciIGQ9Ik00NjcsODAuNjA5SDQ1Yy0yNC44MTMsMC00NSwyMC4xODctNDUsNDV2MjYwLjc4MmMwLDI0LjgxMywyMC4xODcsNDUsNDUsNDVoNDIyYzI0LjgxMywwLDQ1LTIwLjE4Nyw0NS00NVYxMjUuNjA5CgkJCUM1MTIsMTAwLjc5Niw0OTEuODEzLDgwLjYwOSw0NjcsODAuNjA5eiBNNDYxLjEyNywxMTAuNjA5bC02LjAwNiw1LjAwMUwyNzMuODU0LDI2Ni41NTFjLTEwLjM0Niw4LjYxNC0yNS4zNjQsOC42MTQtMzUuNzA4LDAKCQkJTDU2Ljg3OSwxMTUuNjFsLTYuMDA2LTUuMDAxSDQ2MS4xMjd6IE0zMCwxMzIuMjY3TDE3Ny42OTIsMjU1LjI1TDMwLDM1My41NDNWMTMyLjI2N3ogTTQ2Nyw0MDEuMzkxSDQ1CgkJCWMtNy4yNDgsMC0xMy4zMS01LjE2OC0xNC42OTktMTIuMDExbDE3MS40NDUtMTE0LjEwMWwxNy4yMDQsMTQuMzI2YzEwLjczNCw4LjkzOCwyMy44OTMsMTMuNDA3LDM3LjA1MSwxMy40MDcKCQkJYzEzLjE1OCwwLDI2LjMxNi00LjQ2OSwzNy4wNTEtMTMuNDA3bDE3LjIwNC0xNC4zMjZsMTcxLjQ0NCwxMTQuMUM0ODAuMzEsMzk2LjIyNCw0NzQuMjQ4LDQwMS4zOTEsNDY3LDQwMS4zOTF6IE00ODIsMzUzLjU0MwoJCQlsLTE0Ny42OTItOTguMjkyTDQ4MiwxMzIuMjY3VjM1My41NDN6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) 94% center no-repeat #fff; background-size: auto 19px; } .form-a input[name="telefon"] { background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyLjAyMSA1MTIuMDIxIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMi4wMjEgNTEyLjAyMSIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48cGF0aCBmaWxsPSIjZmUyMjQ3IiBkPSJtMzY3Ljk4OCA1MTIuMDIxYy0xNi41MjggMC0zMi45MTYtMi45MjItNDguOTQxLTguNzQ0LTcwLjU5OC0yNS42NDYtMTM2LjEyOC02Ny40MTYtMTg5LjUwOC0xMjAuNzk1cy05NS4xNS0xMTguOTEtMTIwLjc5NS0xODkuNTA4Yy04LjI0MS0yMi42ODgtMTAuNjczLTQ2LjEwOC03LjIyNi02OS42MTIgMy4yMjktMjIuMDE2IDExLjc1Ny00My4zODkgMjQuNjYzLTYxLjgwOSAxMi45NjMtMTguNTAxIDMwLjI0NS0zMy44ODkgNDkuOTc3LTQ0LjUgMjEuMDQyLTExLjMxNSA0NC4wMDktMTcuMDUzIDY4LjI2NS0xNy4wNTMgNy41NDQgMCAxNC4wNjQgNS4yNzEgMTUuNjQ1IDEyLjY0N2wyNS4xMTQgMTE3LjE5OWMxLjEzNyA1LjMwNy0uNDk0IDEwLjgyOS00LjMzMSAxNC42NjdsLTQyLjkxMyA0Mi45MTJjNDAuNDgyIDgwLjQ4NiAxMDYuMTcgMTQ2LjE3NCAxODYuNjU2IDE4Ni42NTZsNDIuOTEyLTQyLjkxM2MzLjgzOC0zLjgzNyA5LjM2MS01LjQ2NiAxNC42NjctNC4zMzFsMTE3LjE5OSAyNS4xMTRjNy4zNzcgMS41ODEgMTIuNjQ3IDguMTAxIDEyLjY0NyAxNS42NDUgMCAyNC4yNTYtNS43MzggNDcuMjI0LTE3LjA1NCA2OC4yNjYtMTAuNjExIDE5LjczMi0yNS45OTkgMzcuMDE0LTQ0LjUgNDkuOTc3LTE4LjQxOSAxMi45MDYtMzkuNzkyIDIxLjQzNC02MS44MDkgMjQuNjYzLTYuODk5IDEuMDEzLTEzLjc5NyAxLjUxOC0yMC42NjggMS41MTl6bS0yMzYuMzQ5LTQ3OS4zMjFjLTMxLjk5NSAzLjUzMi02MC4zOTMgMjAuMzAyLTc5LjI1MSA0Ny4yMTctMjEuMjA2IDMwLjI2NS0yNi4xNTEgNjcuNDktMTMuNTY3IDEwMi4xMzIgNDkuMzA0IDEzNS43MjYgMTU1LjQyNSAyNDEuODQ3IDI5MS4xNTEgMjkxLjE1MSAzNC42NDEgMTIuNTg0IDcxLjg2NiA3LjY0IDEwMi4xMzItMTMuNTY3IDI2LjkxNS0xOC44NTggNDMuNjg1LTQ3LjI1NiA0Ny4yMTctNzkuMjUxbC05NS4zNDEtMjAuNDMtNDQuODE2IDQ0LjgxNmMtNC43NjkgNC43NjktMTIuMDE1IDYuMDM2LTE4LjExNyAzLjE2OC05NS4xOS00NC43Mi0xNzIuMjQyLTEyMS43NzItMjE2Ljk2Mi0yMTYuOTYyLTIuODY3LTYuMTAzLTEuNjAxLTEzLjM0OSAzLjE2OC0xOC4xMTdsNDQuODE2LTQ0LjgxNnoiLz48L2c+PC9zdmc+) 94% center no-repeat #fff; background-size: auto 16px; } .form-footer { max-width: 435px; margin: 0 auto 17px; color: #838292; font-size: 15px; line-height: 1.2; } .form-footer table { width: auto; margin: 0!important; } .form-footer td { position: relative; z-index: 2; padding-bottom: 10px; } .form-footer td:first-child { vertical-align: top; } .form-footer input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; width: 30px; height: 20px; opacity: 0; cursor: pointer; } .form-footer .input { position: relative; z-index: 2; width: 18px; height: 18px; margin-top: -2px; border: 1px solid #dedede; border-radius: 5px; background: #f5f6fa; color: #52a97b; font-size: 15px; cursor: pointer; } .form-footer input:checked + .input { border-width: 0; background: none; } .form-footer input:checked + .input:before { content: "\e90c"; } .form-footer label { display: block; padding-left: 10px; text-transform: none; cursor: pointer; } .form-newsletter { margin-left: -6px; margin-right: -6px; } .form-newsletter input { width: 100%; min-width: 100px; height: 41px; border: 0; padding: 0 15px; } .form-newsletter button { padding: 16.5px 35px; border: 0; border-radius: 5px; background: #ee4e97; color: #fff; font-size: 17px; font-weight: 700; line-height: 1.1; cursor: pointer; } .form-newsletter p { margin: 0 6px 5px; } .form-newsletter p:first-child { min-width: 300px; padding: 5px 5px 0; border: 1px solid #121212; border-radius: 5px; background: #fff; } .form-newsletter p:first-child > * { margin-bottom: 4px; } .form-newsletter p:first-child button { padding: 11.5px 22px; background: #f5f6fa; color: #797db3; font-size: 15px; font-weight: 300; } [data-whatintent="mouse"] .form-newsletter button:hover { border-color: #72e1c0; background: #72e1c0; color: #fff; } .form-search { position: relative; z-index: 10; width: 100%; border: 1px solid #acacac; border-radius: 5px; background: #fff; } .form-search p { position: relative; z-index: 2; padding-right: 42px; } .form-search input { width: 100%; min-width: 10px; height: 42px; padding: 0 16px; border: 0; border-radius: 5px; background: #fff; color: #6d7388; font-size: 15px; font-style: italic; } .form-search button { position: absolute; top: 0; right: 0; width: 42px; height: 42px; border: 0; border-radius: 5px; background: none; text-indent: -9999em; cursor: pointer; } .form-search button:before { content: "\e909"; background: none; color: #72e1c0; font-size: 20px; text-indent: 0; } .submit-btn { margin-bottom: 45px; text-align: center; } .submit-btn button { position: relative; z-index: 2; padding: 19px 55px 19px 34px; border: 0; border-radius: 4px; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.1; cursor: pointer; } .submit-btn button:before { content: "\e903"; left: auto; right: 29px; width: auto; font-size: 10px; } .submit-btn button { background:#ee4e97; background-size: 210% auto; } [data-whatintent="mouse"] .submit-btn button:hover { background:#72e1c0; background-position: 100% 0; background-size: 300% auto; } /*! 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; transform-origin: center center; } option { transition: none; } .clear { clear: both; } #mobile-bar .fav .name, #mobile-bar .cart .name, .list-social span,.link-ask span + span, .ask-active .link-ask span, #ask-product, .list-feature li:nth-child(1):before, .list-feature li:nth-child(2):before, .box-filter, .list-a span, #footer .list-a li:before, .list-logo.clone, .module-latest.hide, .module-latest .owl-dots, .page-navigation li:last-child:before, .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .module-size input, .module-items .remove-btn a img, .list-select input, .list-doc input, .check-a input, #mobile-bar ul:after, #menu-icon, #panel .contact .drop, #panel .fav.empty a:after, #panel .fav.empty .name, .module-featured .owl-dots, .module-additional .owl-dots, .product-c .select label span + span, .product-c .select input:checked + label span, .module-products .owl-dots, .list-logo.clone .owl-dots, .list-logo.clone .owl-nav, [hidden], template { display: none; } [data-whatintent="mouse"] #panel .contact:hover .drop, .list-social a, .product-c .select input:checked + label span + span, .list-logo.clone, article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .module-items .item .line, .check-a p, #nav > ul > li, #mobile-bar li, #menu-icon, #panel .contact > p, #panel .contact p, .form-search p, #panel .list-social, #panel .list-social li, #panel p, .module-news h1, .module-news h2, .module-news h3, .module-news h4, .module-news h5, .module-news h6, .product-d .link-btn, .module-featured figure, .list-categories figure, .list-e.a, .list-aside, .list-comments, .list-e li, .module-g .list-logo.a, .module-gallery .main-pic figure, .module-description li, .selected-filters .inner-a > * > *, .product-a .option p, .product-a .ratings, .product-a .list-attr, .module-about.a .link-btn, .module-about.a > *:last-child, .module-about > figure, .module-latest .list-blog, #content > .pagination-a:last-child, #footer > ul li, #footer > ul, .product-b h1, .product-b h2, .product-b h3, .product-b h4, .product-b h5, .product-b h6, .product-b figure, #content > .module-latest:last-child, .page-navigation li, ul ul, ul ol, ol ol, ol ul, #logo, #root .m0 { margin-bottom: 0; } #mobile, #shadow { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } .submit-btn button, .mobile-search, #mobile-bar, #panel .fav a:after, #mKoszyk a:after, #mKoszyk a, .product-d img, .list-categories img, .module-add .no button, .filters-box .name:before, .product-a .option p > *, .product-a img, .product-a:before, .list-c a, .list-blog a:after, .list-blog figure img, .module-aside > figure img, .owl-dots button, .owl-nav button, .product-b a:after, .product-b a:before, .form-a button, .qwer { transition: all .4s linear; -webkit-transition-delay: -.1s; } .module-featured.is-slider, .module-products.is-slider, .slide-a.is-slider, .ask-active #ask-product, .ask-active .link-ask span + span { position: relative; top: auto; left: auto; } .module-featured, .slide-a, .ask-active .product-page .module-f { position: absolute; top: -300em; left: -3000em; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #666; background: none; font-size: 0; } .module-featured p + h1, .module-featured p + h2, .module-featured p + h3, .module-featured p + h4, .module-featured p + h5, .module-featured p + h6, .list-e .link-btn:first-child, .product-a p + h1, .product-a p + h2, .product-a p + h3, .product-a p + h4, .product-a p + h5, .product-a p + h6, .list-blog p + h1, .list-blog p + h2, .list-blog p + h3, .list-blog p + h4, .list-blog p + h5, .list-blog p + h6, .list-b:first-child, .module-aside p + h1, .module-aside p + h2, .module-aside p + h3, .module-aside p + h4, .module-aside p + h5, .module-aside p + h6, .module-aside ul + h1, .module-aside ul + h2, .module-aside ul + h3, .module-aside ul + h4, .module-aside ul + h5, .module-aside ul + h6 { margin-top: 0; } #root .m20 { margin-bottom: 20px; } #root .m35 { margin-bottom: 35px; } #root .m55 { margin-bottom: 55px; } /*! 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: #72e1c0; color: #fff; text-shadow: none; } ::-moz-selection { background: #72e1c0; 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; } /*! Animations --------- */ [data-whatintent="mouse"] .module-items .remove-btn a:hover, [data-whatintent="mouse"] .form-search button:hover:before, [data-whatintent="mouse"] #panel .fav a:hover:before, [data-whatintent="mouse"] #panel .user a:hover, [data-whatintent="mouse"] .list-social a:hover, [data-whatintent="mouse"] #mKoszyk a:hover:before, [data-whatintent="mouse"] .module-news div:hover:before, [data-whatintent="mouse"] .module-news a:hover:before, [data-whatintent="mouse"] .list-e li:hover i, [data-whatintent="mouse"] .link-ask a:hover:before, [data-whatintent="mouse"] .module-add .no figure a:hover, [data-whatintent="mouse"] .module-add .no button:hover:before, [data-whatintent="mouse"] .module-gallery .slick-arrow:hover, [data-whatintent="mouse"] .selected-filters .inner-a a:hover:before, [data-whatintent="mouse"] .product-a .option p > *:hover, [data-whatintent="mouse"] .module-d:hover:before, [data-whatintent="mouse"] #footer nav li:hover:before, [data-whatintent="mouse"] .list-logo li: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"] .submit-btn button:hover, [data-whatintent="mouse"] .module-featured a:hover, [data-whatintent="mouse"] .form-newsletter button:hover, [data-whatintent="mouse"] .module-add .no button:hover, [data-whatintent="mouse"] .product-c:hover > figure, [data-whatintent="mouse"] .filters-box .prices button:hover, [data-whatintent="mouse"] .list-c a:hover, [data-whatintent="mouse"] .list-a a:hover, [data-whatintent="mouse"] #footer .list-a a:hover, [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] .owl-nav button:hover, [data-whatintent="mouse"] .form-a button:hover { -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"] #panel .contact:hover > p > a:before, [data-whatintent="mouse"] .link-phone.a:hover:before { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes pop {50% { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes pop {50% { -webkit-transform: scale(1.3); transform: scale(1.3); } } @-webkit-keyframes popA {50% { -webkit-transform: scale(0.95); transform: scale(0.95); } } @keyframes popA {50% { -webkit-transform: scale(0.95); transform: scale(0.95); } } @-webkit-keyframes popB {50% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @keyframes popB {50% { -webkit-transform: scale(1.6); transform: scale(1.6); } } @-webkit-keyframes rotate {10% { -webkit-transform: scale(1.9) rotate(360deg); transform: scale(1.9) rotate(360deg); } } @keyframes rotate {10% { -webkit-transform: scale(1.9) rotate(360deg); transform: scale(1.9) rotate(360deg); } } @-webkit-keyframes sc {50%, 100% { -webkit-transform: scale(0.1) rotate(30deg) translateY(60px); transform: scale(0.1) rotate(30deg) translateY(60px); } } @keyframes sc {50%, 100% { -webkit-transform: scale(0.1) rotate(30deg) translateY(60px); transform: scale(0.1) rotate(30deg) translateY(60px); } } @-webkit-keyframes bounce {50% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 75% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } } @keyframes bounce {50% { -webkit-transform: rotate(20deg); transform: rotate(20deg); } 75% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } } @-webkit-keyframes pulse {50% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { scale(1.3); transform: scale(1.1); } } @keyframes pulse {50% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { scale(1.3); transform: scale(1.1); } } /*! Flexbox --------- */ .module-size, .module-size ul, .module-size div, .list-f form, .module-gallery .gallery-thumbs, .module-catalog.a, .module-products.a, .list-blog figure, .module-items .item > div, .module-items .item .line .no, .module-items .item .line, .module-items .item, .module-i, .list-doc, .module-doc, .module-cart .sum, .check-a, .module-cart .lang div, #nav > ul, #mobile-bar ul, .list-social, #panel, .module-news, .product-d, .module-featured ul, .module-featured header, .list-categories, .module-newsletter, .form-newsletter, .form-newsletter p, .list-aside li, .module-h, .list-comments .header-comment, .list-e, .module-add .no figure a, .module-add .no, .module-add, .module-additional .owl-stage, .product-c, .module-g, .rating-a, .list-d, .list-feature, .list-checkbox, #filters, .filters-box .prices, #filters, .selected-filters .inner-a > *, .selected-filters .inner-a, .selected-filters, .module-filters .inside, .module-sort, .product-a .option a, .product-a .option p, .list-attr, .module-catalog form, .module-products form, .list-c, .list-blog, .pagination-a ul, .pagination-a, .module-d, .module-aside, #footer .list-a .social-facebook a, .list-a .social-facebook a, .list-a, #footer > ul, #footer nav, .list-logo .owl-item, .list-logo.clone .owl-stage, .list-logo, .slide-a .owl-stage, .owl-dots, .product-b a:after, .code-a, .module-a, .page-navigation ul, .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module-size, .module-size ul, .module-size div, .list-f form, .module-gallery .gallery-thumbs, .module-catalog.a, .module-products.a, .module-items .item .line .no, .module-items .item .line, .module-items .item, .module-i, .list-doc, .module-doc, .module-cart .sum, .module-cart .lang div, #nav > ul, #mobile-bar ul, .list-social, #panel, .module-news, .product-d, .module-featured ul, .module-featured header, .list-categories, .module-newsletter, .form-newsletter, .form-newsletter p, .list-aside li, .module-h, .list-comments .header-comment, .list-e, .module-add .no, .module-add, .product-c, .module-g, .rating-a, .list-d, .list-feature, .list-checkbox, #filters, .filters-box .prices, #filters, .selected-filters .inner-a > *, .selected-filters .inner-a, .selected-filters, .module-filters .inside, .module-sort, .list-attr, .module-catalog form, .module-products form, .list-c, .list-blog, .pagination-a ul, .pagination-a, .module-d, .module-aside, .list-a, #footer > ul, #footer nav, .list-logo.clone .owl-stage, .list-logo, .slide-a .owl-stage, .owl-dots, .code-a, .module-a, .page-navigation ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-aside li, .module-aside.inv, .module-filters .inside { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .module-items .item > div, .module-featured header { -webkit-flex-direction: column; flex-direction: column; } .product-d { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .text-left .link-btn, .link-btn.text-left { -webkit-justify-content: flex-start; justify-content: flex-start; } .module-gallery .gallery-thumbs, .list-blog figure, .module-items .item > div, .check-a, .module-cart .lang div, #mobile .list-social, .module-featured header, .list-categories, .list-e.a, .module-add .no figure a, .product-a .option a, .product-a .option p, .module-about.a .link-btn, .list-c, #footer .list-a .social-facebook a, .list-a .social-facebook a, .list-logo .owl-item, .owl-dots, .product-b a:after, .text-center .link-btn, .link-btn.text-center { -webkit-justify-content: center; justify-content: center; } .module-cart .column .box .list-logo, #panel, .form-newsletter, .pagination-a, #footer > ul, .code-a, .text-right .link-btn, .link-btn.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; } .module-cart .sum, #mobile-bar ul, .module-g { -webkit-justify-content: space-between; justify-content: space-between; } .module-i { -webkit-align-items: flex-start; align-items: flex-start; } .module-size, .list-f form, .list-blog figure, .module-items .item .line .no, .module-items .item .line, .module-items .item, .list-doc, .module-doc, .module-cart .lang div, .list-social, #panel, .module-newsletter, .list-aside li, .list-comments .header-comment, .module-add .no figure a, .module-add .no, .module-add, .product-c, .rating-a, #filters, .filters-box .prices, .selected-filters .inner-a > *, .selected-filters .inner-a, .selected-filters, .module-sort, .product-a .option a, .product-a .option p, .pagination-a ul, .pagination-a, .module-d, #footer .list-a .social-facebook a, .list-a .social-facebook a, .list-logo .owl-item, .list-logo, .product-b a:after, .code-a { -webkit-align-items: center; align-items: center; } .module-g { -webkit-align-items: flex-end; align-items: flex-end; } .module-additional .owl-stage, .list-logo.clone .owl-stage, .slide-a .owl-stage, .module-a { -webkit-align-items: stretch; align-items: stretch; } .module-i .module-items, #panel .form-search, .form-newsletter p:first-child, .form-newsletter input, .module-newsletter header, .module-h > *:first-child, .box-filter, .module-d > div, .module-aside > div { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .module-i .module-items, #panel .form-search, .form-newsletter p:first-child, .form-newsletter input, .module-newsletter header, .module-h > *:first-child, .box-filter, .module-d > div, .module-aside > div { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype');font-display: swap; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-avatar:before {content: "\e908"; } .icon-cart:before {content: "\e907"; } .icon-check:before {content: "\e90c"; } .icon-chevron-double-left:before {content: "\e904"; } .icon-chevron-double-right:before {content: "\e905"; } .icon-chevron-down:before {content: "\e901"; } .icon-chevron-left:before {content: "\e902"; } .icon-chevron-right:before {content: "\e903"; } .icon-chevron-up:before {content: "\e900"; } .icon-d:before {content: "\e90b"; } .icon-envelope:before {content: "\e90d"; } .icon-exchange:before {content: "\e90e"; } .icon-facebook2:before {content: "\e91f"; } .icon-facebook:before {content: "\e921"; } .icon-feather:before {content: "\e90f"; } .icon-heart:before {content: "\e90a"; } .icon-home:before {content: "\e922"; } .icon-instagram:before {content: "\e91e"; } .icon-interface:before {content: "\e910"; } .icon-live:before {content: "\e911"; } .icon-menu:before {content: "\e906"; } .icon-minus:before {content: "\e913"; } .icon-next:before {content: "\e914"; } .icon-phone2:before {content: "\e916"; } .icon-phone:before {content: "\e915"; } .icon-plus:before {content: "\e912"; } .icon-podium:before {content: "\e917"; } .icon-signs:before {content: "\e918"; } .icon-star:before {content: "\e919"; } .icon-svg1:before {content: "\e91a"; color: #0973ba; } .icon-teddy-bear:before {content: "\e91b"; } .icon-twitter:before {content: "\e920"; } .icon-warning:before {content: "\e91c"; } .icon-youtube:before {content: "\e91d"; } .icon-zoom:before {content: "\e909"; } /*! 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: 96.25em) { /* 1540 */ #top, #content, #footer { width: 1320px; } #top { margin-left: -660px; } .owl-carousel { } .owl-nav button { left: 0; width: 20px; height: 20px; margin-top: -10px; } .owl-nav button:before { font-size: 30px; } .owl-nav button.owl-next { left: auto; right: 0; } .slide-a .owl-nav button { left: -24px; } .slide-a .owl-nav button:before { font-size: 25px; } .slide-a .owl-nav button.owl-next { left: auto; right: -24px; } .product-d figure { max-height: 185px; } } @media only screen and (max-width: 84.375em) { /* 1350 */ #top, #content, #footer { width: 980px; } #top { margin-left: -490px; } #top { } #logo { width: 200px; } #logo a { background-size: 100% auto; } #panel { left: 220px; } #panel .contact > p > a:before { left: 10px; font-size: 30px; } #panel .contact, #panel .user { margin-right: 10px; } #panel .form-search { margin-right: 10px; } #panel .fav { margin-left: 0; margin-right: 10px; } #panel .fav a { width: 50px; } #panel .fav .name, #panel .fav a:after { display: none; } #panel .list-social { margin-right: 0; } #panel .list-social li { margin-left: 1px; margin-right: 1px; } #panel .list-social a { padding-left: 10px; padding-right: 10px; } #mKoszyk { } #mKoszyk .name, #mKoszyk a:after { display: none; } #mKoszyk a { padding-right: 10px; padding-left: 44px; } #nav { } #nav > ul > li { margin-right: 1px; } #nav > ul > li > a { padding: 12px 9px; font-size: 15px; } #nav > ul > li.sub > a { padding-right: 30px; } #nav > ul > li.sub > a:after { right: 10px; } .double.b, .double.d { margin-left: -50px; } .double.b > *, .double.d > * { border-left-width: 50px; } .double.c > *, .double.c > *:first-child { width: 100%; } .double.c > *:first-child {display:none} .box-e { padding-left: 0; padding-right: 20px; } .box-e.a { padding-left: 20px; padding-right: 0; } .info-a { padding-left: 15px; } .module-a { } .module-a > * { width: 50%; } .module-a > *:before { border-bottom: 1px solid #dedede; } .module-a > *:nth-child(3), .module-a > *:nth-child(4) { padding-top: 30px; } .module-a > *:nth-child(3):before { border-left-width: 0; } .module-a > *:nth-child(3):before, .module-a > *:nth-child(4):before { border-bottom-width: 0; } .module-about.a { } .module-about.a > * { max-width: 500px; } .module-about.a > figure img { margin-right: -100px; } .module-aside { } .module-aside > figure { width: 300px; } .module-catalog { } .module-catalog .product-a, .module-catalog.a .product-a { width: 25%; } .module-products { } .module-products .product-a, .module-products.a .product-a { width: 25%; } .module-d { } .module-d > div { padding-right: 30px; } .module-featured { } .module-featured article { font-size: 17px; } .module-featured header { bottom: 20px; left: 40px; max-width: 420px; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { font-size: 25px; } .module-featured h2 { margin-bottom: 15px; padding-top: 0; font-size: 17px; } .module-featured ul { margin: 0 -5px; line-height: 1; } .module-featured li { margin: 0 5px 5px; } .module-featured a { padding: 8px 16px; font-size: 15px; } .product-d { padding-left: 200px; } .product-d { -webkit-flex-direction: row; flex-direction: row; } .product-d { -webkit-align-items: center; align-items: center; } .product-d figure { width: 200px; max-height: 100%; margin-left: -200px; margin-right: 0; } .product-d div { float: left; width: 100%; padding-left: 20px; padding-top: 10px; } .product-d .prices { margin-bottom: 10px; } .product-d .link-btn { position: relative; bottom: auto; right: auto; } .product-page { margin-left: -30px; } .product-page > * { border-left-width: 30px; } .width-b { padding-left: 0; padding-right: 0; } .list-a { } .list-a a, #footer .list-a a { padding-left: 10px; padding-right: 10px; } .list-blog { } .list-blog figure { height: 200px; } .list-categories { } .list-categories h1, .list-categories h2, .list-categories h3, .list-categories h4, .list-categories h5, .list-categories h6 { font-size: 19px; } .list-feature { margin-left: -35px; } .list-feature li { border-left-width: 35px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer, #mobile-bar { width: 720px; } #top, #mobile-bar { margin-left: -360px; } #root { padding-top: 60px; padding-bottom: 50px; } #top { height: 60px; } #logo { top: 0; height: 60px; } #nav, #panel { display: none; } #menu-icon { display: block; } .menu-active #mobile { left: 0; } .menu-active #shadow { visibility: visible; opacity: 1; } #footer { } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 20px; } #footer nav > * { width: 50%; } #footer > ul { margin-left: -10px; margin-right: -10px; padding: 7px 0; font-size: 14px; } #footer > ul { -webkit-justify-content: center; justify-content: center; } #footer > ul li { margin-left: 10px; margin-right: 10px; text-align: center; } #mobile-bar { bottom: 0; } .mobile-search { } .search-active .mobile-search { top: 0; } .double { } .double.b > * { width: 100%; } .double.d { } .double.d > * { float: none; width: 100%; max-width: 495px; margin-left: auto; margin-right: auto; } .double.d .user-info { margin-left: -18px; } .box-c.a { padding-left: 30px; } .box-e, .box-e.a { width: 100%; padding-left: 0; padding-right: 0; } .blog-entry { } .blog-entry .position-left, .blog-entry .position-right { width: 40%; } .blog-entry figure + * { padding-top: 0; } .module-about.a { padding-bottom: 0; } .module-about.a > * { max-width: 100%; } .module-about.a > figure { position: relative; top: auto; bottom: auto; left: 50%; } .module-about.a > figure img { margin-right: 0; height: auto!important; } .module-aside { } .module-aside > figure { width: 100%; padding-left: 0; padding-right: 0; } .module-catalog { } .module-catalog .product-a, .module-catalog.a .product-a { width: 33.3333%; margin-bottom: 20px; } .module-products { } .module-products .product-a, .module-products.a .product-a { width: 33.3333%; margin-bottom: 20px; } .module-filters { } .module-filters .form-sort { width: 100%; } .module-i { } .module-i .column { width: 100%; padding-left: 0; } .module-text.a { padding-left: 0; padding-right: 0; } .pagination-a { } .pagination-a ul { margin-left: 0; } .product-b a:after { z-index: 7; } .product-page { } .product-page > *, .product-page > *:first-child { width: 100%; } .product-page > * { padding-top: 0; } .width-a { max-width: 435px; margin: 0 auto; padding-left: 0; } .position-left { margin-right: 25px; } .position-right { margin-left: 25px; } .list-aside { } .list-aside li > * { width: 100%; } .list-aside li > figure { margin-bottom: 20px; } .list-aside li > div, .list-aside li:nth-child(2n+2) > div { padding-left: 0; padding-right: 0; } .list-blog { } .list-blog li { width: 33.3333%; } .list-e { margin-bottom: 0; } .list-e li { width: 100%; margin-bottom: 20px; } .list-e.a { margin-left: -30px; } .list-e.a li { width: 50%; padding-left: 0; padding-right: 25px; border-left-width: 30px; } .list-e.a li:first-child { width: 50%; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, .pagination-a p { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top, #content, #footer, #mobile-bar { width: auto; } #content, #footer { padding-left: 20px; padding-right: 20px; } #top, #mobile-bar { left: 20px; right: 20px; margin-left: 0; } body, textarea, input, select, option, button { font-size: 15px; } ul, ol, dl, p, figure, table, pre { margin-bottom: 15px; } h1, h2, h3, h4, h5, h6, legend { margin-bottom: 20px; } h1, .module-text h1, .module-text h2, .module-text h3, .module-text h4, .module-text h5, .module-text h6 { margin-bottom: 15px; font-size: 20px; } h2 { font-size: 16px; } h3, h4, h5, h6 { font-size: 15px; } p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 { margin-top: 15px; } .header-a, .header-b { margin-bottom: 20px; font-size: 18px; font-weight: 700; } .link-phone a { font-size: 17px; } .link-phone span { font-size: 14px; } .link-btn a { padding: 6px 10px; } #top { } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 1.3em; } #content { padding-top: 20px; } #footer { } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 15px; font-size: 16px; } #footer nav li { margin-bottom: 10px; } #mobile-bar { padding-left: 0; padding-right: 0; } .double.a { margin-left: -20px; } .double.a > * { border-left-width: 20px; } .blog-entry { margin-bottom: 20px; font-size: 15px; } .blog-entry header { margin-bottom: 15px; } .blog-entry header h1, .blog-entry header h2, .blog-entry header h3, .blog-entry header h4, .blog-entry header h5, .blog-entry header h6 { margin-bottom: 10px; font-size: 17px; } .blog-entry header p { margin-bottom: 8px; } .blog-entry header a { font-size: 14px; } .blog-entry h1, .blog-entry h2, .blog-entry h3, .blog-entry h4, .blog-entry h5, .blog-entry h6 { font-size: 16px; } .blog-entry .position-left, .blog-entry .position-right { width: 100%; margin-left: 0; margin-right: 0; } .box-a { margin-bottom: 30px; padding: 15px 10px 1px; } .box-a h1, .box-a h2, .box-a h3, .box-a h4, .box-a h5, .box-a h6 { margin-bottom: 15px; font-size: 18px; } .box-a ul { margin-bottom: 10px; } .box-d { margin-left: -20px; margin-right: -20px; } .box-e h1, .box-e h2, .box-e h3, .box-e h4, .box-e h5, .box-e h6 { margin-bottom: 20px; font-size: 17px; } .box-e.a { margin-bottom: 1px; } .box-note { font-size: 14px; } #root .box-note h1, #root .box-note h2, #root .box-note h3, #root .box-note h4, #root .box-note h5, #root .box-note h6 { margin-bottom: 4px; font-size: 17px; } #root .box-note p { margin-bottom: 10px; } .filters-box { } #filters .filter-title { margin-right: 20px; font-size: 17px; } .info-a { padding-left: 0; font-size: 14px; } .info-a h1, .info-a h2, .info-a h3, .info-a h4, .info-a h5, .info-a h6 { margin-bottom: 15px; font-size: 15px; } .info-a p + h1, .info-a p + h2, .info-a p + h3, .info-a p + h4, .info-a p + h5, .info-a p + h6 { margin-top: 20px; } .module-a { margin-bottom: 1px; } .module-a > * { width: 100%; margin-bottom: 20px; padding-top: 0; } .module-a > *:before, .module-a > *:nth-child(3):before { border-bottom: 1px solid #dedede; } .module-a > *:nth-child(3), .module-a > *:nth-child(4) { padding-top: 0; } .module-about { padding-top: 20px; } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6 { margin-bottom: 15px; } .module-about > *:last-child { margin-bottom: 30px; } .page-navigation + .module-about { margin-top: -20px; } .module-add { margin-bottom: 10px; } .module-additional { overflow: visible; padding-right: 0; } .module-additional .owl-nav .owl-prev { left: -5px; } .module-additional .owl-nav .owl-next { right: -5px; } .module-aside { margin-bottom: 25px; padding-top: 0; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { margin-bottom: 15px; font-size: 15px; } .module-aside h1:first-child, .module-aside h2:first-child, .module-aside h3:first-child, .module-aside h4:first-child, .module-aside h5:first-child, .module-aside h6:first-child { font-size: 17px; } .module-b { margin-bottom: 25px; } .module-b h1, .module-b h2, .module-b h3, .module-b h4, .module-b h5, .module-b h6 { margin-bottom: 20px; font-size: 18px; } .module-c { margin-bottom: 20px; padding-top: 15px; } .module-cart { } .module-cart .sum { margin-bottom: 25px; padding: 15px 20px 1px; border-width: 2px; font-size: 18px; } .module-cart .sum p:last-child { font-size: 20px; } .module-cart .lang { margin-bottom: 20px; padding-top: 15px; padding-bottom: 5px; } .module-cart .lang h1, .module-cart .lang h2, .module-cart .lang h3, .module-cart .lang h4, .module-cart .lang h5, .module-cart .lang h6 { font-size: 16px; } .module-cart .lang p { margin-bottom: 15px; } .module-catalog { } .module-catalog .product-a, .module-catalog.a .product-a { width: 50%; } .module-products { } .module-products .product-a, .module-products.a .product-a { width: 50%; } .module-d { margin-left: -20px; margin-right: -20px; } .module-d > div { padding-right: 0; -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } #root .module-d h1, #root .module-d h2, #root .module-d h3, #root .module-d h4, #root .module-d h5, #root .module-d h6 { font-size: 17px; } .module-doc { padding-top: 20px; padding-bottom: 1px; } .module-doc h1, .module-doc h2, .module-doc h3, .module-doc h4, .module-doc h5, .module-doc h6 { margin-right: 15px; font-size: 17px; } .module-e { margin-bottom: 30px; } .module-f { font-size: 15px; } .module-f .title { font-size: 18px; } .module-featured { margin-left: -20px; margin-right: -20px; } .module-featured article { font-size: 14px; } .module-featured header { left: 20px; max-width: 300px; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { font-size: 18px; } .module-featured h2 { margin-bottom: 10px; font-size: 15px; } .module-featured a { padding: 5px 10px; font-size: 14px; } .module-g { margin: 0 -10px 1px; } .module-g > * { margin: 0 10px 10px; } .module-g .prices { width: 100%; padding-top: 10px; padding-bottom: 10px; font-size: 17px; } .module-g .default { margin-right: 7px; font-size: 20px; } .module-g .old { font-size: 15px; } .module-gallery { margin-bottom: 20px; } .module-gallery .main-pic { margin-bottom: 15px; } .module-gallery .gallery-thumbs figure { margin: 0 7px 10px; } .module-h { } .module-h h1, .module-h h2, .module-h h3, .module-h h4, .module-h h5, .module-h h6 { font-size: 18px; font-weight: 700; } .module-h #section-add-review { width: 100%; } .module-h #section-add-review h1, .module-h #section-add-review h2, .module-h #section-add-review h3, .module-h #section-add-review h4, .module-h #section-add-review h5, .module-h #section-add-review h6 { padding-left: 0; } .module-i { } .module-i > * { margin-bottom: 25px; } .module-items { } .module-items .title-a { font-size: 17px; } .module-items .item .title > strong { margin-bottom: 10px; font-size: 15px; } .module-items .item .line .price { font-size: 17px; } .module-latest { margin-bottom: 25px; padding: 20px 0 0; } .module-latest h1, .module-latest h2, .module-latest h3, .module-latest h4, .module-latest h5, .module-latest h6 { font-size: 18px; font-weight: 700; } .module-map { margin: 0 -20px 25px; } .module-news { margin-bottom: 15px; padding-left: 0; font-size: 14px; } .module-news header { width: 100%; margin-left: 0; padding-right: 0; text-align: center; } .module-news h1, .module-news h2, .module-news h3, .module-news h4, .module-news h5, .module-news h6 { font-size: 18px; } .module-news div { padding-top: 4px; padding-left: 40px; } .module-news div:before { top: 10px; font-size: 25px; } .module-news a { padding-right: 20px; font-size: 15px; } .module-newsletter { padding: 25px 0 13px; font-size: 14px; } .module-newsletter h1, .module-newsletter h2, .module-newsletter h3, .module-newsletter h4, .module-newsletter h5, .module-newsletter h6 { font-size: 18px; font-weight: 700; } .module-pattern { padding-top: 20px; margin-bottom: 15px; } .module-pattern h1, .module-pattern h2, .module-pattern h3, .module-pattern h4, .module-pattern h5, .module-pattern h6 { margin-bottom: 20px; font-size: 18px; } #root .module-pattern .m35 { margin-bottom: 1px; } .module-products { margin-bottom: 10px; } .module-sort { } .module-sort h1, .module-sort h2, .module-sort h3, .module-sort h4, .module-sort h5, .module-sort h6 { margin-right: 20px; font-size: 17px; } .module-text.a { margin-bottom: 10px; } .module-text.a h1, .module-text.a h2, .module-text.a h3, .module-text.a h4, .module-text.a h5, .module-text.a h6 { margin-bottom: 15px; } .page-navigation { margin-bottom: 20px; padding: 12px 0; font-size: 14px; } .page-navigation:first-child { margin-top: -20px; } .pagination-a { } .pagination-a, .pagination-a ul { -webkit-justify-content: center; justify-content: center; } .pagination-a ul { margin-left: -2.5px; margin-right: -2.5px; } .pagination-a .prev { margin-right: 2.5px; } .pagination-a .prev a, .pagination-a .next a { width: 33px; padding-left: 0; padding-right: 0; text-indent: -9999em; } .pagination-a .prev a:before, .pagination-a .next a:before { width: 100%; } .pagination-a .prev a:before { content: "\e902"; left: 0; } .pagination-a .next a:before { left: 0; right: auto; } .product-a { } .product-a .option { margin-bottom: 15px; } .product-a .option p { position: relative; top: auto; left: 50%; } .product-a .option p > * { -webkit-transform: scale(1,1); transform: scale(1,1); } [data-whatintent="mouse"] .product-a:hover .ratings { visibility: visible; opacity: 1; } .product-a .prices { font-size: 17px; } .product-a .prices .default { margin-right: 6px; } .product-a .prices .old { font-size: 14px; } .product-c { } .product-c .select { right: 0; } .product-d { } .product-d h1, .product-d h2, .product-d h3, .product-d h4, .product-d h5, .product-d h6 { font-size: 20px; } .product-d h1 a, .product-d h2 a, .product-d h3 a, .product-d h4 a, .product-d h5 a, .product-d h6 a, .product-d .prices .old { font-size: 15px; } .product-d .prices { font-size: 20px; } .selected-filters { } .selected-filters h1, .selected-filters h2, .selected-filters h3, .selected-filters h4, .selected-filters h5, .selected-filters h6 { margin-bottom: 5px; margin-right: 20px; font-size: 16px; } .selected-filters .inner-a p { margin-right: 10px; } .selected-filters .inner-a p:first-child { margin-right: 10px; } .selected-filters .inner-a > * { padding: 6px 0 6px 14px; border: 1px solid #ee4e97; border-radius: 5px; } .selected-filters .inner-a a { padding-right: 30px; } .list-aside { } .list-aside h1, .list-aside h2, .list-aside h3, .list-aside h4, .list-aside h5, .list-aside h6 { font-size: 18px; font-weight: 700; } .list-b { margin-bottom: 10px; margin-top: 30px; } .list-blog { } .list-blog li { width: 50%; } .list-blog .date { font-size: 13px; } .list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 { height: 35px; font-size: 15px; } .list-c { } .list-c li { width: auto; padding-left: 10px; padding-right: 10px; } .list-c a { padding: 6px 10px; font-size: 15px; } .list-categories { margin-bottom: 10px; } .list-categories li { width: 33.3333%; } .list-categories h1, .list-categories h2, .list-categories h3, .list-categories h4, .list-categories h5, .list-categories h6 { font-size: 17px; } .list-d { margin-bottom: 1px; margin-left: -50px; } .list-d > li { border-left-width: 50px; } .list-d > li > span { margin-left: 10px; font-size: 15px; } .list-d .rating-a { margin-bottom: 0; } .list-e.a { font-size: 14px; } .list-e h1, .list-e h2, .list-e h3, .list-e h4, .list-e h5, .list-e h6 { font-size: 22px; } .list-feature { margin-bottom: 1px; font-size: 14px; } .list-feature li { margin-bottom: 8px; padding-top: 8px; } .list-feature span { font-size: 15px; } .list-select { margin-bottom: 20px; } .form-a { font-size: 14px; } .form-a label { margin-bottom: 5px; } .form-a input, .form-a textarea { height: 35px; } .form-a button { min-width: 180px; padding-top: 7px; padding-bottom: 7px; font-size: 15px; font-weight: 400; } .form-footer { margin-bottom: 10px; font-size: 14px; } .form-footer td { padding-bottom: 2px; } .form-newsletter { } .form-newsletter input { height: 35px; } .form-newsletter button { padding: 12.5px 25px; font-size: 15px; } .form-newsletter p:first-child button { padding: 6px 15px; } .submit-btn { margin-bottom: 1px; } .submit-btn button { position: relative; z-index: 2; padding: 11px 35px 11px 24px; font-size: 15px; } .submit-btn button:before { right: 14px; } #root .m55 { margin-bottom: 25px; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .pagination-a .no { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 31.25em) { /* 500 */ #footer nav > *, .double.a > *, .module-catalog .product-a, .module-catalog.a .product-a, .module-products .product-a, .module-products.a .product-a, .list-feature li, .list-e.a li, .list-e.a li:first-child, #root .user-info p { width: 100%; } .box-c { padding-left: 20px; padding-right: 20px; } .info-a.a { padding-left: 0; } .info-a.a span { font-size: 15px; } .info-a.a figure { position: relative; top: auto; left: auto; } .module-featured { } .module-featured p, .module-featured h2 { display: none; } .module-items { margin-left: -20px; margin-right: -20px; } .module-items .item { margin-bottom: 15px; padding-left: 0; padding-bottom: 10px; } .module-items .item figure { width: 100%; margin-bottom: 20px; margin-left: 0; } .module-items .item figure img { width: auto; max-height: 100px; } .module-items .item > div { padding-left: 0; } .product-c .select { display: block; position: relative; top: auto; right: auto; padding-top: 4px; } .product-d { padding-left: 0; padding-right: 0; } .product-d figure { width: 100%; margin-left: 0; } .product-d div { padding: 10px 10px 0; } .product-d .prices { margin-bottom: 10px; } .product-d .link-btn { position: relative; bottom: auto; right: auto; } .user-info { margin-right: -18px; } .list-blog { } .list-blog li { margin-bottom: 5px; padding: 0; } .list-blog figure { margin: 0 0 15px; } .list-categories { } .list-categories li { width: 50%; } .list-feature li:nth-child(2):before { top: 0; left: 0; right: 0; } .list-e.a li:before { display: none; } .list-select { } .list-select label { padding: 13px 80px 13px 45px; } .list-select .price { top: 13px; } .list-select label:after { display: none; } .table-rwd td {width:100%; display:block; text-align:left!important} .table-rwd td div {text-align:left!important} .page-navigation li {display: none;} .page-navigation li:last-child { display: block !important;} .page-navigation li a {padding:5px 0px} .amount-a {width:136px} .amount-a input {margin-left:18px} .amount-a a {width:35px} .list-logo {display:none} } @media only screen and (max-width: 25em) { /* 400 */ .list-blog li { width: 100%; } .filters-box .prices {margin-right:0px!important} .filters-box .prices input {width:80px!important} .filters-box .prices p:last-child {width:100%; text-align:right} } .other-site {margin:20px 0} .other-site input.text, .other-site select {height: 39px;padding: 0 15px;border: 1px solid #dedede;border-radius: 4px; margin:2px} .other-site input.button {padding: 11px 30px;border: 1px solid #ee4e97;border-radius: 5px;color: #fff; background:#ee4e97; font-size: 16px; cursor:pointer; font-weight:500} .other-site input.button:hover {background:#121212;border: 1px solid #121212} #inpost_paczkomat_przycisk {padding: 11px 30px;border: 1px solid #ee4e97;border-radius: 5px;color: #fff; background:#ee4e97; font-size: 16px; cursor:pointer; font-weight:500}