/* ------------------------------------------- Name: KAMAONLINE Date: 2025/05/22 Author: http://turbohtml.pl --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--green); } 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: var(--clr-main); font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; line-height: 1.6; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 15px; } h1, h2, h3, h4, h5, h6, legend { color: var(--clr-second); font-weight: 900; line-height: 1.05; } h1 { font-size: 30px; } h2 { margin-bottom: 30px; font-size: 20px; } h3, h4, h5, h6 { font-size: 16px; font-weight: 700; } a { background: none; color: var(--clr-main); text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } a:hover { color: var(--green); } ul, ol, dd, blockquote { list-style: none; padding-left: 0; } /*! Theme --------- */ :root { --white: #fff; --black: #000; --green: #4aa865; --orange: #ff9235; --orange2: #ffdb8f; --red: #ff0000; --blue: #0866ff; --clr-main: #585858; --clr-main-100: #212121; --clr-main-80: #898989; --clr-second: #212121; --clr-third: #f5f5f5; --clr-four: var(--green); --clr-five: var(--orange); --bg-main: var(--white); --bg-second: #f5f5f5; --bg-third: #2c2c2c; --bg-dark: var(--black); --border: #d3d3d3; --border2: #f2f2f2; --border3: #000; } /*! Repeatable --------- */ .box-show:after, .module-products2 form:after, .item-b .line:after, .item-b:after, .module-items:after, .module-f:after, .list-select:after, .module-e:after, .box-d:after, .module-summary:after, .module-doc:after, .header-c:after, .amount-a:after, .box-c:after, .gradient-a:after, .list-d:after, .product-info:after, .box-b:after, .product-middle .inner:after, .product-middle:after, .breadcrumbs:after, .header-a:after, .popup:after, .module-filters:after, .box-a:after, .module-subcategory:after, .module-aside:after, .module-about:after, .product-a div:after, .product-a:after, .module-wide:after, .module-brands:after, .module-pattern:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, .list-a:after, .user-info:after, .list-contact:after, #footer nav:after, #footer nav ul:after, .module-contact:after, .module-contact ul:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, #content:after, #top:after, #footer:after, form p:after, .double:after, .cols-a:after { content: "\00A0"; display: block; overflow: hidden; height: 0; clear: both; font-size: 0; } .product-section a:before, .close-b a:after, .item-b:before, .list-select label:before, .module-e > *:before, .module-doc:before, .module-doc label:before, .product-middle .aside:before, .product-page .aside:before, .module-gallery .slick-prev:before, .module-gallery .slick-next:before, .box-c:before, .item-a:before, .box-b:before, .product-middle .inner li:before, .product-middle .inner:before, .header-b p:first-child:before, #nav .drop > div:nth-child(2):before, .breadcrumbs p:before, .list-checkbox label:before, .module-subcategory a:before, .module-subcategory li:before, .sort-a .drop:before, .module-about li:before, .module-about h2:before, .product-a .add:before, .list-attr li:before, .product-a:before, .product-a:before, .list-company li:after, .list-company li:before, .list-blog span:after, .list-blog span:before, #featured .owl-dots:before, #featured .owl-dots button:before, .btn-facebook a:before, .module-b > *:before, .module-a > *:before, .module-login > *:before, .check-a label:before, .list-about:before, .heading-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; } #mobile-bar:before, .box-d:before, #top:before, #up:before, .module-c:before, .module-pattern:before, #footer nav:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; } .close-search button:before, .close-a a:before, .close-b a:before, #mobile ul > li > .toggle:before, #mobile-bar a:before, .print-btn a:before, .submit-a button:before, .list-select label:before, .module-doc label:before, .module-gallery .slick-prev:before, .module-gallery .slick-next:before, .amount-a a:before, .add-button button:before, .shipping-a:before, .available-a:before, .link-download a:before, #nav .menu li > a:before, #nav .category-btn a:before, .breadcrumbs p:before, .breadcrumbs li:before, .popup .close-a a:before, .form-search button:before, #mUser > p > a:before, #mPrzechowalnia > p > a:before, #mKoszyk > p > a:before, .module-filters .header:before, .list-checkbox label:before, .search-list button:before, .list-c a:before, .nav-sub a:before, .sort-a .selected a:before, .pagination-a .btn a:before, .product-a .add button:before, .fav-a a:before, .fav > a:before, .product-a .add button:before, .list-blog span:after, .btn-facebook a:after, .check-a label:before, .form-footer input:checked + .input:before, .link-btn a:before, .list-contact a:before, .owl-nav button: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; } .product-section a:before, .module-subcategory a:before { z-index: 8; } .module-wide { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .breadcrumbs.scroll p, .user-active #mUser .shadow, .user-active #mUser .popup, .list-checkbox input:checked + label:after, .sort-a:hover .drop, .slide-a:hover .owl-nav, .product-a .fav-a.added, [data-whatintent="mouse"] .product-a:hover .fav-a, [data-whatintent="mouse"] .list-company li:hover:after, [data-whatintent="mouse"] .module-brands:hover .owl-nav, #featured .owl-dots .active:before { visibility: visible; opacity: 1; } .breadcrumbs p, #panel .popup, .list-checkbox label:after, .sort-a .drop, .product-a .fav-a, .list-company li:after, .owl-nav, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } .list-blog img { display: block; position: relative; z-index: 1; width: 100% !important; } #mobile, #shadow { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-dots button.active, [disabled], .disabled { cursor: default; } .list-d a, .link-b, .link-a a, [data-whatintent="mouse"] a:hover { text-decoration: underline; } #mobile-bar a:hover, .close-b a, .close-b a:hover, .list-d a:hover, .link-b:hover, #nav .category-btn a:hover, .list-c a:hover, .link-a a:hover, .link-btn a:hover { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding-top: 180px; } #top { position: absolute; top: 0; left: 50%; z-index: 9; width: 1360px; height: 180px; margin-left: -680px; } #logo { position: absolute; top: 0; left: 14px; z-index: 6; height: 120px; } #logo a { width: 100%; height: 100%; } #logo img { width: auto; max-height: 100%; } #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: var(--green); color: var(--white); 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; } #up { position: absolute; top: 120px; left: 0; right: 0; z-index: 4; height: 60px; padding-left: 280px; } #up:before { background: var(--bg-second); } #up ul { margin-inline: -32px; font-size: 16px; font-weight: 700; } #up li { margin-inline: 32px; } #up a { color: var(--clr-main-100); } #up a:hover { color: var(--green); } #panel { position: absolute; top: 44px; left: 357px; right: 0; } #panel .form-search { max-width: 553px; margin-right: auto; } #mKoszyk, #mPrzechowalnia { margin-left: 6px; } #mKoszyk > p > a, #mPrzechowalnia > p > a, #mUser > p > a { position: relative; width: 90px; height: 72px; padding-top: 42px; color: var(--clr-main-100); font-size: 13px; line-height: 1; text-align: center; } #mKoszyk > p > a:before, #mPrzechowalnia > p > a:before, #mUser > p > a:before { content: "\e907"; top: 7px; height: 43px; color: var(--apple); font-size: 36px; line-height: 1; } #mKoszyk .no, #mPrzechowalnia .no { position: absolute; top: -6px; left: 50%; z-index: 6; width: 22px; height: 22px; border-radius: 9px; padding-inline: 4px; border: 2px solid var(--white); background: var(--orange); color: var(--white); font-size: 14px; font-weight: 700; line-height: 1; } #mPrzechowalnia .no { background: #d3e3db; color: var(--clr-main-100); } #mPrzechowalnia { } #mPrzechowalnia > p > a:before { content: "\e90d"; color: var(--yellow); } #mUser { margin-left: 40px; } #mUser > p > a:before { content: "\e91c"; } #nav { position: absolute; top: 120px; left: 0; z-index: 20; } #nav .category-btn { padding-top: 7px; } #nav .category-btn a { position: relative; z-index: 2; padding: 14px 30px 14px 57px; color: var(--white); font-size: 16px; font-weight: 700; background: var(--green); line-height: 1.1; } #nav .category-btn a:before { content: "\e904"; width: 50px; font-size: 25px; } #nav .drop { position: absolute; top: 70px; left: 0; width: 1360px; padding-bottom: 23px; box-shadow: 0 20px 20px rgba(0,0,0,.2); background: var(--white); } #nav .drop { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu-active #nav .drop { z-index: 9; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } #nav .drop > div:nth-child(2) { position: relative; z-index: 2; width: 325px; padding: 0 23px; } #nav .drop > div:nth-child(2):before { width: 2px; background: var(--bg-second); } #nav .menu > ul { position: relative; width: 238px; padding-top: 50px; font-weight: 400; line-height: 1.2; } #nav .menu > ul a { position: relative; z-index: 2; padding: 8px 50px 8px 15px; } #nav .menu li > a:before { left: auto; right: 0; width: 30px; font-size: 11px; } #nav .menu li.sub > a:before { content: "\e903"; } #nav .menu > ul a:hover:before { width: 20px; } #nav .menu > ul li:hover > a, #nav .menu > ul li.toggle > a { color: var(--green); text-decoration: underline; } #nav .menu > ul ul { position: absolute; top: 0; left: 100%; width: 300px; padding-left: 60px; } #nav .menu { overflow: hidden auto; height: auto!important; padding-right: 10px; } #nav .menu > ul ul { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #nav .menu > ul > li.toggle > ul { z-index: 9; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } #nav .menu > ul > li > ul > li.toggle > ul { z-index: 9; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } #nav .sub-title { margin-bottom: 10px; color: var(--clr-main-100); font-size: 16px; font-weight: 900; } #nav .menu .link-btn { position: absolute; top: 0; left: 0; z-index: 10; min-width: 238px; margin-bottom: 0; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -350px; right: auto; top: 0; bottom: 0; z-index: 980; width: 340px; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.25); background: #fff; line-height: 1.3; } #mobile li.toggle, #mobile li.toggle > a { color: #111111; } #mobile ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } #mobile ul > li { position: relative; float: none; margin: 0; border-bottom: 1px solid #cccccc; font-size: 14px; color: #111111; } #mobile ul > li:last-child { border-bottom: 0px !important; } #mobile ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 15px 20px; color: #111111; text-transform: none; text-decoration: none; font-weight:400} #mobile > ul > li > ul { display: none; background: #3d4346; font-weight: 400; } #mobile .toggle > ul { display: block; } #mobile .sub > a { padding-right: 55px!important; } #mobile > ul > .sub.toggle > a { background: #fff; border-bottom: 1px solid #ccc; } #mobile ul > li > .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 > .toggle:before { content: "\e901"; color: #8f8f8f; font-size: 8px; transform: rotate(-90deg); } #mobile ul > .sub.toggle > .toggle { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } #mobile > ul > .toggle > ul > li > a { display: block; padding: 15px 40px 15px 30px; background: #fff; color: #111111; } #mobile .sub > ul ul li a { display: block; padding: 15px 20px 15px 38px; } #mobile .sub > ul > li > ul { display: none; } #mobile .sub > ul .toggle > ul { display: block; } #mobile .toggle > ul > li > ul > li a { background: #fafafa; } #mobile .toggle > ul li { border-color: #cccccc; } #mobile .toggle > ul > li > ul > li { border-color: #cccccc; } #mobile .level-2 > ul { border-top: 1px solid #ccc; } #mobile .clone-up { background: #fff; } #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 .sub.toggle > span.toggle { left: 0; right: auto; } #mobile .sub.toggle > a { padding-left: 65px; orphans: 60px; } #mobile .clone-up { border-top: 1px solid #cccccc; background: #ededed; } #content { position: relative; z-index: 5; width: 1360px; margin: 0 auto; padding-top: 18px; } #content > *:last-child { margin-bottom: 100px; } #content > .module-b:last-child { margin-bottom: 30px; } #shadow, .shadow { visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; z-index: 500; width: 100%; height: 100%; background: rgba(0,0,0,.45); cursor: pointer; } #footer { position: relative; z-index: 2; width: 1360px; margin: 0 auto; } #footer .header { margin-bottom: 45px; color: var(--clr-main-100); font-size: 18px; font-weight: 500; } #footer nav { position: relative; z-index: 2; margin-bottom: 26px; margin-left: -20px; padding-top: 60px; font-size: 16px; line-height: 1.15; } #footer nav:before { background: var(--bg-second); } #footer nav li { margin-bottom: 15px; } #footer nav > * { width: 23%; margin-bottom: 20px; border-left: 20px solid rgba(0,0,0,0); } #footer > ul { margin-left: -20px; font-size: 14px; } #footer > ul > li { margin-left: -20px; border-left: 20px solid rgba(0,0,0,0); } #footer > ul > li > p { border-left: 20px solid rgba(0,0,0,0); } #footer > ul p { margin-bottom: 5px; } #footer > ul > li:nth-child(2) { text-align: right; } #footer > ul > li:nth-child(2) p:first-child a { font-weight: 500; } #featured { position: relative; z-index: 2; margin-bottom: 23px; } #featured .owl-carousel .owl-stage-outer { overflow: visible; } #featured .owl-nav { left: 20px; right: 20px; } #featured .owl-dots { } #featured .owl-dots:before { top: auto; height: 2px; background: #eaf4ef; } #featured .owl-dots button { position: relative; z-index: 2; width: auto; height: auto; margin: 0 4px; padding: 15px 21px; border: 0; background: none; color: var(--clr-main-100); font-size: 16px; font-weight: 300; line-height: 1.03; cursor: pointer; } #featured .owl-dots button:before { top: auto; bottom: 0; height: 2px; } #featured .owl-dots .active:before { background-color: var(--green); } #featured .owl-dots .active { color: var(--green); } #mobile-bar { position: fixed; bottom: -70px; left: 20px; right: 20px; z-index: 950; height: 65px; } #mobile-bar:before { box-shadow: 0 0 10px rgba(0,0,0,.6); background: var(--green); } #mobile-bar ul { margin: 0; padding: 0; width: 100%; } #mobile-bar a { display: block; position: relative; z-index: 2; width: 45px; height: 45px; padding-top: 40px; color: var(--white); font-size: 11px; text-align: center; } #mobile-bar a:before { font-size: 21px; } #mobile-bar .home { text-indent: -9999em; } #mobile-bar .home:after { position: absolute; bottom: -12px; left: 0; right: 0; content: "Home"; text-indent: 0; } #mobile-bar .home:before { content: "\e905"; } #mobile-bar .menu:before { content: "\e904"; } #mobile-bar .user:before { content: "\e91c"; } #mobile-bar .fav { width: 60px; } #mobile-bar .fav:before { content: "\e90d"; } #mobile-bar .fav .no, #mobile-bar .cart .no { position: absolute; top: 4px; right: 3px; padding: 2px 5px; border-radius: 5px; background: rgba(0,0,0,.2); font-size: 15px; line-height: 1.1; text-indent: 0; } #mobile-bar .cart { width: 60px; } #mobile-bar .cart:before { content: "\e907"; } /*! Columns --------- */ .cols-a { padding-left: 293px; } .cols-a > * { float: right; width: 100%; padding-left: 22px; } .cols-a > *:first-child, .cols-a > *:nth-child(3) { float: left; clear: left; width: 293px; margin-bottom: 10px; margin-left: -293px; padding-left: 0; } .cols-a .middle { padding-top: 10px; } .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: -30px; } .double.a > * { float: left; width: 50%; border-left-width: 30px; } /*! Modules --------- */ .add-a { margin-left: -15px; font-size: 13px; padding-left: 5px; } .add-a label { margin-right: 15px; font-size: 15px; } .add-a p { margin-bottom: 11px; border-left: 15px solid rgba(0,0,0,0); } .add-a .fav { margin-left: auto; } .amount-a { } .amount-a .number { display: block; position: relative; border-radius: 5px; } .amount-a input { width: 102px; height: 46px; padding-inline: 15px; border: 0; background: var(--bg-main); color: var(--clr-main-100); font-size: 16px; text-align: center; } .amount-a a { position: absolute; top: 1px; left: 1px; z-index: 2; width: 40px; height: 44px; border-radius: 5px; color: var(--tuatara); font-size: 11px; text-align: left; text-indent: -9999em; } .amount-a a:before { content: "\e914"; } [data-whatintent="mouse"] .amount-a a:hover { color: var(--green); } .amount-a .plus-one { left: auto; right: -1px; } .amount-a .plus-one:before { content: "\e915"; } .available-a { position: relative; z-index: 2; padding-left: 44px; color: var(--green); font-size: 15px; font-weight: 700; } .available-a:before { content: "\e90b"; width: auto; font-size: 24px; color: var(--clr-main-100); } .breadcrumbs { overflow: hidden; height: 40px; margin-bottom: 8px; margin-top: -18px; padding-top: 14px; font-size: 13px; } .breadcrumbs ol { overflow: auto hidden; list-style: none; position: relative; z-index: 2; height: 54px; margin: 0; padding: 0; } .breadcrumbs.scroll ol { overflow-x: scroll; } .breadcrumbs li { position: relative; z-index: 2; white-space: nowrap; } .breadcrumbs li:not(:last-child) { padding-right: 23px; } .breadcrumbs li:before { content: '\e903'; left: auto; right: 0; width: 23px; color: var(--green); font-size: 7px; text-align: center; } .breadcrumbs p { position: absolute; top: 2px; left: 0; z-index: 4; width: 50px; height: 40px; text-indent: -9999em; } .breadcrumbs p:before { content: "\e902"; z-index: 4; top: 0; margin-top: 0; color: var(--clr-main); font-size: 12px; } .breadcrumbs p:before { background: var(--white); background: linear-gradient(90deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); } .breadcrumbs .right { left: auto; right: 0; } .breadcrumbs .right:before { content: "\e903"; background: linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 30%); } .breadcrumbs a { color: var(--clr-main-100); } .breadcrumbs a:hover { color: var(--green); } .box-a { margin-bottom: 12px; padding: 7px 7px 0; background: var(--bg-second); } .box-b { position: relative; z-index: 2; margin-bottom: 25px; padding-top: 35px; padding-bottom: 20px; padding-right: 30px; } .box-b:before { left: -30px; background: var(--bg-main); } .box-c { position: relative; z-index: 2; margin-bottom: 25px; padding-top: 22px; } .box-c:before { left: -20px; right: -20px; background: var(--bg-second); } .box-d { position: relative; z-index: 2; padding-top: 22px; } .box-d:before { background: var(--bg-second); } .box-d .heading { margin-bottom: 24px; padding-inline: 25px; color: var(--clr-main-100); font-size: 24px; font-weight: 900; line-height: 1.1; } .box-d.a { padding-top: 0; } .box-show { margin-bottom: 30px; } .fav-a { } .fav-a a, .fav > a { display: block; position: relative; width: 50px; height: 50px; color: var(--silver)!important; font-size: 25px; text-indent: -9999em; } .fav-a a:before, .fav > a:before { content: "\e90d"; top: auto; margin-top: 0; line-height: 44px; } .fav-a.added a { color: var(--green)!important; } .fav-a.added a, .fav > a { color: var(--green)!important; } [data-whatintent="mouse"] .fav-a a:hover { color: var(--green)!important; } .gradient-a { } .gradient-a span { margin-bottom: 8px; padding: 6px 8px; background: var(--orange2); color: var(--clr-main-100); font-size: 14px; line-height: 1; } .info-a { margin-bottom: 30px; } .info-a span { color: var(--red); font-weight: 700; } .info-b { color: var(--white); font-family: 'Archivo Black'; font-size: 100px; line-height: 1; text-align: center; text-transform: uppercase; } .module-c .info-b { position: absolute; bottom: -30px; left: 0; right: 0; z-index: 4; } .item-a { position: relative; z-index: 2; margin-bottom: 6px; padding: 10px 15px 10px 133px; } .item-a:before { border: 1px solid var(--border2); background: var(--bg-main); } [data-whatintent="mouse"] .item-a:hover:before { box-shadow: 0 0 20px rgba(0,0,0,.12); } .item-a figure { position: relative; width: 133px; margin-bottom: auto; margin-left: -133px; padding: 0 10px; text-align: center; } [data-whatintent="mouse"] .item-a:hover figure img { -webkit-transform: scale(.9,.9); transform: scale(.9,.9); } .item-a > div { float: left;width: 100%; } .item-a .title { margin-bottom: 3px; font-size: 15px; font-weight: 700; line-height: 1.07; } .item-a .title a { display: block; color: var(--clr-main-100); } .item-a .prices { margin-top: auto; color: var(--clr-main-100); line-height: 1.1; } .item-a .price { margin-bottom: 1px; } .item-a .price .default { margin-bottom: 8px; margin-right: 10px; font-size: 18px; font-weight: 700; } .item-a .price .promo { color: var(--red); } .item-a .price .old { margin-bottom: 8px; font-size: 14px; text-decoration: line-through; } .item-a .latest { margin-top: 3px; color: var(--clr-main-80); font-size: 12px; text-align: right; } .item-a .list-attr { position: absolute; top: 17px; left: 1px; z-index: 12; } .item-a .gradient-a { margin-right: auto; } .item-a .gradient-a span { padding: 3px 8px; background: var(--orange2); color: var(--clr-main-100); font-size: 12px; line-height: 1; } .item-b { position: relative; z-index: 2; margin-bottom: 10px; padding-bottom: 10px; padding-left: 150px; font-size: 17px; line-height: 1.1; } .item-b:before { top: auto; height: 3px; background: var(--bg-second); } .item-b > * { float: left; width: 100%; } .item-b > figure { width: 150px; margin-bottom: auto; margin-left: -150px; text-align: center; } .item-b > div { padding-left: 17px; } .item-b .item-title { position: relative; z-index: 2; margin-bottom: 10px; padding-bottom: 15px; padding-right: 20px; } .item-b .title { margin-bottom: 2px; } .item-b .remove-btn { position: absolute; bottom: 0; left: 0; font-size: 14px; } .item-b .remove-btn a { } .item-b .remove-btn a:before { content: "usuĊ„"; color: var(--red); } .item-b .line { width: 610px; padding: 8px 22px 0; background: var(--bg-second); } .item-b .line li { margin-bottom: 8px; } .item-b .line, .item-b .price span { font-size: 15px; } .item-b .price { font-size: 17px; } .item-b .price span { margin-right: 15px; } .item-b .amount-a { margin-left: 15px; } .item-b .line .price { margin-right: auto; } .item-b .line .price-all, .item-b .line .no { margin-left: 20px; } .item-b .line .price-all { width: 196px; text-align: right; } .item-b .line .price-all strong { display: inline-block; margin-left: 15px; font-size: 18px; font-weight: 900; } .latest-a { margin-bottom: 10px; margin-top: 0; color: var(--clr-main-80); font-size: 13px; } .module-a { margin-left: -100px; } .module-a > * { position: relative; z-index: 2; width: 50%; border-left: 100px solid rgba(0,0,0,0); } .module-a > *:before { left: auto; right: -48px; width: 3px; background: var(--bg-second); } .module-about { color: var(--clr-main-100); font-size: 16px; } .module-about h2 { position: relative; z-index: 2; width: fit-content; margin-top: 40px; margin-bottom: 28px; padding-bottom: 8px; font-size: 24px; font-weight: 900; } .module-about h2:before { top: auto; height: 4px; background: var(--green); } .module-about ul { } .module-about li { position: relative; padding-left: 24px; } .module-about li:before { top: 9px; left: 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--bg-dark); } .module-aside { margin-bottom: 40px; margin-left: -35px; } .module-aside > * { border-left: 35px solid rgba(0,0,0,0); } .module-b { margin-left: -80px; } .module-b > * { position: relative; z-index: 2; width: 64%; padding-right: 80px; border-left: 80px solid rgba(0,0,0,0); } .module-b > *:nth-child(2) { padding-right: 0; } .module-b > *:before { left: auto; right: -38px; width: 3px; background: var(--bg-second); } .module-buttons { } .module-buttons > * { width: 50%; } .module-brands { margin-bottom: 30px; } .module-brands figure { text-align: center; } .module-c { position: relative; z-index: 2; margin-bottom: 70px; margin-left: -50px; padding-top: 100px; padding-bottom: 80px; } .module-c > * { border-left: 50px solid rgba(0,0,0,0); } .module-c > *:first-child { width: 380px; } .module-c:before { background: var(--bg-second); } .module-c .title { color: var(--clr-main-100); font-size: 54px; font-weight: 900; text-transform: uppercase; line-height: 1.2; } .module-c .title > span { display: block; font-size: 34px; } .module-c .title + .link-btn { margin-top: 60px; } .module-contact { margin-left: -80px; } .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6 { margin-top: 66px; margin-bottom: 45px; text-transform: uppercase; } .module-contact ul { margin-bottom: 20px; } .module-contact li { margin-bottom: 10px; } .module-contact > div { width: 28%; margin-bottom: 10px; border-left: 80px solid rgba(0,0,0,0); } .module-contact input { max-width: 270px; } .module-d { } .module-doc { position: relative; z-index: 2; margin-bottom: 70px; margin-left: -40px; padding-top: 22px; color: var(--clr-main-100); line-height: 1.1; } .module-doc:before { height: 3px; background: var(--bg-second); } .module-doc > * { border-left: 40px solid rgba(0,0,0,0); } .module-doc p { margin-bottom: 20px; font-size: 20px; font-weight: 900; text-transform: uppercase; } .module-doc ul { font-size: 17px; } .module-doc li { margin: 0 40px 10px 0; } .module-doc li:last-child { margin-right: 0; } .module-doc label { position: relative; z-index: 2; padding-left: 45px; cursor: pointer; } .module-doc label:before { top: 3px; width: 24px; height: 24px; margin-top: -5px; border: 1px solid var(--border); background: var(--white); color: var(--white); font-size: 13px; line-height: 23px; } .module-doc input:checked + label { font-weight: 500; } .module-doc input:checked + label:before { content: "\e909"; border-color: var(--green); background: var(--green); } .module-e { margin-left: -20px; } .module-e > * { position: relative; z-index: 2; width: 50%; margin-bottom: 30px; padding: 40px 30px 10px; border-left: 20px solid rgba(0,0,0,0); } .module-e > *:before { background: var(--bg-main); } .module-e .inf { } .module-e .inf h1, .module-e .inf h2, .module-e .inf h3, .module-e .inf h4, .module-e .inf h5, .module-e .inf h6 { margin-bottom: 5px; font-size: 16px; font-weight: 700; } .module-e .inf p { margin-bottom: 28px; } .module-f { margin-bottom: 30px; } .module-f > div { max-width: 586px; margin-left: auto; } .module-f .module-summary { margin-bottom: 25px; } .module-filters { color: var(--clr-main-100); } .module-filters .header { position: relative; z-index: 2; padding: 5px 40px 5px 12px; font-size: 20px; font-weight: 900; text-transform: uppercase; } .module-filters .header:before { opacity: 0; content: "\e901"; left: auto; right: 0; width: 50px; font-size: 13px; } .module-filters .box { padding: 0 5px; } .module-filters .title { margin-bottom: 10px; padding-inline: 7px; font-size: 18px; font-weight: 500; } .module-filters .submit { } .module-filters .submit button { width: 100%; padding: 15px 20px; border: 0; background: var(--bg-dark); color: var(--white); font-size: 14px; line-height: 1.1; } .module-filters .list-checkbox { overflow: hidden auto; height: auto!important; max-height: 240px!important; padding-top: 10px; padding-right: 10px; } .module-filters .os-content { padding-right: 30px!important; } .module-filters .os-scrollbar-handle { background: #fff!important; } .module-filters .os-scrollbar { border-color: #ddd!important; background: #ccc!important; } .module-gallery { position: absolute; top: -3000em; left: -3000em; } .module-gallery-vertical { position: relative; top: auto; left: auto; padding: 0 0 0 110px; } .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-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{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.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-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} .module-gallery .main-pic { } .module-gallery .main-pic figure, .module-gallery-vertical .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; height: 520px; background: #fff; } .module-gallery .main-pic figure img, .module-gallery-vertical .main-pic figure img { width: auto; max-width: 80%; max-height: 520px; margin: 0 auto; float: none; } .module-gallery .slick-arrow, .module-gallery-vertical .slick-arrow { position: absolute; left: 50%; z-index: 10; width: 40px; height: 40px; margin-left: -15px; border: 0; background: #fff; text-indent: -9999em; cursor: pointer; } .module-gallery .slick-prev, .module-gallery-vertical .slick-prev { top: -10px; } .module-gallery .slick-next, .module-gallery-vertical .slick-next { bottom: 0; } .module-gallery-vertical .gallery-thumbs { position: absolute; top: 0; left: 0; width: 115px; height: 520px; padding-top: 30px; } .module-gallery-vertical .gallery-thumbs figure { margin-top: 5px; margin-bottom: 5px; } .module-gallery .gallery-thumbs a, .module-gallery-vertical .gallery-thumbs a { display: block; width: 110px; height: 97px; padding: 10px; border: 1px solid #e5e5e5; background: #fff; text-align: center; } .module-gallery .gallery-thumbs .slick-current a, .module-gallery-vertical .gallery-thumbs .slick-current a { border-color: var(--green); } .module-gallery .gallery-thumbs img, .module-gallery-vertical .gallery-thumbs img { width: auto!important; max-height: 100%!important; margin: 0 auto!important; } .module-gallery .slick-arrow, .module-gallery-vertical .slick-arrow { position: absolute; width: 33px; height: 33px; background: var(--green); border-radius: 5px; font-size: 0; outline: none; cursor: pointer; } [data-whatintent="mouse"] .module-gallery .slick-arrow:hover, [data-whatintent="mouse"] .module-gallery-vertical .slick-arrow:hover { background: #000; } .module-gallery .slick-arrow:before, .module-gallery-vertical .slick-arrow:before { width: 100%; height: 100%; font-size: 14px; color: #fff; font-family: i; font-weight: normal; } .module-gallery .slick-prev:before, .module-gallery .slick-next:before, .module-gallery-vertical .slick-prev:before, .module-gallery-vertical .slick-next:before { content: "\e900"; } .module-gallery .main-pic .slick-arrow { display: none!important; top: 50%; left: 10px; } .slick-disabled { display: none!important; } .module-gallery .main-pic .slick-next { left: auto; right: 0; } .module-gallery .main-pic .slick-prev, .module-gallery-vertical .slick-next:before { content: "\e901"; } .module-gallery .main-pic .slick-prev:before { content: "\e902"; } .module-gallery .main-pic .slick-next:before { content: "\e903"; } .module-gallery-vertical .slick-prev { content: "\e901"; } .module-items { } .module-login { margin-left: -40px; } .module-login > * { position: relative; z-index: 2; width: 50%; border-left: 40px solid rgba(0,0,0,0); } .module-login > *:before { left: auto; right: -20px; width: 3px; background: var(--bg-second); } .module-login > *:nth-child(2), .module-login .form-a { text-align: center; } .module-login .form-a { margin-top: 65px; } .module-login .link-btn { margin-top: 40px; } .module-login .pass input { margin-bottom: 10px; } .module-map { margin-bottom: 50px; } .module-map iframe { width: 100%!important; height: 600px!important; } .module-pattern { position: relative; z-index: 2; margin-bottom: 70px; padding-top: 80px; } .module-pattern:before { background: var(--bg-second); } .module-pattern.a { margin-bottom: 50px; padding-top: 30px; } .module-products { margin-bottom: 40px; } .module-products .product-a { width: 280px; } .module-products .product-a .price > span { width: 100%; } .module-products form { margin-left: -10px; width: 100%; } .module-products form .product-a { width: 25%; margin-bottom: 10px; border-left: 10px solid rgba(0,0,0,0); } .module-products.slide-a { display: block!important; } .module-products.slide-a .product-a { height: 100%; } .product-page .aside { overflow: hidden; position: relative; z-index: 2; margin-bottom: 30px; } .product-page .aside:before { top: auto; right: 16px; z-index: 90; height: 50px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .product-page .aside .inner-content { position: relative; overflow-y: hidden; height: 100%; scrollbar-gutter: stable; } .product-page .aside:hover .inner-content { overflow-y: auto; } .product-page .aside .module-products2 { position: absolute; top: 0; bottom: 0; max-height: 100%; height: 100%; } #root .module-products2 .item-a:last-child { margin-bottom: 60px; } .module-sort { position: relative; z-index: 100; } .module-sort .sort-a { margin-right: auto; } .module-subcategory { margin-bottom: 40px; padding: 14px 14px 0; font-size: 16px; font-weight: 400; background: var(--bg-second); line-height: 1.25; } .module-subcategory ul { margin-left: -14px; } .module-subcategory li { position: relative; z-index: 2; width: 33.3333%; margin-bottom: 14px; padding: 5px 100px 5px 20px; border-left: 14px solid rgba(0,0,0,0); } .module-subcategory li:before { background: var(--bg-main); } [data-whatintent="mouse"] .module-subcategory li:hover:before { box-shadow: 0 0 20px rgba(0,0,0,.15); } .module-subcategory li > * { float: left; width: 100%; } .module-subcategory figure { width: 100px; margin-right: -100px; text-align: center; } .module-summary { margin-bottom: 10px; margin-left: -20px; padding-top: 50px; color: var(--clr-main-100); line-height: 1; } .module-summary > * { border-left: 20px solid rgba(0,0,0,0); } .module-summary > *:last-child { margin-left: auto; text-align: right; } .module-summary span { display: block; } .module-summary .title { font-size: 20px; font-weight: 900; text-transform: uppercase; } .module-summary .title span { color: var(--green); } .module-summary .sum { } .module-summary .sum span { margin-bottom: 5px; font-size: 32px; font-weight: 900; } .module-wide { position: relative; left: 50%; width: 100vw; padding-inline: 20px; } .module-wide form { display: inline-block; max-width: 100%; margin-inline: auto; } .nav-sub { font-weight: 400; line-height: 1.2; } .nav-sub a { position: relative; z-index: 2; padding: 8px 50px 8px 12px; } .nav-sub a:before { content: "\e903"; left: auto; right: 0; width: 30px; font-size: 11px; } .nav-sub a:hover:before { width: 20px; } .owl-carousel { position: absolute; top: -3000em; left: -3000em; } .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); } .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-grab { cursor: move; cursor: grab; } .owl-nav { position: absolute; top: 50%; left: 0; right: 0; } .owl-nav button { display: block; position: absolute; top: 0; z-index: 2; min-width: 0; width: auto; width: 48px; height: 48px; margin-top: -24px; padding: 0; box-shadow: none; border: 1px solid #dedede; background: rgba(255,255,255,.8); color: var(--green); font-size: 11px; text-indent: -9999em; cursor: pointer; } .owl-nav button:before { content: "\e902"; } [data-whatintent="mouse"] .owl-nav button:hover { background: var(--green); color: var(--white); } .owl-nav button.owl-prev { left: 10px; } .owl-nav button.owl-next { right: 10px; } .owl-nav button.owl-next:before { content: "\e903"; } .owl-dots { } .pagination-a { position: relative; z-index: 2; margin: 0 -11px 3px; color: var(--clr-main-100); font-size: 15px; line-height: 1.1; } .pagination-a > * { margin: 0 11px 23px; } .pagination-a input { width: 48px; height: 46px; padding-inline: 5px; border: 1px solid var(--border); background: var(--bg-main); color: var(--clr-main-100); font-size: 18px; text-align: center; } .pagination-a span { padding-left: 6px; } .pagination-a .btn { } .pagination-a .btn a { display: block; position: relative; z-index: 2; width: 50px; height: 44px; background: var(--bg-second); color: var(--clr-main-100); font-size: 12px; text-indent: -9999em; } [data-whatintent="mouse"] .pagination-a .btn a:hover { background: var(--green); color: var(--white); } .pagination-a .btn.prev a:before { content: "\e902"; } .pagination-a .btn.next a:before { content: "\e903"; } .popup { position: fixed; top: -40%; left: 50%; z-index: 2000; width: 834px; margin-left: -417px; padding: 32px 40px 5px; border-radius: 18px; background: var(--white); line-height: 1.2; } .user-active .login-popup, .cart-active .cart-popup, .filter-active .filter-popup { top: 10%; } .popup .close-a { position: absolute; top: 27px; right: 27px; z-index: 8; } .popup .close-a a { position: relative; z-index: 2; width: 60px; height: 60px; color: var(--black); font-size: 22px; text-indent: -9999em; line-height: 40px; } .popup .close-a a:before { content: "\e90a"; } [data-whatintent="mouse"] .popup .close-a a:hover:before { color: var(--red); } .login-popup { padding-bottom: 45px; } .login-popup hr { margin-top: 0; } .login-popup p { margin-bottom: 18px; } .login-popup .submit { width: 100%; } .price-a { color: var(--clr-main-100); font-size: 16px; line-height: 1.1; } .price-a .default { margin-right: 10px; font-size: 28px; font-weight: 700; } .price-a .promo { color: var(--red); } .price-a .old { text-decoration: line-through; } .product-a { position: relative; z-index: 2; padding: 16px 11px 0; } .product-a:before { border: 1px solid var(--border2); background: var(--bg-main); } [data-whatintent="mouse"] .product-a:hover:before { box-shadow: 0 0 20px rgba(0,0,0,.12); } .product-a figure { position: relative; margin: 0 -10px 10px; padding: 0 15px 30px; text-align: center; } [data-whatintent="mouse"] .product-a:hover figure img { -webkit-transform: scale(.9,.9); transform: scale(.9,.9); } .product-a .title { margin-bottom: 3px; font-size: 18px; font-weight: 700; line-height: 1.33; } .product-a .title a { display: block; color: var(--clr-main-100); } .product-a .prices { margin-top: auto; color: var(--clr-main-100); line-height: 1.1; } .product-a .price { } .product-a .price .default { margin-bottom: 7px; margin-right: 10px; font-size: 24px; font-weight: 700; } .product-a .price .promo { color: var(--red); } .product-a .price .old { margin-bottom: 7px; text-decoration: line-through; } .product-a .price .gradient-a { margin-right: auto; } .product-a .latest { margin-top: 3px; color: var(--clr-main-80); font-size: 13px; } .product-a .list-attr { position: absolute; bottom: -8px; left: 11px; z-index: 12; } .product-a .fav { position: absolute; top: 1px; right: 1px; z-index: 9; } .product-a .add { position: relative; z-index: 2; margin: 0 -9px 2px; padding: 6px 10px 0; font-size: 13px; } .product-a .add:before { background: var(--bg-second); } .product-a .add > * { margin-bottom: 7px; margin-right: 8px; } .product-a .add > *:last-child { margin-left: auto; margin-right: 0; } .product-a .add input { width: 48px; height: 46px; padding: 0 5px; border: 0; color: var(--clr-main-100); font-size: 14px; text-align: center; } .product-a .add button { position: relative; z-index: 2; width: 100%; padding: 14px 14px 14px 44px; border: 0; background: var(--green); color: var(--white); line-height: 1.1; text-align: left; } .product-a .add button:before { content: "\e907"; width: 44px; font-size: 18px; } .product-middle { padding-right: 400px; } .product-middle > * { float: left; width: 100%; margin-bottom: 25px; padding-left: 30px; padding-right: 23px; } .product-middle .aside { width: 400px; margin-right: -400px; padding: 0; } .product-middle .inner { position: relative; z-index: 2; padding-top: 30px; padding-bottom: 20px; padding-right: 30px; color: var(--clr-main-100); font-size: 17px; } .product-middle .inner:before { left: -30px; background: var(--bg-main); } .product-middle .inner p, .product-middle .inner ul { margin-bottom: 25px; } .product-middle .inner li { position: relative; padding-left: 24px; } .product-middle .inner li:before { top: 9px; left: 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--bg-dark); } .product-middle .aside { overflow: hidden; position: relative; z-index: 2; } .product-middle .aside:before { top: auto; right: 16px; z-index: 90; height: 50px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .product-middle .aside .inner-content { position: relative; overflow-y: hidden; height: 100%; scrollbar-gutter: stable; } .product-middle .aside:hover .inner-content { overflow-y: auto; } .product-middle .aside .module-products2 { position: absolute; top: 0; bottom: 0; max-height: 100%; height: 100%; } .product-info { padding-right: 330px; color: var(--clr-main-100); } .product-info > * { float: left; width: 100%; } .product-info .module-d { width: 330px; margin-right: -330px; padding-inline: 20px; } .product-info .module-d hr { width: auto; margin-inline: -20px; } .product-page { padding-right: 400px; } .product-page > * { float: left; width: 100%; padding-left: 30px; padding-right: 23px; } .product-page .aside { width: 400px; margin-right: -400px; padding: 0; } .range-slider { font-size: 15px; } .price-input { margin-bottom: 7px; margin-left: -19px; } .price-input p { position: relative; width: 50%; border-left: 19px solid rgba(0,0,0,0); } .price-input p:first-child:before { content: "-"; position: absolute; top: 0; left: 100%; width: 19px; text-align: center; line-height: 40px; } .price-input input { width: 100%!important; height: 40px; padding: 0 14px; border: 0; box-shadow: 0 0 10px rgba(0,0,0,.05); background-color: var(--bg-main); color: var(--clr-main-100); font-size: 14px; font-weight: 400; text-align: center; } .price-input input::-webkit-outer-spin-button, .price-input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .price-input input { -moz-appearance: textfield; } .slider { position: relative; clear: both; width: 100%; height: 6px; border-radius: 5px; background: var(--orange); } .slider .progress { position: absolute; left: 25%; right: 25%; height: 100%; border-radius: 5px; background: var(--orange); } .range-input { position: relative; height: 32px; } .range-input input { position: absolute; top: -6px; width: 100%; height: 5px; padding: 0; border: 0; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; } .range-input input[type="range"]::-webkit-slider-thumb{ height: 20px; width: 20px; border: 2px solid var(--white); background: var(--green); pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 6px rgba(0,0,0,0.05); } .range-input input[type="range"]::-moz-range-thumb { height: 20px; width: 20px; border: none; border: 2px solid var(--white); background: var(--green); pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 6px rgba(0,0,0,0.05); } .shipping-a { position: relative; z-index: 2; padding-left: 44px; color: var(--clr-main-100); font-size: 15px; } .shipping-a:before { content: "\e91a"; width: auto; font-size: 24px; color: var(--clr-main-100); } .slide-a { } .slide-a .owl-stage-outer { margin: -10px; padding: 10px; } .sort-a { margin: 0 -12px; color: var(--clr-main-100); font-size: 14px; line-height: 1.1; } .sort-a > * { margin: 0 12px 15px; } .sort-a .selected { } .sort-a .selected a { position: relative; z-index: 2; margin: 0; padding: 12px 60px 12px 18px; border: 1px solid var(--border3); } .sort-a .selected a:before { content: '\e901'; left: auto; right: 0; width: 46px; font-size: 11px; } .sort-a .select { position: relative; z-index: 2; } .sort-a .drop { position: absolute; top: calc(100% - 1px); left: 0; z-index: -1; width: 245px; padding: 20px 20px 10px; text-align: left; } .sort-a .drop { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; } .sort-a .drop:before { border-radius: 0 5px 5px 5px; border: 1px solid var(--border3); background: var(--bg-main); } .sort-a:hover .drop { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; } .sort-a ul { list-style: none; } .sort-a li { margin-bottom: 10px; } .sort-a a { color: var(--clr-main-100); } .sort-a .active { font-weight: 500; } .user-info { margin: 0 -10px 32px; } .user-info p { float: left; width: calc(50% - 20px); margin: 0 10px 24px; } .user-info .wide { width: calc(100% - 20px); } .user-info .long { width: calc(65% - 20px); } .user-info .short { width: calc(35% - 20px); } .user-info .clear { clear: left; } .user-info input { width: 100%!important; min-width: 100px!important; } .user-info input:focus + label span, .user-info .sh + label span, .user-info input:-webkit-autofill + label span { font-size: 0; } .width-a { max-width: 720px; } .width-a.a { margin-inline: auto; } .width-b { max-width: 350px; margin: 0 auto; } .width-c { max-width: 930px; padding-left: 30px; } .width-d { max-width: 565px; margin-inline: auto; } /*! Headers --------- */ .header-a { margin-bottom: 20px; color: var(--clr-main-100); line-height: 1.1; } .header-a .title { margin-bottom: 10px; font-size: 30px; font-weight: 700; } .header-b { overflow: hidden; color: var(--clr-main-100); font-size: 30px; font-weight: 900; line-height: 1; text-transform: uppercase; } .header-b p:first-child { position: relative; z-index: 2; width: fit-content; color: var(--green); font-size: 44px; } .header-b p:first-child:before { top: 50%; left: 100%; right: -400px; height: 5px; background: var(--orange); } .header-c { margin-bottom: 40px; } .header-c p { margin-bottom: 6px; } .header-c .inf { text-decoration: underline; } .header-c .heading-f { margin-bottom: 25px; } .heading-a { position: relative; z-index: 2; width: fit-content; margin-bottom: 53px; padding-bottom: 6px; font-size: 30px; font-weight: 700; } .heading-a:before { top: auto; height: 4px; background: var(--green); } .heading-b { font-family: "Archivo Black", sans-serif; font-weight: 400; } .heading-c { margin-bottom: 30px; color: var(--clr-main-100); font-size: 20px; font-weight: 900; text-transform: uppercase; } .heading-d { margin-bottom: 40px; color: var(--clr-main-100); font-size: 30px; font-weight: 900; text-transform: uppercase; line-height: 1.1; } .heading-d.a { margin-bottom: 70px; font-size: 40px; text-align: center; } .heading-e { margin-bottom: 30px; color: var(--clr-main-100); font-size: 21px; font-weight: 900; text-transform: uppercase; line-height: 1.1; } .heading-f { margin-bottom: 30px; color: var(--clr-main-100); font-size: 24px; font-weight: 900; text-transform: uppercase; line-height: 1.1; } .heading-f.a { font-size: 20px; } /*! Content --------- */ .strong, strong { color: var(--clr-second); 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; } #root .overlay-a { color: var(--green); } /*! Links --------- */ .btn-facebook { margin-top: 75px; margin-bottom: 45px; } .btn-facebook a { position: relative; z-index: 2; padding-left: 68px; color: var(--blue); font-size: 16px; font-weight: 700; } .btn-facebook a:before { top: 50%; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; background: var(--blue); } .btn-facebook a:after { content: "\e911"; top: 50%; width: 40px; height: 40px; margin-top: -20px; padding-top: 18px; color: var(--white); font-size: 38px; } .close-a { position: absolute; top: 0; right: 0; z-index: 10; } .close-a a { display: block; position: relative; z-index: 2; width: 48px; height: 48px; background: #fff; text-indent: -9999em; text-align: left; } .close-a a:before { content: "\e90a"; font-size: 20px; } .close-a a:before { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .close-a a:before { justify-content: center; flex-wrap: wrap; } .close-b { } .close-b a { display: block; position: relative; z-index: 2; height: 48px; padding: 0 60px 0 20px; background: var(--green); color: var(--white); } .close-b a:before { content: "\e90a"; top: 0; left: auto; right: 0; width: 48px; height: 48px; margin-top: 0; font-size: 20px; } .close-b a:after { top: 0; left: auto; right: 0; width: 48px; height: 48px; margin-top: 0; background: rgba(0,0,0,.2); } .close-b a, .close-b a:before { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .close-b a:before { justify-content: center; flex-wrap: wrap; } .link-a { } .link-a a { } .link-b { } .link-btn { } .link-btn a { position: relative; padding: 14px 53px 14px 24px; background: var(--clr-four); color: var(--white); font-weight: 700; line-height: 1.1; } .link-btn a:before { content: "\e903"; left: auto; right: 0; width: 50px; font-size: 13px; } .link-btn .a { background: var(--clr-five); } .link-btn.a { } .link-btn.b { } .link-btn.b a { width: 100%; max-width: 350px; padding-left: 20px; padding-right: 20px; } .link-btn.c { } .link-btn.c a { width: 100%; max-width: 237px; padding-left: 57px; padding-right: 20px; background: var(--bg-second); color: var(--clr-main); font-size: 16px; font-weight: 400; } .link-btn.c a:before { content: "\e902"; left: 0; right: auto; } .link-btn.d { } .link-btn.d a { width: 100%; } .link-download { } .link-download a { position: relative; z-index: 2; padding-left: 47px; padding-right: 14px; } .link-download a:before { content: "\e910"; width: auto; font-size: 26px; } .print-btn { } .print-btn a { position: relative; width: 100%; padding: 13px 20px 13px 43px; color: var(--clr-main-100); font-size: 17px; line-height: 1.1; } .print-btn a:before { content: "\e91f"; width: auto; font-size: 23px; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /*! Lists --------- */ .list-a { } .list-a h1, .list-a h2, .list-a h3, .list-a h4, .list-a h5, .list-a h6 { margin-bottom: 5px; } .list-a > li { margin-bottom: 20px; } .list-about { position: relative; padding-top: 100px; } .list-about:before { background: url(../images/logo-a.png) no-repeat 0 0; } .text-right .list-about:before { background-position: 100% 0; } #footer .list-about { padding-top: 65px; } #footer .list-about:before { top: -35px; } .list-attr { margin-bottom: 2px; margin-left: -8px; color: var(--white); font-size: 14px; line-height: 1.1; text-transform: uppercase; } .breadcrumbs + .list-attr { margin-top: 23px; } .list-attr li { position: relative; z-index: 2; margin-bottom: 5px; padding: 4px 4px; border-left: 8px solid rgba(0,0,0,0); } .list-attr li:before { background: var(--bg-dark); } .list-attr .new:before { background: var(--green); } .list-attr .sale:before { background: var(--orange); } .list-attr .discount { font-weight: 700; } .list-attr .discount:before { background: var(--red); } .list-b { margin-left: -20px; } .list-b li { margin-bottom: 20px; border-left: 20px solid rgba(0,0,0,0); } .list-blog { margin-bottom: 55px; margin-left: -26px; font-size: 18px; } .list-blog li { width: 33.3333%; margin-bottom: 20px; border-left: 26px solid rgba(0,0,0,0); } .list-blog div { overflow: hidden; position: relative; z-index: 2; width: 100%; height: auto; margin-bottom: 20px; } .list-blog video { float: left; width: 100%!important; max-width: 100%!important; height: auto; } .list-blog li > p { padding-inline: 22px; } .list-blog div > p { position: absolute; inset: 0; z-index: 8; } .list-blog a { height: 100%; } .list-blog span { position: relative; min-width: 63%; max-width: 80%; min-height: 120px; padding: 20px 23px; color: var(--green); font-size: 33px; font-weight: 900; text-transform: uppercase; line-height: 1; } .list-blog span:before { opacity: .8; background: var(--white); } [data-whatintent="mouse"] .list-blog li:hover span:before { opacity: 1; } .list-blog span:after { content: "\e903"; top: auto; bottom: 0; left: 100%; width: 46px; height: 46px; background: var(--green); color: var(--white); font-size: 12px; line-height: 46px; } [data-whatintent="mouse"] .list-blog li:hover img { -webkit-transform: rotate(2deg) scale(1.1,1.1); transform: rotate(2deg) scale(1.1,1.1); } .list-c { margin-bottom: 17px; margin-left: -9px; font-size: 14px; font-weight: 400; line-height: 1.1; } .list-c li { margin-bottom: 9px; border-left: 9px solid rgba(0,0,0,0); } .list-c a { position: relative; z-index: 2; padding: 16px 20px 16px 55px; background: var(--bg-main); } .list-c a:before { content: "\e902"; width: 50px; font-size: 12px; } .list-c .filter-btn { } .list-c .filter-btn a { background: var(--green); color: var(--white); } .list-c .filter-btn a:before { content: "\e912"; font-size: 22px; } .list-checkbox { position: relative; z-index: 2; font-size: 14px; font-weight: 400; } .list-checkbox li { position: relative; z-index: 2; margin-bottom: 19px; } .list-checkbox label { position: relative; z-index: 2; padding-left: 42px; padding-right: 50px; color: var(--clr-main-100); line-height: 1.1; } [data-whatintent="mouse"] .list-checkbox label:hover, .list-checkbox input:checked + label { color: var(--green); } .list-checkbox label:before { width: 22px; height: 22px; border: 1px solid var(--border); background: var(--bg-main); } .list-checkbox input:checked + label:before { content: "\e909"; border-color: var(--green); background: var(--green); color: var(--white); } .list-checkbox span { position: absolute; top: 0; right: 0; color: var(--clr-main-80); } .list-checkbox .hidden { display: none!important; } .list-checkbox input { opacity: 0; position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; cursor: pointer; } .list-company { margin-left: -30px; color: var(--clr-main-100); font-size: 16px; font-weight: 700; text-transform: uppercase; } .list-company li { position: relative; z-index: 2; width: 33.3333%; margin-bottom: 30px; padding: 29px 135px 28px 25px; border-left: 30px solid rgba(0,0,0,0); } .list-company li:before { background: var(--bg-main); } .list-company li:after { box-shadow: 0 0 20px rgba(0,0,0,.4); } [data-whatintent="mouse"] .list-company li:hover, [data-whatintent="mouse"] .list-company li:hover p:first-child { color: var(--white); } [data-whatintent="mouse"] .list-company li:hover:before { background: var(--green); } [data-whatintent="mouse"] .list-company li:hover:after, [data-whatintent="mouse"] .list-company li:hover:before { inset: -9px; } .list-company p:first-child { color: var(--green); } .list-company figure { position: absolute; top: 0; bottom: 0; right: 0; width: 130px; } [data-whatintent="mouse"] .list-company li:hover figure { top: -9px; bottom: -9px; right: -9px; } .list-contact { font-size: 18px; } #root .list-contact li { margin-bottom: 23px; } .list-contact a { position: relative; z-index: 2; padding-left: 48px; } .list-contact a:before { content: "\e916"; width: auto; font-size: 27px; } .list-contact span { font-size: 16px; } .list-d { } .list-d li:first-child { margin-right: auto; } .list-d a { color: var(--clr-main-100); } .list-d a:hover { color: var(--green); } .list-download { } .list-download li { margin-bottom: 20px; border-bottom: 1px solid var(--border3); } .list-download p { margin-bottom: 12px; margin-left: 35px; } .list-download p:first-child { margin-left: 0; margin-right: auto; } .list-select { margin-bottom: 20px; font-size: 17px; line-height: 1.2; } .list-select li { position: relative; margin-bottom: 9px; } .list-select label { position: relative; z-index: 2; min-height: 79px; padding: 10px 80px 10px 185px; border-bottom: 2px solid var(--border2); border-radius: var(--radius); color: var(--clr-main-100); cursor: pointer; } .list-select label:before, .list-select strong label:before { top: 50%; left: 14px; width: 22px; height: 22px; margin-top: -12px; border: 1px solid var(--border2); background: var(--bg-main); color: var(--white); } .list-select input:checked + label, .list-select strong label, .list-select input:checked + label .price, .list-select strong label .price { color: var(--green); font-weight: 700; } .list-select input:checked + label:before, .list-select strong label:before { overflow: visible; content: "\e909"; border-color: var(--green); background: var(--green); font-size: 13px; line-height: 22px; } .list-select label:after { content: ""; overflow: hidden; position: absolute; top: 50%; left: 40px; width: 130px; height: 70px; margin-top: -35px; border-radius: 5px; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; background-color: var(--white); } .list-select span { margin-top: 3px; color: var(--clr-main-80); font-size: 14px; font-weight: 300; } .list-select .price { position: absolute; top: 50%; right: 0; height: 20px; margin-top: -10px; color: var(--clr-main-100); font-size: 17px; } .list-select label[for="przesylka_1"]:after { background-image: url(../images/przesylka-1.png); } .search-list { position: relative; z-index: 2; margin-bottom: 25px; } .search-list p { margin-bottom: 0; } .search-list p:nth-child(2) { position: absolute; top: 1px; left: 1px; } .search-list label { display: none; } .search-list input { width: 100%; height: 40px; padding: 0 20px 0 40px; border: 1px solid var(--border2); } .search-list button { display: block; position: relative; width: 39px; height: 39px; border: 0; background: none; color: var(--clr-main-80); font-size: 16px; text-align: left; text-indent: -9999em; } .search-list button:before { content: "\e906"; } /*! 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; } button { cursor: pointer; } .add-button { margin-bottom: 20px; } .add-button button { position: relative; z-index: 2; width: 100%; padding: 14px 14px 14px 44px; border: 0; background: var(--green); color: var(--white); font-size: 16px; font-weight: 900; line-height: 1.1; text-align: center; } .add-button button:before { content: "\e907"; width: 44px; font-size: 18px; } .check-a { display: block; margin-bottom: 50px; } .check-a label { display: block; position: relative; z-index: 2; padding: 0 0 0 42px; font-size: 15px; line-height: 1.1; cursor: pointer; } .check-a label:before { top: 0; width: 22px; height: 22px; margin-top: -3px; border: 1px solid var(--border); background: var(--bg-main); color: var(--white); font-size: 13px; line-height: 22px; } .check-a input:checked + label:before { content: "\e909"; border-color: var(--green); background: var(--green); } .check-a span { color: var(--clr-main-dark); } .check-a > div { text-align: left!important; } .code-a { position: relative; z-index: 2; margin: -15px -10px 0; } #root .code-a > * { margin: 0 10px 20px; } .code-a input { max-width: 150px!important; width: 100%!important; height: 44px; padding: 0 20px; border: 1px solid var(--athens); background: var(--whisper); color: var(--stratos); font-size: 16px; font-weight: 700; text-align: center; } .code-a.rcode { margin-bottom: 40px; } .code-a.rcode > p:first-child { width: 100%; } .contact-a { padding-left: 270px; } .contact-a > * { float: left; width: 100%; padding-left: 40px; } .contact-a > *:first-child { width: 270px; margin-left: -270px; padding-left: 0; } .form-a { position: relative; color: var(--clr-main-100); } .form-a p { position: relative; z-index: 2; margin-bottom: 26px; } .form-a input, .form-a select, .form-a textarea { width: 100%!important; height: 40px; padding: 0 20px; border: 1px solid var(--border); background-color: var(--bg-main); color: var(--clr-main-100); font-size: 15px; } .form-a select { padding: 5px 30px 5px 15px; cursor: pointer; } .form-a select { background: var(--bg-main) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDUxLjg0N3B4IiBoZWlnaHQ9IjQ1MS44NDdweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjNzc3ZTgxIiBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEKCQljMTIuMzU0LTEyLjM1NCwzMi4zODgtMTIuMzU0LDQ0Ljc0OCwwbDE3MS45MDUsMTcxLjkxNWwxNzEuOTA2LTE3MS45MDljMTIuMzU5LTEyLjM1NCwzMi4zOTEtMTIuMzU0LDQ0Ljc0NCwwCgkJYzEyLjM2NSwxMi4zNTQsMTIuMzY1LDMyLjM5MiwwLDQ0Ljc1MUwyNDguMjkyLDM0NS40NDlDMjQyLjExNSwzNTEuNjIxLDIzNC4wMTgsMzU0LjcwNiwyMjUuOTIzLDM1NC43MDZ6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) 94% center no-repeat; background-size: auto 12px; } .form-a select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-a option { padding: 2px 5px; } .form-a textarea { height: 236px; min-height: 236px; padding: 17px; } .form-a label { position: absolute; top: 9px; left: 8px; z-index: 8; padding-inline: 13px; background: var(--bg-main); color: var(--clr-main-100); font-size: 15px; } .form-a label { -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } .form-a label span { color: var(--red); } .form-a input:focus + label, .form-a .sh + label, .form-a input:-webkit-autofill + label, .form-a textarea:focus + label, .form-a textarea:-webkit-autofill + label { position: absolute; top: -11px; left: 17px; z-index: 8; padding: 3px 4px; color: var(--clr-main-80); font-size: 13px; } .form-a input:focus, .form-a textarea:focus, .form-a .sh { border-color: var(--green); } .form-a input[type="email"], .form-a input[name="umail"], .form-a input[name="email"], .form-a input[name="klient_email"] { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0NTYiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDE0NTYgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik03MjUuMzMzIDE3MC42NjdoLTU5Ny4zMzNjLTcwLjY5MiAwLTEyOCA1Ny4zMDgtMTI4IDEyOHYwIDQyNi42NjdjMCA3MC42OTIgNTcuMzA4IDEyOCAxMjggMTI4djBoNTk3LjMzM2M3MC42OTIgMCAxMjgtNTcuMzA4IDEyOC0xMjh2MC00MjYuNjY3YzAtNzAuNjkyLTU3LjMwOC0xMjgtMTI4LTEyOHYwek02OTYuNzQ2IDI1NmwtMjQ0LjQ4IDE4My40NjdjLTcuMDQyIDUuMzI3LTE1Ljk0NyA4LjUzMy0yNS42IDguNTMzcy0xOC41NTgtMy4yMDYtMjUuNzA3LTguNjExbDAuMTA3IDAuMDc4LTI0NC40OC0xODMuNDY3ek03MjUuMzMzIDc2OGgtNTk3LjMzM2MtMjMuNTY0IDAtNDIuNjY3LTE5LjEwMy00Mi42NjctNDIuNjY3djAtNDE2bDI2NC41MzMgMTk4LjRjMjEuMTI2IDE1Ljk4MiA0Ny44NCAyNS42IDc2LjggMjUuNnM1NS42NzQtOS42MTggNzcuMTIyLTI1LjgzM2wtMC4zMjIgMC4yMzMgMjY0LjUzMy0xOTguNHY0MTZjMCAyMy41NjQtMTkuMTAzIDQyLjY2Ny00Mi42NjcgNDIuNjY3djB6Ij48L3BhdGg+Cjwvc3ZnPgo=); background-position: 100% 50%; background-repeat: no-repeat; background-size: auto 19px; } .form-a input[name="password"], .form-a input[name="password_repeat"] { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0NTYiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDE0NTYgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik01NTQuNjYxIDM0MS4zMzN2LTQyLjY2N2MwLTExNy44MjEtOTUuNTEzLTIxMy4zMzMtMjEzLjMzMy0yMTMuMzMzcy0yMTMuMzMzIDk1LjUxMy0yMTMuMzMzIDIxMy4zMzN2MCA0Mi42NjdjLTcwLjY5MiAwLTEyOCA1Ny4zMDgtMTI4IDEyOHYwIDI5OC42NjdjMCA3MC42OTIgNTcuMzA4IDEyOCAxMjggMTI4djBoNDI2LjY2N2M3MC42OTIgMCAxMjgtNTcuMzA4IDEyOC0xMjh2MC0yOTguNjY3YzAtNzAuNjkyLTU3LjMwOC0xMjgtMTI4LTEyOHYwek0yMTMuMzI4IDI5OC42NjdjMC03MC42OTIgNTcuMzA4LTEyOCAxMjgtMTI4czEyOCA1Ny4zMDggMTI4IDEyOHYwIDQyLjY2N2gtMjU2ek01OTcuMzI4IDc2OGMwIDIzLjU2NC0xOS4xMDMgNDIuNjY3LTQyLjY2NyA0Mi42Njd2MGgtNDI2LjY2N2MtMjMuNTY0IDAtNDIuNjY3LTE5LjEwMy00Mi42NjctNDIuNjY3djAtMjk4LjY2N2MwLTIzLjU2NCAxOS4xMDMtNDIuNjY3IDQyLjY2Ny00Mi42Njd2MGg0MjYuNjY3YzIzLjU2NCAwIDQyLjY2NyAxOS4xMDMgNDIuNjY3IDQyLjY2N3YweiI+PC9wYXRoPgo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMzQ0Ljc0MSA1MTJjLTAuNzc1LTAuMDI1LTEuNjg3LTAuMDQwLTIuNjAyLTAuMDQwLTQ3LjEyOCAwLTg1LjMzMyAzOC4yMDUtODUuMzMzIDg1LjMzMyAwIDMxLjA4OCAxNi42MjUgNTguMjk0IDQxLjQ2OSA3My4yMTFsMC4zODYgMC4yMTV2MTEuOTQ3YzAgMjMuNTY0IDE5LjEwMyA0Mi42NjcgNDIuNjY3IDQyLjY2N3M0Mi42NjctMTkuMTAzIDQyLjY2Ny00Mi42Njd2MC0xMS45NDdjMjQuNjExLTE0LjM1OCA0MS4yMjgtNDAuMDc2IDQyLjY1OS02OS43NzhsMC4wMDctMC4xOTVjMC4wNDUtMS4wMzggMC4wNzEtMi4yNTUgMC4wNzEtMy40NzkgMC00NS45NTMtMzYuMzIzLTgzLjQyMi04MS44MjQtODUuMjYybC0wLjE2Ny0wLjAwNXoiPjwvcGF0aD4KPC9zdmc+Cg==); background-position: 100% 50%; background-repeat: no-repeat; background-size: auto 19px; } .form-a input[name="telefon"] { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE0NTYiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDE0NTYgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik03MjIuODAzIDU2Mi43NzNjLTQ3LjM2LTQ3LjM2LTEyOS43MDctNDcuMzYtMTc3LjA2NyAwbC0yOS4wMTMgMjkuMDEzYy0xNS4zNiAxNS4zNi00MC45NiAxNS4zNi01Ni4zMiAwbC0xMTYuNDgtMTE2LjQ4Yy0xNS4zNi0xNS4zNi0xNS4zNi00MC45NiAwLTU2LjMybDI5LjAxMy0yOS4wMTNjNDguNjQtNDguNjQgNDguNjQtMTI4IDAtMTc3LjA2N2wtODcuNDY2LTg3LjQ2N2MtNDcuMzYtNDcuMzYtMTI5LjcwNy00Ny4zNi0xNzcuMDY3IDBsLTcxLjY4IDcxLjY4Yy0yOS44NjcgMjkuODY3LTQyLjY2NyA3Mi41MzMtMzQuMTMzIDExNC4zNDcgMjguNTg3IDE0Mi41MDcgMTA3LjUyIDI4NC41ODcgMjIyLjI5MyAzOTkuMzZzMjU2LjQyNiAxOTMuNzA3IDM5OS4zNiAyMjIuMjkzYzguNTMzIDEuNzA3IDE2LjY0IDIuNTYgMjUuMTczIDIuNTYgMzMuMjggMCA2NS4yOC0xMi44IDg4Ljc0Ny0zNi42OTNsNzEuNjgtNzEuNjhjMjMuNDY3LTIzLjQ2NyAzNi42OTMtNTUuMDQwIDM2LjY5My04OC4zMnMtMTMuMjI3LTY0Ljg1My0zNi42OTMtODguMzJsLTg3LjQ2Ny04Ny40NjcgMC40MjctMC40Mjd6TTc1MC4xMSA3NjYuNzJsLTcxLjY4IDcxLjY4Yy05LjM4NyA5LjM4Ny0yMy40NjcgMTMuNjUzLTM3LjEyIDEwLjY2Ny0xMjYuMjkzLTI1LjE3My0yNTIuNTg3LTk2LTM1NS44NC0xOTkuMjUzcy0xNzMuNjUzLTIyOS4xMi0xOTkuMjUzLTM1NS40MTNjLTIuNTYtMTMuNjUzIDEuMjgtMjcuMzA3IDEwLjY2Ny0zNy4xMmw3MS42OC03MS42OGM3LjY4LTcuNjggMTcuNDkzLTExLjUyIDI4LjE2LTExLjUyczIwLjQ4IDQuMjY3IDI4LjE2IDExLjUybDg3LjQ2NyA4Ny40NjdjMTUuMzYgMTUuMzYgMTUuMzYgNDAuOTYgMCA1Ni4zMmwtMjkuMDEzIDI5LjAxM2MtNDguNjQgNDguNjQtNDguNjQgMTI4IDAgMTc3LjA2N2wxMTYuNDggMTE2LjQ4YzQ4LjY0IDQ4LjY0IDEyOCA0OC42NCAxNzcuMDY3IDBsMjkuMDEzLTI5LjAxM2MxNS4zNi0xNS4zNiA0MC41MzMtMTUuMzYgNTYuMzIgMGw4Ny40NjcgODcuNDY3YzcuNjggNy4yNTMgMTEuNTIgMTcuNDkzIDExLjUyIDI4LjE2cy00LjI2NyAyMC40OC0xMS41MiAyOC4xNmgwLjQyN3pNNTUwLjQzIDEyOGMwLTIzLjQ2NyAxOS4yLTQyLjY2NyA0Mi42NjctNDIuNjY3IDE0MS4yMjcgMCAyNTYgMTE0Ljc3MyAyNTYgMjU2IDAgMjMuNDY3LTE5LjIgNDIuNjY3LTQyLjY2NyA0Mi42NjdzLTQyLjY2Ny0xOS4yLTQyLjY2Ny00Mi42NjdjMC05NC4yOTMtNzYuMzczLTE3MC42NjctMTcwLjY2Ny0xNzAuNjY3LTIzLjQ2NyAwLTQyLjY2Ny0xOS4yLTQyLjY2Ny00Mi42Njd6TTU1MC40MyAyOTguNjY3YzAtMjMuNDY3IDE5LjItNDIuNjY3IDQyLjY2Ny00Mi42NjcgNDYuOTMzIDAgODUuMzMzIDM4LjQgODUuMzMzIDg1LjMzMyAwIDIzLjQ2Ny0xOS4yIDQyLjY2Ny00Mi42NjcgNDIuNjY3cy00Mi42NjctMTkuMi00Mi42NjctNDIuNjY3Yy0yMy40NjcgMC00Mi42NjctMTkuMi00Mi42NjctNDIuNjY3eiI+PC9wYXRoPgo8L3N2Zz4K); background-position: 100% 50%; background-repeat: no-repeat; background-size: auto 19px; } .form-a button, .button { position: relative; z-index: 2; width: 100%; max-width: 266px; padding: 15px 25px; border: 0; background: var(--bg-third); color: var(--white); font-size: 14px; font-weight: 300; line-height: 1; text-align: center; cursor: pointer; } [data-whatintent="mouse"] .form-a button:hover, [data-whatintent="mouse"] .button:hover { background: var(--orange); } .form-footer { margin-bottom: 55px; color: var(--clr-main-100); font-size: 15px; line-height: 1.2; } .form-footer table { width: auto; margin: 0!important; border-spacing: 0!important; } .form-footer td { position: relative; z-index: 2; padding-bottom: 22px; } .form-footer td:first-child { vertical-align: top; } .form-footer input { position: absolute; top: -2px; bottom: 0; left: 0; right: 0; z-index: 10; width: 40px; height: 40px; opacity: 0; cursor: pointer; } .form-footer .input { position: relative; z-index: 2; width: 22px; height: 22px; margin-top: -2px; border: 1px solid var(--border); background: var(--bg-main); } .form-footer input:checked + .input { border-color: var(--green); background: var(--green); } .form-footer input:checked + .input:before { content: "\e909"; top: 11px; color: var(--white); font-size: 13px; } .form-footer label { display: block; margin-bottom: 0; padding-left: 18px; color: var(--clr-main); font-size: 15px; text-transform: none; cursor: pointer; } .form-footer label span { color: var(--red); font-weight: 700; } .form-search { position: relative; z-index: 2; width: 100%; padding-right: 48px; border: 2px solid var(--green); } .form-search input { width: 100%; height: 48px; padding-inline: 20px; border: 0; } .form-search .btn { position: absolute; top: 0; right: 0; width: 48px; } .form-search button { width: 100%; height: 48px; border: 0; background: none; text-indent: -9999em; } .form-search button:before { content: "\e906"; color: var(--orange); font-size: 21px; } .form-search #podpowiedzi { position: absolute; top: 100%; left: 0; right: 0; z-index: 12; } #podpowiedzi { position: absolute; top: 110px!important; left: 0!important; z-index: 10000!important; width: 100%!important; box-shadow: 0 0 10px rgba(0,0,0,.1); background-color: var(--bg-main); z-index: 99900; text-align: left; } .podpowiedzi-pole { overflow-y: auto; max-height: 420px; padding: 20px; } .podpowiedzi-pole .category-section { width: 33%; padding-right: 20px; } .podpowiedzi-pole .product-section { width: 67%; } .podpowiedzi-pole .category-section li { padding: 4px 0; } .podpowiedzi-pole .title { margin-bottom: 15px; font-size: 16px; font-weight: 700; } .podpowiedzi-pole a { color: var(--clr-main); } .category-section li { margin-bottom: 10px; border-bottom: 1px solid var(--border); } .product-section .title { padding-right: 60px; } .product-section li { position: relative; z-index: 2; margin-bottom: 10px; padding-left: 70px; border-bottom: 1px solid var(--border); } .product-section li > * { float: left; width: 100%; margin-bottom: 10px; padding-left: 20px; } .product-section figure { width: 90px; margin-left: -90px; padding-left: 0; text-align: center; } .close-search { position: absolute; top: 5px; right: 20px; z-index: 8; } .close-search button { position: relative; z-index: 2; width: 60px; height: 60px; border: 0; border-radius: 50%; background: var(--bg-second); color: var(--clr-main-100); font-size: 20px; text-indent: -9999em; } .close-search button:before { content: "\e90a"; } [data-whatintent="mouse"] .close-search button:hover { color: var(--red); } .submit-a { } .submit-a button { position: relative; width: 100%; padding: 14px 53px 14px 38px; border: 0; background: var(--clr-four); color: var(--white); font-size: 16px; font-weight: 700; line-height: 1.1; text-align: left; } .submit-a button:before { content: "\e903"; left: auto; right: 0; width: 50px; font-size: 13px; } .submit-btn { } .submit-btn .button { max-width: 334px; font-size: 16px; font-weight: 700; } .submit-btn.a { } .submit-btn.a button { max-width: 100%; font-size: 16px; font-weight: 700; } .submit-btn.b { } .submit-btn.b button { max-width: 330px; font-size: 16px; font-weight: 700; } /*! Helpers --------- */ a, a:before, a: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; } .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } option { transition: none; } .clear { clear: both; } hr { display: block; overflow: hidden; width: 100%; height: 3px; margin: 16px 0; padding: 0; border: 0; border-top: 3px solid var(--clr-third); background: none; font-size: 0; } hr.a { margin-top: 40px; margin-bottom: 50px; } .module-about h2:first-child, .btn-facebook:first-child, .module-contact h1:first-child, .module-contact h2:first-child, .module-contact h3:first-child, .module-contact h4:first-child, .module-contact h5:first-child, .module-contact h6:first-child { margin-top: 0; } #mobile-bar .home img, .box-show .inner, .level-2-active #mobile .level-1 > span.toggle, .level-2-active #mobile .level-1 > ul > li, .level-2-active #mobile .level-1 > a, .level-2-active #mobile .level-2, .level-1-active #mobile .close-b, .level-1-active #mobile > ul > li, .remove-btn img, .module-doc input, .breadcrumbs li:last-child:before, .popup .module-login > *:nth-child(2):before, #logo span, .price-input label, .product-a .add label, .module-brands figure, .code-a label, #root .owl-carousel .disabled, .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } #mobile-bar .user span, .product-a .fav img, #mobile .close-a, .list-select li > span, .list-select input, #nav .drop .product-a:before, .form-search label, .pagination-a label, .slide-a .owl-dots, #featured .owl-nav, .module-b > *:nth-child(2):before, .module-a > *:nth-child(2):before, .link-btn.b a:before, .module-login > *:last-child:before, .user-info .nolabel label, .check-a input, [hidden], template { display: none; } .level-1-active #mobile .close-a, .print-btn a, #nav .menu > ul a, #nav .category-btn a, .breadcrumbs p, .popup .close-a a, #mKoszyk > p > a, #mPrzechowalnia > p > a, #mUser > p > a, .list-checkbox label, .list-c a, .nav-sub a, .sort-a .selected a, article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .list-blog figure, .list-blog video, .list-blog div > p, .module-c .info-b, .close-b, .item-b .line, .item-b .remove-btn, .module-doc ul, .price-a, .item-a .latest, .header-b p, .breadcrumbs p, .form-search p, #up ul, .module-subcategory p, .module-subcategory figure, .module-subcategory ul, .sort-a ul, .sort-a .selected, .product-a .fav, .product-a .price, .product-a .list-attr, .list-company figure, .list-company p, .module-brands figure, #featured figure, ul ul, ul ol, ol ol, ol ul, #logo, #root .m0 { margin-bottom: 0; } #nav .drop, #nav .menu > ul ul, #nav .menu li > a:before, #mobile, #shadow, .shadow, .product-a img, .list-company figure, .owl-nav button, #featured .owl-dots button:before, #featured .owl-dots button, .form-a label { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } #mobile-bar, .list-select .price, .list-select label:before, .list-select label, .module-doc label:before, .item-a:before, .item-a img, .module-filters .header, .module-filters .header:before, .nav-sub a:before, .module-subcategory li:before, .fav-a, .product-a:before, .list-company li:after, .list-company li:before, .owl-nav, .list-blog span:before, .list-blog img, .check-a label:before, .form-footer .input, .form-a button, .button, .form-a input, .form-a select, .form-a textarea { transition: all .4s linear; -webkit-transition-delay: -.1s; } .box-show-active .box-show .inner, .level-2-active #mobile .level-1 > ul > li.toggle, .level-2-active #mobile .level-2.toggle, .level-1-active #mobile > ul > li.toggle, .module-brands figure:first-child, .is-slider { position: relative; top: auto; left: auto; } #kqs-cookie { z-index: 89898989; } #root .m20 { margin-bottom: 20px; } #root .m30 { margin-bottom: 30px; } #root .m50 { margin-bottom: 50px; } #root .m70 { margin-bottom: 70px; } /*! 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: var(--green); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--green); color: var(--white); 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"] .fav > a:hover, [data-whatintent="mouse"] .item-b:hover > figure img, [data-whatintent="mouse"] .submit-a button:hover, .list-select input:checked + label[for="przesylka_1"]:after, [data-whatintent="mouse"] .module-gallery .slick-arrow:hover, [data-whatintent="mouse"] .module-gallery-vertical .slick-arrow:hover, [data-whatintent="mouse"] .amount-a a:hover, [data-whatintent="mouse"] .add-button button:hover, [data-whatintent="mouse"] #nav .category-btn a:hover, [data-whatintent="mouse"] #mKoszyk > p > a:hover:before, [data-whatintent="mouse"] #mPrzechowalnia > p > a:hover:before, [data-whatintent="mouse"] #mUser > p > a:hover:before, [data-whatintent="mouse"] .form-search button:hover, [data-whatintent="mouse"] .module-filters .submit button:hover, [data-whatintent="mouse"] .list-c a:hover, [data-whatintent="mouse"] .module-subcategory li:hover > figure, [data-whatintent="mouse"] .pagination-a .btn a:hover, [data-whatintent="mouse"] .product-a .add button:hover, [data-whatintent="mouse"] .fav-a a:hover, [data-whatintent="mouse"] .owl-nav button:hover, [data-whatintent="mouse"] .module-brands figure:hover, [data-whatintent="mouse"] #featured article:hover .show, [data-whatintent="mouse"] .form-a button:hover, [data-whatintent="mouse"] .button:hover, [data-whatintent="mouse"] .link-btn a:hover { -webkit-animation-name: press; animation-name: press; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .submit-a button:hover:before, [data-whatintent="mouse"] .add-button button:hover:before, [data-whatintent="mouse"] .available-a:hover:before, [data-whatintent="mouse"] #nav .category-btn a:hover:before, [data-whatintent="mouse"] .list-c a:hover:before, [data-whatintent="mouse"] .product-a .add button:hover:before, [data-whatintent="mouse"] .btn-facebook a:hover:after, [data-whatintent="mouse"] .link-btn a:hover:before, [data-whatintent="mouse"] .list-contact a:hover:before { -webkit-animation-name: buzz; animation-name: buzz; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] #mKoszyk > p > a:hover .no, [data-whatintent="mouse"] #mPrzechowalnia > p > a:hover .no, [data-whatintent="mouse"] .list-a li:hover figure, [data-whatintent="mouse"] .list-about:hover:before { -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .list-checkbox input:checked + label:before, .form-footer input:checked + .input, .check-a input:checked + label:before { -webkit-animation-name: bump; animation-name: bump; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } [data-whatintent="mouse"] .print-btn a:hover:before, .list-d img:hover, [data-whatintent="mouse"] .shipping-a:hover:before, [data-whatintent="mouse"] .popup .close-a a:hover, [data-whatintent="mouse"] .list-blog li:hover span:after, [data-whatintent="mouse"] .list-b li:hover, [data-whatintent="mouse"] .btn-facebook a:hover:before { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .list-select input:checked + label:before, .list-select strong label:before, .module-doc input:checked + label:before, [data-whatintent="mouse"] .payment-logos:hover img, [data-whatintent="mouse"] .item-a:hover .list-attr li, [data-whatintent="mouse"] .link-download a:hover:before, [data-whatintent="mouse"] .list-attr:hover li, [data-whatintent="mouse"] .product-a:hover .list-attr li { -webkit-animation-name: bumpY; animation-name: bumpY; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .list-attr:hover li:nth-child(2n+2), [data-whatintent="mouse"] .product-a:hover .list-attr li:nth-child(2n+2) { -webkit-animation-duration: .5s; animation-duration: .5s; } @-webkit-keyframes bumpY {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes bumpY {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes bump {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes bump {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-20px);} 60% {-webkit-transform: translateY(-10px);} } @keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-20px);} 60% {transform: translateY(-10px);} } @-webkit-keyframes buzz {10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 60% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 70% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 80% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes buzz {10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 60% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 70% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 80% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @-webkit-keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes press {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } } @keyframes press {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } } /*! Flexbox --------- */ .product-section li, .podpowiedzi-pole, .module-products .product-a .price > span, .module-products .owl-stage, #mobile-bar ul, .item-b .line, .item-b .line .no, .item-b, .item-b > div, .module-buttons, .list-select .price, .list-select label, .module-e, .module-summary, .module-doc, .module-doc ul, .module-products, .module-gallery .gallery-thumbs a, .amount-a, .fav-a a, .add-a, .add-a, .list-d, .product-info, .item-a .price > span, .item-a, .contact-a, .product-page, .list-download li, .product-middle, .header-b, #nav .drop, .breadcrumbs p:before, .breadcrumbs ol, .popup .submit, #mKoszyk .no, #mPrzechowalnia .no, #panel, #up, #up ul, #logo a, .price-input, .list-c, .module-subcategory li, .module-subcategory ul, .module-sort, .pagination-a, .module-aside, .module-wide, .product-a .add > *:last-child, .product-a .add, .gradient-a, .module-products form, .product-a .price, .list-attr, .product-a, .list-company figure, .list-company, .module-c, .module-brands .owl-stage, .list-blog span, .list-blog a, .list-blog, #featured .owl-dots, .list-b, .module-b, .module-a, .module-login, .code-a, #footer nav, #footer > ul, #footer > ul > li, .module-contact, .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-section li, .podpowiedzi-pole, .module-products .product-a .price > span, .module-products .owl-stage, #mobile-bar ul, .item-b .line, .item-b .line .no, .item-b, .item-b > div, .module-buttons, .module-e, .module-summary, .module-doc, .module-doc ul, .module-products, .module-gallery .gallery-thumbs a, .amount-a, .add-a, .add-a, .list-d, .product-info, .item-a .price > span, .item-a, .contact-a, .product-page, .list-download li, .product-middle, #nav .drop, .popup .submit, #panel, #up, #up ul, .price-input, .list-c, .module-subcategory li, .module-subcategory ul, .module-sort, .pagination-a, .module-aside, .module-wide, .product-a .add, .gradient-a, .module-products form, .product-a .price, .list-attr, .list-company, .module-c, .module-brands .owl-stage, .list-blog, #featured .owl-dots, .list-b, .module-b, .module-a, .module-login, .code-a, #footer nav, #footer > ul, #footer > ul > li, .module-contact { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .module-aside.a { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .list-select label, .header-b, .product-a, .list-blog a, #footer > ul > li { -webkit-flex-direction: column; flex-direction: column; } .code-a.rcode, .text-left .link-btn, .link-btn.text-left { -webkit-justify-content: flex-start; justify-content: flex-start; } .list-select label, .module-gallery .gallery-thumbs a, .fav-a a, .list-download, .breadcrumbs p:before, #mKoszyk .no, #mPrzechowalnia .no, .module-wide, #featured .owl-dots, .module-login > *:nth-child(2) .link-btn, .text-center .link-btn, .link-btn.text-center { -webkit-justify-content: center; justify-content: center; } .module-products .product-a .price > span, .module-products .product-a .price > span, .product-a .price, .item-b .line, .item-a .price > span, .list-download li, .popup .submit, #up, #up ul, .module-sort, .pagination-a, .product-a .add > *:last-child, .list-company figure, .list-blog a, .code-a, .text-right .link-btn, .link-btn.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; } #mobile-bar ul, .list-b { -webkit-justify-content: space-between; justify-content: space-between; } .breadcrumbs ol, #panel, .list-blog a { -webkit-align-items: flex-start; align-items: flex-start; } .product-section li, .module-products .product-a .price > span, #mobile-bar ul, .item-b .line, .item-b .line .no, .item-b, .item-b > div, .module-buttons, .module-summary, .module-doc, .module-doc ul, .module-gallery .gallery-thumbs a, .amount-a, .fav-a a, .add-a, .add-a, .list-d, .item-a .price > span, .item-a, .breadcrumbs p:before, #mKoszyk .no, #mPrzechowalnia .no, #up, #up ul, #logo a, .price-input, .module-subcategory li, .pagination-a, .module-aside, .product-a .add, .product-a .price, .list-company figure, .module-brands .owl-stage, .list-blog span, .list-b, .code-a { -webkit-align-items: center; align-items: center; } #footer > ul { -webkit-align-items: flex-end; align-items: flex-end; } .module-products .owl-stage, .module-products { -webkit-align-items: stretch; align-items: stretch; } .item-b .ff, #mobile-bar ul, .item-b .item-title, #nav .drop > div:nth-child(1), #panel .form-search, .list-c li:nth-child(2), .module-aside > div, .product-a .add > *:nth-last-child(2), .module-c > *:nth-child(2), .module-b > *:nth-child(2), #footer nav > *:first-child, .module-contact > div:last-child, #footer > ul > li:first-child { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .item-b .ff, #mobile-bar ul, .item-b .item-title, #nav .drop > div:nth-child(1), #panel .form-search, .list-c li:nth-child(2), .module-aside > div, .product-a .add > *:nth-last-child(2), .module-c > *:nth-child(2), .module-b > *:nth-child(2), #footer nav > *:first-child, .module-contact > div:last-child, #footer > ul > li:first-child { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Fonts --------- */ @font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;src:local('Archivo Black'),local('Archivo-Black-Regular'),url('fonts/archivo-400.woff2') format('woff2'),url('fonts/archivo-400.woff') format('woff'),url('fonts/archivo-400.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url('fonts/roboto-300.woff2') format('woff2'),url('fonts/roboto-300.woff') format('woff'),url('fonts/roboto-300.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url('fonts/roboto-400.woff2') format('woff2'),url('fonts/roboto-400.woff') format('woff'),url('fonts/roboto-400.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url('fonts/roboto-500.woff2') format('woff2'),url('fonts/roboto-500.woff') format('woff'),url('fonts/roboto-500.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url('fonts/roboto-700.woff2') format('woff2'),url('fonts/roboto-700.woff') format('woff'),url('fonts/roboto-700.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url('fonts/roboto-900.woff2') format('woff2'),url('fonts/roboto-900.woff') format('woff'),url('fonts/roboto-900.ttf') format('truetype');font-display:fallback;} /*! 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:fallback; } [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-arrow-down:before {content: "\e901";} .icon-arrow-left:before {content: "\e902";} .icon-arrow-right:before {content: "\e903";} .icon-arrow-up:before {content: "\e900";} .icon-call-center2:before {content: "\e908";} .icon-call-center:before {content: "\e91e"; } .icon-cart:before {content: "\e907";} .icon-check:before {content: "\e909";} .icon-clock:before {content: "\e90b";} .icon-close2:before {content: "\e90c";} .icon-close:before {content: "\e90a";} .icon-delivery:before {content: "\e90f";} .icon-download:before {content: "\e910";} .icon-facebook:before {content: "\e911";} .icon-filter:before {content: "\e912";} .icon-heart-full:before {content: "\e90e";} .icon-heart:before {content: "\e90d";} .icon-home:before {content: "\e905";} .icon-mail:before {content: "\e913";} .icon-menu:before {content: "\e904";} .icon-minus:before {content: "\e914";} .icon-phone:before {content: "\e916";} .icon-plus:before {content: "\e915";} .icon-power:before {content: "\e917";} .icon-printer:before {content: "\e91f";} .icon-rating:before {content: "\e918";} .icon-reload:before {content: "\e919";} .icon-truck2:before {content: "\e91b";} .icon-truck:before {content: "\e91a";} .icon-user:before {content: "\e91c";} .icon-verified:before {content: "\e91d";} .icon-zoom:before {content: "\e906";} /*! Lib --------- */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} html.os-html,html.os-html>.os-host{display:block;overflow:hidden;box-sizing:border-box;height:100%!important;width:100%!important;min-width:100%!important;min-height:100%!important;margin:0!important;position:absolute!important}html.os-html>.os-host>.os-padding{position:absolute}body.os-dragging,body.os-dragging *{cursor:default}.os-host,.os-host-textarea{position:relative;overflow:visible!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.os-host-flexbox{overflow:hidden!important;display:-webkit-box;display:-ms-flexbox;display:flex}.os-host-flexbox>.os-size-auto-observer{height:inherit!important}.os-host-flexbox>.os-content-glue{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.os-host-flexbox>.os-size-auto-observer,.os-host-flexbox>.os-content-glue{min-height:0;min-width:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto}#os-dummy-scrollbar-size{position:fixed;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';visibility:hidden;overflow:scroll;height:500px;width:500px}#os-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}#os-dummy-scrollbar-size:before,#os-dummy-scrollbar-size:after,.os-content:before,.os-content:after{content:'';display:table;width:.01px;height:.01px;line-height:0;font-size:0;flex-grow:0;flex-shrink:0;visibility:hidden}#os-dummy-scrollbar-size,.os-viewport{-ms-overflow-style:scrollbar!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport{scrollbar-width:none!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner{display:none!important;width:0!important;height:0!important;visibility:hidden!important;background:0 0!important}.os-content-glue{box-sizing:inherit;max-height:100%;max-width:100%;width:100%;pointer-events:none}.os-padding{box-sizing:inherit;direction:inherit;position:absolute;overflow:visible;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.os-host-overflow>.os-padding{overflow:hidden}.os-viewport{direction:inherit!important;box-sizing:inherit!important;resize:none!important;outline:0!important;position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.os-content-arrange{position:absolute;z-index:-1;min-height:1px;min-width:1px;pointer-events:none}.os-content{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:100%;height:100%;width:100%;visibility:visible}.os-content>.os-textarea{box-sizing:border-box!important;direction:inherit!important;background:0 0!important;outline:0 transparent!important;overflow:hidden!important;position:absolute!important;display:block!important;top:0!important;left:0!important;margin:0!important;border-radius:0!important;float:none!important;-webkit-filter:none!important;filter:none!important;border:0!important;resize:none!important;-webkit-transform:none!important;transform:none!important;max-width:none!important;max-height:none!important;box-shadow:none!important;-webkit-perspective:none!important;perspective:none!important;opacity:1!important;z-index:1!important;clip:auto!important;vertical-align:baseline!important;padding:0}.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea{right:0!important}.os-content>.os-textarea-cover{z-index:-1;pointer-events:none}.os-content>.os-textarea[wrap=off]{white-space:pre!important;margin:0!important}.os-text-inherit{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-align:inherit;text-shadow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;unicode-bidi:inherit;direction:inherit;color:inherit;cursor:text}.os-resize-observer,.os-resize-observer-host{box-sizing:inherit;display:block;visibility:hidden;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.os-resize-observer-host{padding:inherit;border:inherit;border-color:transparent;border-style:solid;box-sizing:border-box}.os-resize-observer-host.observed{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.os-resize-observer-host>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer{height:200%;width:200%;padding:inherit;border:inherit;margin:0;display:block;box-sizing:content-box}.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer:before{display:flex;position:relative;flex-grow:1;flex-shrink:0;flex-basis:auto;box-sizing:border-box}.os-resize-observer-host.observed>.os-resize-observer:before{content:'';box-sizing:content-box;padding:inherit;border:inherit;margin:0}.os-size-auto-observer{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;-webkit-box-flex:inherit;-ms-flex-positive:inherit;flex-grow:inherit;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.os-size-auto-observer>.os-resize-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-resize-observer-item{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;opacity:0;direction:ltr!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.os-resize-observer-item-final{position:absolute;left:0;top:0;-webkit-transition:none!important;transition:none!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.os-resize-observer{-webkit-animation-duration:.001s;animation-duration:.001s;-webkit-animation-name:os-resize-observer-dummy-animation;animation-name:os-resize-observer-dummy-animation}object.os-resize-observer{box-sizing:border-box!important}@-webkit-keyframes os-resize-observer-dummy-animation{0%{cursor:auto}to{cursor:none}}@keyframes os-resize-observer-dummy-animation{0%{cursor:auto}to{cursor:none}}.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner{-webkit-transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s}html.os-html>.os-host>.os-scrollbar{position:absolute;z-index:999999}.os-scrollbar,.os-scrollbar-corner{position:absolute;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';z-index:1}.os-scrollbar-corner{bottom:0;right:0}.os-scrollbar{pointer-events:none}.os-scrollbar-track{pointer-events:auto;position:relative;height:100%;width:100%;padding:0!important;border:0!important}.os-scrollbar-handle{pointer-events:auto;position:absolute;width:100%;height:100%}.os-scrollbar-handle-off,.os-scrollbar-track-off{pointer-events:none}.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable *{pointer-events:none!important}.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-host-rtl>.os-scrollbar-horizontal{right:0}.os-host-rtl>.os-scrollbar-vertical{right:auto;left:0}.os-host-rtl>.os-scrollbar-corner{right:auto;left:0}.os-scrollbar-auto-hidden,.os-padding+.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner{opacity:0;visibility:hidden;pointer-events:none}.os-scrollbar-corner-resize-both{cursor:nwse-resize}.os-host-rtl>.os-scrollbar-corner-resize-both{cursor:nesw-resize}.os-scrollbar-corner-resize-horizontal{cursor:ew-resize}.os-scrollbar-corner-resize-vertical{cursor:ns-resize}.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize{cursor:default}.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical{top:0;bottom:0}.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal{right:0;left:0}.os-scrollbar:hover,.os-scrollbar-corner.os-scrollbar-corner-resize{opacity:1!important;visibility:visible!important}.os-scrollbar-corner.os-scrollbar-corner-resize{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);background-repeat:no-repeat;background-position:100% 100%;pointer-events:auto!important}.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.os-host-overflow{overflow:hidden!important}.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical,.os-theme-none>.os-scrollbar-corner{display:none!important}.os-theme-none>.os-scrollbar-corner-resize{display:block!important;min-width:10px;min-height:10px}.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal{right:10px;height:10px}.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical{bottom:10px;width:10px}.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal{left:10px;right:0}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{height:10px;width:10px}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{background-color:transparent}.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar{padding:2px;box-sizing:border-box;background:0 0}.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar.os-scrollbar-unusable{background:0 0}.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{background:0 0}.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{-webkit-transition:background-color .3s;transition:background-color .3s}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{border-radius:10px}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.4)}.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.55)}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.7)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(255,255,255,.7)}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before{display:none}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before{top:-6px;bottom:-2px}.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{right:-6px;left:-2px} .os-scrollbar { width: 15px; border: 1px solid #e8eced; border-radius: 8px; } .os-scrollbar-handle { border-radius: 8px; background: #e8eced!important; } /* Responsive --------- */ @media only screen and (max-width: 87.5em) { /* 1400 */ #top, #content, #footer, #nav .drop { width: 1150px; } #top { margin-left: -575px; } .module-products form .product-a { width: 33.3333%; } .product-info { padding-right: 0; } .product-info .module-d { width: 100%; margin-right: 0; padding-inline: 20px; } .info-b { font-size: 80px; } .module-c .info-b { bottom: -20px; } } @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer, #nav .drop { width: 980px; } #top { margin-left: -490px; } #panel { left: 280px; } #nav .menu > ul ul { width: 220px; padding-left: 0; } #footer nav > * { width: 26%; } .item-b .line { width: 100%; } .info-b { font-size: 40px; } .module-c .info-b { bottom: -10px; } .module-aside > figure { max-width: 40%; } .module-contact { margin-left: -30px; } .module-contact > div { border-left-width: 30px; } .module-e > * { width: 100%; } .module-subcategory li { width: 50%; } .list-blog span { font-size: 27px; } .list-company li { width: 50%; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer { width: 720px; } #top { margin-left: -360px; } .heading-d.a { margin-bottom: 40px; font-size: 30px; } .heading-d { margin-bottom: 30px; font-size: 23px; } .list-contact { font-size: 17px; } #footer nav, .list-contact span { font-size: 15px; } #root { padding-top: 70px; padding-bottom: 60px; } #top { height: 70px; } #top:before { border-bottom: 1px solid var(--border); } #logo { top: 10px; height: 50px; } #panel { top: 8px; left: 140px; } #mUser > p > a, #mPrzechowalnia, #mKoszyk, #nav, #up { display: none; } #mUser { margin-left: 0; } #panel .form-search { max-width: 100%; } .menu-active #mobile { left: 0; } .menu-active #shadow { visibility: visible; opacity: 1; } #mobile-bar { bottom: 0; } #footer { } #footer .header { margin-bottom: 20px; font-size: 17px; } #footer nav { padding-top: 20px; } #footer nav > *:nth-child(1) { width: 100%; } #footer nav > *:first-child { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } #footer nav > * { width: 50%; } #footer nav li { margin-bottom: 10px; } #footer .double ul:nth-child(2) { text-align: right; } #footer > ul > li { -webkit-flex-direction: row; flex-direction: row; } #footer > ul > li { -webkit-justify-content: center; justify-content: center; } #footer > ul > li:nth-child(2) { width: 100%; } #footer > ul > li, #footer > ul > li:nth-child(2) { text-align: center; } #featured .owl-dots { display: none; } .cols-a { padding-left: 0; } .cols-a > * { padding-left: 0; } .cols-a > *:first-child, .cols-a > *:nth-child(3) { width: 100%; margin-left: 0; } .box-b { padding-right: 0; } .box-b:before { right: -30px; } .contact-a { padding-left: 0; } .contact-a > * { padding-left: 0; } .contact-a > *:first-child { width: 100%; margin-left: 0; } .module-a { margin-left: -20px; } .module-a > * { width: 100%; border-left-width: 20px; } .module-b { } .module-b > * { width: 100%; padding-right: 0; } .module-c { padding-top: 50px; padding-bottom: 30px; } .module-c > *:first-child { width: 100%; margin-bottom: 10px; } .module-c .title { font-size: 34px; } .module-c .title > span { font-size: 24px; } .module-c .title + .link-btn { margin-top: 0; } .module-contact { } .module-contact > div { width: 50%; margin-bottom: 30px; } .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6 { margin-top: 25px; margin-bottom: 25px; } .module-contact ul { margin-bottom: 20px; } .module-filters { } .module-filters .box { } .module-filters .header:before { opacity: 1; } .filter-active .module-filters .header:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .filter-active .module-filters .header { margin-bottom: 13px; background: var(--green); color: var(--white); } .module-gallery-vertical, .module-gallery .gallery-thumbs .slick-arrow { position: absolute; top: -3000em; left: -3000em; } .module-gallery { position: relative; top: auto; left: auto; } .module-gallery .main-pic figure { height: 300px;} .module-gallery .main-pic figure img { max-height: 300px; } .module-gallery .main-pic .slick-arrow { display: block!important; } .module-gallery .main-pic .slick-arrow.slick-disabled, .module-gallery .gallery-thumbs .slick-arrow { display: none!important; } .module-gallery .gallery-thumbs figure { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .module-pattern { margin-bottom: 40px; padding-top: 40px; } .popup { left: 20px; right: 20px; width: auto; margin-left: 0; padding: 20px 25px 0; } .user-active .login-popup, .cart-active .cart-popup, .filter-active .filter-popup { top: 20px; } .popup .close-a { top: 16px; right: 0; } .product-middle { padding-right: 0; } .product-middle > * { padding-inline: 0; } .product-middle .aside { width: 100%; margin-right: 0; } .product-middle .inner { padding-right: 0; } .product-middle .inner:before { right: -30px; } #root .module-products2 .item-a:last-child { margin-bottom: 10px; } #podpowiedzi { top: 65px!important; } .product-page { padding-right: 0; } .product-page > * { margin-bottom: 30px; padding-left: 0; padding-right: 0; } .product-page .aside { width: 100%; margin-right: 0; } .width-c { padding-left: 0; } .btn-facebook { margin-top: 0; margin-bottom: 30px; } .list-b li { margin-bottom: 30px; } .list-blog { margin-bottom: 20px; font-size: 16px; } .list-blog li { width: 50%; padding-inline: 0; } .list-blog li > p { padding-inline: 0; } .list-blog span { padding: 19px 15px; font-size: 24px; } .list-company { margin-left: -20px; } .list-company li { margin-bottom: 20px; border-left-width: 20px; } .list-contact { } #root .list-contact li { margin-bottom: 18px; } .list-contact a { padding-left: 35px; } .list-contact a:before { font-size: 20px; } .width-d { max-width: 100%; } .product-middle .aside .inner-content, .product-middle .aside, .product-page .aside .inner-content, .product-page .aside { overflow: visible; } .product-middle .aside .module-products2, .product-page .aside .module-products2 { position: relative; top: auto; left: auto; } #root .desktop-hide, #root .tablet-only, .filter-active .module-filters .box { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, .module-a > *:before, .module-b > *:before, .aside-category, .module-filters .box { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top, #content, #footer { width: auto; } #content, #footer { padding-left: 20px; padding-right: 20px; } #top { left: 20px; right: 20px; margin-left: 0; } .module-summary .sum span { font-size: 25px; } h1 { font-size: 22px; } .list-blog span, .heading-d, .product-a .price .default, .box-d .header { font-size: 18px; } h2, .heading-c, .product-a .title, .heading-f, .heading-f.a, .module-doc p { font-size: 16px; } h3, h4, h5, h6, .product-middle .inner { font-size: 15px; } .heading-a { margin-bottom: 30px; padding-bottom: 5px; font-size: 24px; } .heading-a:before { height: 3px; } .heading-d.a { margin-bottom: 25px; font-size: 21px; } h2, .heading-f { margin-bottom: 20px; } #top { } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 1.3em; } .box-b { padding-top: 25px; } .box-d .heading { margin-bottom: 10px; padding-inline: 0; font-size: 20px; } .module-aside { margin-bottom: 10px; } .module-aside + h2 { margin-top: 0; } .module-c { margin-bottom: 30px; padding-top: 20px; padding-bottom: 10px; } .module-c .title { font-size: 24px; } .module-c .title > span { font-size: 16px; } .module-contact li { margin-bottom: 5px; } .module-doc { margin-bottom: 30px; } .module-e { } .module-e > * { margin-bottom: 10px; padding: 20px 0 10px; } .module-e > *:before { left: -20px; right: -20px; } .module-f { margin-bottom: 10px; } .module-f > div { max-width: 100%; } .module-login { } .module-login > * { width: 100%; } .module-login .form-a { margin-top: 65px; } .module-login .link-btn { margin-top: 40px; } .module-map { margin-bottom: 0; margin-left: -20px; margin-right: -20px; } .module-pattern { margin-bottom: 30px; padding-top: 25px; } .module-products form .product-a { width: 50%; } .module-subcategory { margin: 0 -20px 25px; font-size: 15px; } .module-summary { padding-top: 30px; } .pagination-a p:nth-child(2) { display: none; } .user-info { } .user-info p, .user-info .short, .user-info .long { width: calc(100% - 20px); } .list-blog { font-size: 15px; } .list-blog li { width: 100%; } .list-blog span { min-height: auto; } .list-select { margin-bottom: 5px; } #content > *:last-child { margin-bottom: 40px; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .module-login > *:before { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 31.25em) { /* 500 */ .module-contact > div, .list-company li, .module-subcategory li, .module-buttons > * { width: 100%; } .info-b { font-size: 30px; } .module-c .info-b { bottom: -7px; } .item-b { padding-left: 0; font-size: 15px; } .item-b > figure { width: 100%; margin-bottom: 15px; margin-left: 0; } .item-b > figure img { width: auto; max-height: 200px; } .item-b > div { padding-left: 0; } .item-b .item-title { position: static; margin-bottom: 15px; padding-bottom: 0; padding-right: 0; } .item-b .title { margin-bottom: 5px; } .item-b .remove-btn { top: 0; bottom: auto; left: auto; right: 0; } .item-b .line { width: auto; margin-inline: -20px; } .module-aside > figure { max-width: 100%; text-align: center; } .module-buttons p { margin-bottom: 10px; } .module-f .module-summary { margin-bottom: 0; } .podpowiedzi-pole .category-section, .podpowiedzi-pole .product-section { width: 100%; padding-right: 0; } .list-select { } .list-select label { padding: 80px 20px 10px 70px; } .list-select label .price { position: relative; top: auto; right: auto; height: auto; margin-top: 7px; font-size: 17px; } .list-select label:after { top: 5px; margin-top: 0; } } @media only screen and (max-width: 25em) { /* 400 */ #footer nav > *, #footer .double.a > * { width: 100%; } #footer { } #footer nav .text-right, #footer > ul > li, #footer .double ul:nth-child(2) { text-align: left; } #footer .double ul { margin-bottom: 0; } #footer nav .text-right .link-btn { -webkit-justify-content: flex-start; justify-content: flex-start; } .info-b { font-size: 20px; } .module-c .info-b { bottom: -5px; } .module-products form .product-a { width: 100%; } .list-about { } .text-right .list-about:before { background-position: 0 0; } #footer .list-about { padding-top: 100px; } #footer .list-about:before { top: 0; } }