/* ------------------------------------------- Name: DMTrade Date: 2019/10/23 Author: https://www.sucro.pl --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: #da251c; } 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: #6f6f6f; font-family: Roboto, sans-serif; font-size: 15px; font-weight: 300; line-height: 1.666666666666667; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 0px; } h1, h2, h3, h4, h5, h6, legend { color: #393939; font-weight: 400; line-height: 1.285714285714286; } h1 { font-size: 21px; } h2 { font-size: 19px; } h3, h4, h5, h6 { font-size: 17px; } a { background: none; color: #da251c; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } ul, ol, dd, blockquote { padding-left: 40px; } #kqs-cookie {z-index:99999} /*! Repeatable --------- */ #up .lang ul:after, .list-e .box:after, .module-aside:after, .list-attrs:after, .list-e:after, .list-f:after, .list-b li:after, .list-b:after, .landing-page:after, .heading-b:after, #nav-sections:after, .cols-a > *:after, .list-other li, .module-additional:after, .cols-b > *:after, .product-page:after, .module-items:after, .module-discount-a .link:after, .module-discount-a:after, .heading-a:after, .heading-a:after, .module-cart:after, .triple:after, .page-contact:after, .double:after, .module-decsription:after, .module-b:after, .form-contact:after, .about-category:after, .page-navigation:after, .page-navigation ul:after, #nav .drop:after, .module-banners:after, .module-a:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, #content:after, #top:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; } #mUser li:before, #mPrzechowalnia a:before, #up li:after, .list-e .box:before, .list-d:before, .list-d li:before, .heading-b h1:before, .heading-b h2:before, .heading-b h3:before, .heading-b h4:before, .heading-b h5:before, .heading-b h6:before, .ratings .rating > *:before, .ratings .rating > * .fill, #nav-sections ul:before, .product-page .add-box:before, .module-pattern.b:before, .check-a label:before, .heading-a:before, .list-a.a li:before, .module-pattern.a:before, .module-filter .box .drop:before, #nav > ul > li > .drop:before, #nav li.a > .drop .drops:before, #featured .owl-dots button:after, #featured .owl-dots button:before, .baner-a:after, .baner-b:after, .baner-b a:before, .baner-b:before, .baner-a:before, .baner-a a:before, .list-banners a:before, .list-banners li:before, .list-banners li:after, .module-a:before, .product-a:before, .product-b:before, .list-categories a:before, .list-categories div:before, .form-newsletter h1:before, .form-newsletter h2:before, .form-newsletter h3:before, .form-newsletter h4:before, .form-newsletter h5:before, .form-newsletter h6:before, .form-newsletter:before, .module-contact: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; } #nav-sections:before, .steps.scroll-to-fixed-fixed:before, .subpage-a:before, #up:before, #top:before, .module-pattern:before, #footer > div:before, #footer:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; } #mUser .title a:before, .list-other .checkbox label span + span:before, .module-additional .more a:before, .list-a.b:before, .module-gallery .slick-prev:before, .module-gallery .slick-next:before, .cart-buttons button:before, .list-select label:after, .check-a label:before, .heading-a i, .cart-footer td .input:before, .module-cart #submit-btn button:before, .pagination > div > ul a:before, .pagination > p > a:before, .list-checkbox a:before, .module-filter .header-filter:before, .module-filter .title-box:before, .page-navigation li:before, .sub .toggle:before, #nav li.a > .drop > ul > li > a:before, #nav .a > a:before, .menu-icon:before, #up .lang:before, #mKoszyk a:before, .form-search button:before, #up .ship p:before, #up .phone:before, .list-banners i, .owl-nav button:before, .list-social a: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; } .baner-a a:before, .baner-b a:before, .list-banners a:before, .list-categories a:before { z-index: 8; } .baner-a figure, .baner-b figure { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .list-logos, .list-d .link-btn { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .user-active #mUser .drop, #nav .sub > a[aria-expanded=true] + .drop, #featured .owl-dots button.active:after { visibility: visible; opacity: 1; } #mUser .drop, #nav > ul .drop, #nav .sub > a[aria-expanded=false] + .drop, #featured .owl-dots button:after, .owl-nav.disabled, .owl-dots.disabled, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } #featured img { display: block; position: relative; height:622px !important; z-index: 1; width: 100% !important; } .module-c .picture img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } } .product-a .picture { width: auto; max-height: 100% !important; -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #mobile, #shadow { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .rating-b a, .cart-footer td a, .module-a header a, .link-a a, [data-whatintent="mouse"] a:hover { text-decoration: underline; } #mUser .title a:hover, #mPrzechowalnia a:hover, #mKoszyk a:hover, [data-whatintent="mouse"] #nav-sections a:hover, [data-whatintent="mouse"] .rating-b a:hover, [data-whatintent="mouse"] .cart-footer td a:hover, [data-whatintent="mouse"] .pagination .drop a:hover, [data-whatintent="mouse"] .pagination > div > ul a:hover, [data-whatintent="mouse"] .pagination > p > a:hover, [data-whatintent="mouse"] #nav > ul > li > a:hover, [data-whatintent="mouse"] .list-banners a:hover, [data-whatintent="mouse"] .module-a header a:hover, [data-whatintent="mouse"] .list-categories a:hover, [data-whatintent="mouse"] .link-a a:hover, [data-whatintent="mouse"] .link-btn a:hover, a { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding-top: 165px; } #top { position: absolute; top: 0; left: 50%; z-index: 9; width: 1200px; height: 155px; margin-left: -600px; } #top:before { background: #ffffff; box-shadow: gray 0px 1px 4px 0px;} .logo_container {background: #da251c; height:100%; width:270px; margin-left: -40px; } #logo { position: absolute; top: 59px; left: 0px; width: 200px; height: 72px; background: #da251c; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; background: url(../images/logo.webp); text-indent: -3000em; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: #da251c; color: #fff; font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #up { position: absolute; top: 0; left: 0; right: 0; z-index: 2; height: 41px; line-height: 1.2; } #up:before { background: #2d2d2d; } #up .options { position: absolute; top: 10px; } #up .lang { position: relative; z-index: 2; height: 21px; margin-right: 10px; border-radius: 4px; background: #fff; } #up .lang:before { content: "\e905"; left: auto; right: 8px; width: auto; color: #000; font-size: 8px; } #up .lang figure { height: 26px; margin: 0; padding: 0 25px 0 5px; cursor: pointer; } #up .lang ul { display: none; position: absolute; top: 100%; left: 0; list-style: none; width: 58px; height: auto; margin: 6px 0 0 0; padding: 5px; border-radius: 4px; box-shadow: 0 5px 5px rgba(0,0,0,.2); background: #fff; } #up .lang li { padding: 5px; margin: 0 auto; text-align: center; } #up .lang li a { text-align: center; margin: 0 auto; } .lang-active #up .lang ul { display: block; } #up .currancy { } #up .currancy select { height: 21px; padding: 0 5px; border: 0; border-radius: 3px; color: #000; font-size: 13px; font-weight: 400; text-transform: uppercase; cursor: pointer; } #up ul { list-style: none; height: 41px; margin-left: -21px; margin-right: -21px; padding: 0 0 0 295px; color: #fff; font-size: 15px; } #up li { position: relative; z-index: 2; margin-left: 21px; margin-right: 21px; } #up li:after { left: auto; right: -25px; width: 1px; background: #fff; } #up a { color: #fff; } #up .phone { position: relative; z-index: 2; padding-left: 45px; } #up .phone:before { content: "\e918"; left: 10px; width: auto; color: #ffde00; font-size: 22px; } #up .phone a { margin-right: 11px; font-weight: 400; } #up .phone span { font-size: 11px; } #up .ship { position: absolute; top: 12px; left: 300px; z-index: 2; color: #fff; } #up .ship p { position: relative; z-index: 2; padding-left: 40px; } #up .ship p:before { content: "\e90f"; left: 10px; width: auto; color: #ffde00; font-size: 22px; } #panel, #mUser { position: absolute; top: 78px; left: 300px; z-index: 4; width: 480px; } #mUser { left: auto; right: 262px; width: 136px; } #mUser .title { margin-bottom: 0; } #mUser .title a { display: block; position: relative; z-index: 2; width: 100%; height: 47px; padding-top: 10px; padding-left: 14px; color: #000000; font-size: 19px; line-height: 1.2; } #mUser .title a:before { content: "\e905"; width: auto; color: #DA251C; font-size: 8px; } #mUser .title a:hover:before { top: 60%; } .user-active #mUser .title a:before { top: 50%; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #mUser .title span { display: block; font-size: 10px; font-weight: 300; } #mUser .drop { position: absolute; top: 100%; left: 0; width: 240px; padding: 20px 20px 0; box-shadow: 0 0 10px rgba(0,0,0,.3); background: #fff; } #mUser .link-btn a { display: block; width: 100%; padding: 13px 2px; color: #fff; font-weight: 700; text-align: center; } #mUser .link-btn a:hover { background: #2d2d2d; } #mUser ul { list-style: none; margin-bottom: 2px; padding: 0; font-size: 13px; } #mUser li { position: relative; z-index: 2; padding-left: 10px; } #mUser li:before { top: 7px; width: 4px; height: 4px; background: #ffde00; } #mUser li a { display: block; padding: 0 0 8px; color: #000; font-weight: 700; } #mUser .buttons { padding-left: 85px; } #mUser .info-login-button { display:none; } #mUser .buttons > * { float: left; width: 100%; padding-left: 15px; } #mUser .buttons > *:first-child { width: 85px; margin-left: -85px; padding-left: 0; } #mPrzechowalnia { position: absolute; top: 78px; right: 120px; z-index: 4; } #mPrzechowalnia a, #mKoszyk a { display: block; position: relative; z-index: 2; width: 142px; height: 47px; padding-top: 17px; padding-left: 47px; color: #000000; font-size: 19px; line-height: 1.2; } #mPrzechowalnia a:before { left: 7px; width: 30px; height: 48px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmZjAwMDAiIGQ9Ik0xMiAyMS41OTNjLTUuNjMtNS41MzktMTEtMTAuMjk3LTExLTE0LjQwMiAwLTMuNzkxIDMuMDY4LTUuMTkxIDUuMjgxLTUuMTkxIDEuMzEyIDAgNC4xNTEuNTAxIDUuNzE5IDQuNDU3IDEuNTktMy45NjggNC40NjQtNC40NDcgNS43MjYtNC40NDcgMi41NCAwIDUuMjc0IDEuNjIxIDUuMjc0IDUuMTgxIDAgNC4wNjktNS4xMzYgOC42MjUtMTEgMTQuNDAybTUuNzI2LTIwLjU4M2MtMi4yMDMgMC00LjQ0NiAxLjA0Mi01LjcyNiAzLjIzOC0xLjI4NS0yLjIwNi0zLjUyMi0zLjI0OC01LjcxOS0zLjI0OC0zLjE4MyAwLTYuMjgxIDIuMTg3LTYuMjgxIDYuMTkxIDAgNC42NjEgNS41NzEgOS40MjkgMTIgMTUuODA5IDYuNDMtNi4zOCAxMi0xMS4xNDggMTItMTUuODA5IDAtNC4wMTEtMy4wOTUtNi4xODEtNi4yNzQtNi4xODEiLz48L3N2Zz4=) no-repeat 50% 50%; background-size: 100% auto; } #mPrzechowalnia .no, #mKoszyk .no { position: absolute; top: 0px; left: 30px; z-index: 4; width: 22px; height: 22px; border-radius: 50%; background: #fff; color: #da251c; font-size: 11px; font-weight: 500; text-align: center; } #mKoszyk { position: absolute; top: 78px; right: 0; z-index: 4; } #mKoszyk a { width: 120px; padding-left: 56px; } #mKoszyk a:before {width: 56px; color: #DA251C; content: ""; width: 35px; margin-left: 10px; margin-top: -14px; height: 55px; display: inline-block; background-image: url(/img/shopping-cart.svg); background-size: contain; background-repeat: no-repeat; font-size: 32px; } #mKoszyk .no { top: 0px; left: 34px; } [data-whatintent="mouse"] #mKoszyk a:hover .no, [data-whatintent="mouse"] #mPrzechowalnia a:hover .no { background: #000; color: #fff; } .menu-icon { display: none; position: absolute; top: 10px; left: -58px; width: 45px; height: 56px; margin-bottom: 0; cursor: pointer; } .menu-icon:before { content: "\e90c"; color: #000000; font-size: 28px; } #nav { position: relative; z-index: 10; margin-bottom: 22px; } #nav:before { } #nav > ul { list-style: none; margin: 0 -13px; padding: 0; } #nav > ul > li { padding: 0 13px; } #nav > ul > li > a { display: block; position: relative; z-index: 3; height: 60px; padding: 10px 17px; border: 3px solid #efeded; color: #333e48; font-size: 17px; font-weight: 300; line-height: 40px; } #nav > ul > li > .drop:before { border: 3px solid #efeded; background: #fff; } #nav.show-drop > ul > li > a, [data-whatintent="mouse"] #nav> ul > li:hover > a { border-bottom-color: #fff; } #nav.show-drop .a .drop { visibility: visible!important; opacity: 1!important; display: block!important; position: relative; width:270px; box-shadow: gray 0px 0px 3px 0px; } #nav.show-drop .a > a:before { display: none; } #nav .a { } #nav .a > a:before { content: "\e905"; left: auto; right: 15px; width: 26px; height: 22px; margin-top: -13px; border-radius: 3px; background: #ffde00; font-size: 10px; line-height: 22px; } [data-whatintent="mouse"] #nav > ul > li > a:hover:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #nav > ul > li > a span { display: inline-block; margin-left: 10px; padding: 0 6px; border-radius: 5px; background: #d72e2e; color: #fff; font-size: 15px; font-weight: 700; } #nav .a > a { background: #fff; font-weight: 400; } #nav li.a > .drop { display: none; position: absolute; top: auto; left: 0; z-index: 2; width: 295px; padding: 5px 0 8px; margin-top: -3px; } #nav li.a > .drop ul { list-style: none; padding: 0; } #nav li.a > .drop > ul > li > a { display: block; position: relative; z-index: 2; padding: 8px 40px 8px 20px; color: #333e48; line-height: 1.3; } #nav li.a > .drop > ul > li > a:before { content: "\e907"; left: auto; right: 15px; width: 26px; height: 22px; margin-top: -13px; border-radius: 3px; background: #fff; font-size: 8px; line-height: 22px; } #nav li.a > .drop > ul > li:nth-last-child(5) {display:none!important} #nav li.a > .drop > ul > li:nth-last-child(4) {display:none!important} [data-whatintent="mouse"] #nav li.a > .drop > ul > li > a:hover:before { background: #ffde00; color: #000; } #nav li.a > a[aria-expanded=true] + .drop { display: block!important; top: 100%; } #nav li.a > a[aria-expanded=true] + .drop { visibility: visible!important; opacity: 1!important; } [data-whatintent="mouse"] #nav li.a > .drop > ul > li > a:hover { color: #da251c; } #nav li.a > .drop .drops { display: none; position: absolute; top: -57px; bottom: 0; left: 268px; width: 908px; height: 100%!important; padding: 23px 0; overflow-y: auto; background:#fff;} #nav li.a > .drop .drops .inner-helper { height: 100%; padding: 0 30px 30px 30px;background:#fff; } #nav li.a > .drop .drops .inner { padding-bottom:30px;} #nav li.a > .drop li:hover .drops { display: block; } #nav li.a > .drop .drops:before { border: 3px solid #efeded; background: #fff; } #nav .drops a { color: #5d5d5d; } #nav .drops h1, #nav .drops h2, #nav .drops h3, #nav .drops h4, #nav .drops h5, #nav .drops h6 { margin-bottom: 15px; font-size: 15px; font-weight: 500; } #nav .drops .inner { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } #nav .drops .inner > div { margin: 0 20px 35px 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display: table; } #nav .drops ul { list-style: none; padding: 0; } #nav .drops li:before { content: "- "; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -250px; right: auto; top: 0; bottom: 0; z-index: 100; width: 240px; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.25); background: rgba(46,46,46,1); line-height: 1.55; } #mobile .drops { position: absolute; top: -3000em; bottom: auto; left: -3000em; right: auto; padding: 20px; background: #4b4b4b; } #mobile li.toggle { background: #da251c; color: #fff; } #mobile li.toggle a, #mobile > ul > li.toggle > .toggle:before { color: #fff; } #mobile .toggle .drops { position: relative; left: auto; top: auto; background: #af2019; } #mobile .drops div { margin-bottom: 10px; } #mobile .drops h1, #mobile .drops h2, #mobile .drops h3, #mobile .drops h4, #mobile .drops h5, #mobile .drops h6 { margin-bottom: 10px; margin-left: -20px; margin-right: -20px; padding: 10px 20px; background: #7d1712; font-size: 14px; font-weight: 400; text-transform: uppercase; } #mobile .drops h1 a, #mobile .drops h2 a, #mobile .drops h3 a, #mobile .drops h4 a, #mobile .drops h5 a, #mobile .drops h6 a { color: #fff; } #mobile .drops ul { list-style: none; padding: 0; } #mobile .drops ul li { padding-left: 10px; } #mobile .drops ul li a { color: #fff; } #mobile > ul { list-style: none; margin: 0; padding: 0; } #mobile > ul > li { position: relative; float: none; margin: 0; border-bottom: 1px solid #434343; font-size: 14px; color: #fff; } #mobile > ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 8px 20px; color: #fff; text-transform: none; } #mobile > ul > li.sub > a { padding-right: 60px; } #mobile > ul > li > .toggle { display: block; position: absolute; top: 8px; right: 4px; width: 20px; height: 20px; cursor: pointer; } #mobile > ul > li > .toggle:before { content: "\e905"; color: #fff; font-size: 9px; } #mobile > ul > li.toggle > .toggle:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #mobile > ul > li > ul { position: absolute; left: -3000em; top: 0; list-style: none; margin: 0; padding: 0; border-top: 1px solid #434343; background: rgba(0,0,0,.25); } #mobile > ul > li.toggle > ul { position: relative; left: 0; } #mobile > ul > li > ul li { position: relative; margin: 0; padding: 0; border-top: 1px solid #393939; font-size: 14px; } #mobile > ul > li > ul li:first-child { border: 0; } #mobile > ul > li > ul li h1, #mobile > ul > li > ul li h2, #mobile > ul > li > ul li h3, #mobile > ul > li > ul li h4, #mobile > ul > li > ul li h5, #mobile > ul > li > ul li h6 { margin: 0; font-size: 1em; font-weight: 400; line-height: 1.55; text-transform: none; } #mobile > ul > li > ul li a { display: block; padding: 4px 20px; color: #fff; text-decoration: none; } #mobile > ul > li:nth-last-child(4) {display:none!important} #mobile > ul > li:nth-last-child(3) {display:none!important} #mobile .user { background: #313a44; } #mobile .link-btn { padding: 10px 20px; color: #fff; } #mobile .link-btn a { margin-top: 5px; background: #ffde00; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(9,9,9,.41); opacity: 0; cursor: pointer; } #content { position: relative; z-index: 5; width: 1200px; margin: 0 auto; } #content > *:last-child { margin-bottom: 37px; } #content > form { position: relative; z-index: 19; } #content > form:nth-of-type(1) { z-index: 20; } #footer { position: relative; z-index: 2; width: 1200px; margin: 0 auto; padding: 88px 25px 1px; font-size: 14px; } #footer:before { height: 1px; background: #f4f3f3; } #footer a { color: #828282; } #footer .link-btn a, [data-whatintent="mouse"] #footer .link-btn a:hover { color: #000; } #footer .link-a a, #footer .link-b a { color: #da251c; } [data-whatintent="mouse"] #footer a:hover { color: #da251c; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 22px; color: #000; font-size: 18px; font-weight: 700; } #footer > nav { line-height: 1.5; } #footer > nav > * { width: 25%; } #footer > nav ul { list-style: none; margin-bottom: 40px; padding: 0; } #footer > nav li { margin-bottom: 8px; } #footer > nav .module-contact { margin-top: -35px; } #footer > nav .module-contact ul { margin-bottom: 28px; } #footer > nav .module-contact li { margin-bottom: 6px; } #footer .list-social li { margin-bottom: 31px; } #footer > div { position: relative; z-index: 2; padding: 24px 0; } #footer > div:before { height: 1px; background: #f4f3f3; } #footer > div ul { list-style: none; margin: 0 -11px; padding: 0; } #footer > div li { margin-left: 11px; margin-right: 11px; } #featured { margin-bottom: 23px; } #featured .owl-nav { } #featured .owl-nav button { left: 20px; border: 0; color: #ddd; font-size: 25px; } #featured .owl-nav button:hover { background: none; color: #da251c; } #featured .owl-nav button:before { content: "\e909"; } #featured .owl-nav button.owl-prev { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #featured .owl-nav button.owl-next { left: auto; right: 20px; } #featured .owl-nav.disabled { visibility: visible; opacity: 1; } #featured .owl-dots { padding-top: 9px; border-bottom: 2px solid #efeded; } #featured .owl-dots button { position: relative; z-index: 2; width: 16.666666%; height: auto; margin: 0; padding: 10px; border-radius: 0; background: none; color: #959595; font-size: 13px; font-weight: 300; line-height: 1; } #featured .owl-dots button:before { width: 1px; bottom: 6px; background: #e3e3e3; } #featured .owl-dots button:after { height: 2px; top: 100%; background: #da251c; } #featured .owl-dots button.active { color: #000; } #nav-sections { position: relative; z-index: 2; margin-bottom: 0; background: #fff; } #nav-sections:before { background: #fff; } .steps.scroll-to-fixed-fixed:before { margin-bottom: 0; box-shadow: 0 0 10px rgba(0,0,0,.1); } #nav-sections ul { position: relative; z-index: 2; list-style: none; margin-bottom: 0; margin-left: -15px; margin-right: -15px; padding: 0; font-size: 17px; font-weight: 400; } #nav-sections ul:before { top: auto; bottom: 3px; height: 1px; background: #faf9f9; } #nav-sections li { margin: 0 15px; } #nav-sections a { display: block; padding: 10px 0; border-bottom: 3px solid rgba(0,0,0,0); color: #6f6f6f; } [data-whatintent="mouse"] #nav-sections a:hover, #nav-sections .active a { border-color: #da251c; color: #000; } /*! Columns --------- */ .cols-a { margin-bottom: 1px; padding-left: 259px; } .cols-a > * { float: left; width: 270px; margin-left: -299px; } .cols-a > *:last-child { float: left; width: 100%; margin-left: 0; } .cols-b { margin-bottom: 1px; padding-right: 615px; } .cols-b > * { float: left; width: 615px; padding-left: 30px; margin-right: -615px; } .cols-b > *:first-child { float: left; width: 100%; margin-right: 0; padding-left: 0; } .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: -20px; } .double.a > * { float: left; width: 50%; border-left-width: 20px; } .double.b { padding-right: 35px; } .double.b > * { float: left; width: 50%; border-left-width: 35px; } .triple { display: block; position: relative; margin-left: -30px; } .triple > * { display: block; position: relative; clear: none; float: left; width: 33.3333333333%; border-left: 30px solid rgba(0,0,0,0); } /*! Modules --------- */ .about-category { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } .about-category > img {margin-bottom:20px} .about-category > figure { margin: 0 -20px 14px; } .about-category h1, .about-category h3, .about-category h4, .about-category h5, .about-category h6 { margin-bottom: 20px; font-size: 21px; font-weight: 400; } .about-category h2 {margin:20px 0; color:#000; font-size: 20px;} .about-category h3 {margin:20px 0; color:#000; font-size: 16px;} .about-category p {margin-bottom:10px; color:#555555} .about-category strong { color: #000; font-weight: 400; } .about-category p a, .about-category p a strong {color:#da251c!important;} .about-category ul {margin-bottom:15px;} .about-category hr {border-top: 1px solid #e5e5e5!important;} .baner-a { position: relative; z-index: 2; min-height: 200px; margin-bottom: 7px; padding: 30px 37px 30px 260px; line-height: 1.4; text-align: right; } .baner-a:before { border: 1px solid #ffde00; } .baner-a:after { display: block; top: auto; bottom: 10px; left: auto; right: 10px; width: 44px; height: 22px; border-radius: 3px; background: #ffde00 url(../images/tripple-arrow.webp) no-repeat 50% 50%; } [data-whatintent="mouse"] .baner-a:hover:before { border-width: 2px; box-shadow: 0 0 10px rgba(0,0,0,.1); } .baner-a h1, .baner-a h2, .baner-a h3, .baner-a h4, .baner-a h5, .baner-a h6 { margin-bottom: 15px; font-size: 18px; font-weight: 700; } .baner-a a { color: #f7941e; font-size: 16px; font-weight: 700; } .baner-a p { margin-bottom: 10px; } .baner-a .a { color: #2f82b5; font-size: 16px; } .baner-a figure { position: absolute; top: 50%; left: 0; z-index: -1; width: 260px; text-align: center; } .baner-b { position: relative; z-index: 2; min-height: 200px; margin-bottom: 7px; padding: 30px 250px 50px 37px; color: #fff; line-height: 1.4; } .baner-b:before { background: url(../images/content/baner-b.webp) no-repeat 50% 50%; background-size: cover; } .baner-b:after { display: block; top: auto; bottom: 10px; left: auto; right: 10px; width: 44px; height: 22px; border-radius: 3px; background: #ffde00 url(../images/tripple-arrow.webp) no-repeat 50% 50%; } [data-whatintent="mouse"] .baner-b:hover:before { box-shadow: 0 0 10px rgba(185, 161, 161, 0.4); } .baner-b h1, .baner-b h2, .baner-b h3, .baner-b h4, .baner-b h5, .baner-b h6 { margin-bottom: 15px; color: #ffde00; font-size: 18px; font-weight: 700; } .baner-b a { color: #fff; } .baner-b figure { position: absolute; top: 50%; right: 0; z-index: -1; width: 250px; text-align: center; } .landing-page { margin-bottom: 50px; padding: 0 16px; } .landing-page > figure { margin: 0 -16px 31px; } .landing-page h1, .landing-page h2, .landing-page h3, .landing-page h4, .landing-page h5, .landing-page h6 { margin-bottom: 13px; color: #2d2d2d; font-size: 17px; font-weight: 400; } .landing-page .header { margin-bottom: 50px; color: #6dbd53; font-size: 20px; font-weight: 700; } .module-a { position: relative; z-index: 2; margin-bottom: 34px; } .module-a:before { top: 8px; left: -34px; right: -34px; border: 6px solid #da251c; position: absolute;} .module-a header { } .module-a header h1, .module-a header h2, .module-a header h3, .module-a header h4, .module-a header h5, .module-a header h6 { padding: 0 30px; background: #fff; color: #da251c; font-size: 21px; font-weight: 400; } .module-a header a { display: block; padding: 0 30px; background: #fff; line-height: 1.2; } .module-aside { margin: 0 0 50px -20px; align-items: center; justify-content: center; } .module-aside > * { border-left: 0px solid rgba(0,0,0,0); } .module-aside figure { text-align: center; } .left-image-aside .inner { order: 1; border-left: 60px solid rgba(0,0,0,0);} .left-image-aside figure { order: 0; border-left: 0; margin-bottom: 0; } .left-image-aside p { margin-bottom: 0; } .right-image-aside .inner { order: 0; border-left: 0;} .right-image-aside figure { order: 1; border-left: 60px solid rgba(0,0,0,0); margin-bottom: 0; } .right-image-aside p { margin-bottom: 0; } .centered-image-text-content .inner { border-left: 0px; width: 50%; } .centered-image-text-content figure { border-left: 0px; width: 50%; } .module-b { padding-top: 30px; border-top: 3px solid #efedee; } .module-banners { margin-bottom: 52px; margin-left: -7px; } .module-banners > * { width: 50%; margin-bottom: 7px; border-left: 7px solid rgba(0,0,0,0); } .module-c { position: relative; z-index: 2; min-height: 240px; margin-bottom: 50px; padding-top: 10px; } .module-c h1, .module-c h2, .module-c h3, .module-c h4, .module-c h5, .module-c h6 { margin-bottom: 14px; padding-left: 120px; color: #393939; font-size: 30px; font-weight: 700; } .module-c > * { position: relative; z-index: 4; } .module-c .picture { position: absolute; top: 0; left: 0; right: 0; z-index: 2; height: 256px; } .module-c .gr { position: absolute; bottom: -25px; right: 25px; } .module-c .gr a { padding: 16px 20px; } .module-cart { color: #6f6f6f; line-height: 1.4; } .module-cart p, .module-cart ul { margin-bottom: 21px; } .module-items { margin-bottom: 40px; } .module-items .item { position: relative; z-index: 2; margin-bottom: 8px; padding: 15px 15px 10px 150px; border: 1px solid #efefef; color: #6b7c84; font-size: 15px; } .module-items .item figure { float: left; width: 150px; margin-bottom: 5px; margin-left: -150px; text-align: center; } .module-items .item figure img { width: auto; max-height: 100px; width: inherit !important; } .module-items .item > div { float: left; width: 100%; padding-left: 40px; } .module-items .item .title { position: relative; margin-bottom: 10px; padding-bottom: 5px; padding-right: 200px; border-bottom: 1px solid #efefef; color: #092432; font-size: 17px; font-weight: 500; } .module-items .item .title strong { display: block; font-weight: 500; } .module-items .item .title a { color: #092432; } .module-items .item .title > div { display: inline-block; padding: 2px 7px; border: 1px solid #da251c; border-radius: 5px; color: #da251c; font-size: 14px; } .module-items .item .title > div:nth-child(2) { position: absolute; top: 0; right: 0; display: inline-block; padding: 0; border: 0; border-radius: 0; color: #6f6f6f; font-size: 14px; } .module-items .item .title > div:nth-child(2) a { color: #da251c; text-decoration: underline; } [data-whatintent="mouse"] .module-items .item .title > div:nth-child(2) a:hover { text-decoration: none; } .module-items .item .title > div > strong { display: inline-block; color: #da251c!important; font-weight: 400; } [data-whatintent="mouse"] .module-items .item h1 a:hover, [data-whatintent="mouse"] .module-items .item h2 a:hover, [data-whatintent="mouse"] .module-items .item h3 a:hover, [data-whatintent="mouse"] .module-items .item h4 a:hover, [data-whatintent="mouse"] .module-items .item h5 a:hover, [data-whatintent="mouse"] .module-items .item h6 a:hover { color: #3c83d6; } .module-items .item .title > div { font-weight: 300; } .module-items .item .title > div strong { color: #414b54; font-weight: 400; } .module-items .item .line { margin-left: -5px; margin-right: -5px; } .module-items .item .line > * { margin: 0 0 5px; padding: 0 5px; } .module-items .item .price { width: 35%; } .module-items .item .option { width: 20%; } .module-items .item .price-all { width: 35%; } .module-items .item .remove-btn { width: 10%; } .module-items .item .line .price { } .module-items .item .line .price span { margin-left: 5px; color: #da251c; font-size: 18px; font-weight: 500; } .module-items .item .line .price span span { margin-left: 0; font-size: 15px; font-weight: 300; } .module-items .item .line .option { } .module-items .item .line .option input { width: 35px; height: 35px; margin: 0 0 0 10px; padding: 0 5px; border: 1px solid #cad3d8; background: #f8f8f8; color: #414b54; font-size: 16px; font-weight: 500; text-align: center; } .module-items .item .line .optionsale { margin-right: 50px; color: #cb2929; } .module-items .item .line .price-all { padding-left: 104px; } .module-items .item .line .price-all p { margin-bottom: 0; } .module-items .item .line .price-all p:first-child { width: 99px; margin-left: -99px; } .module-items .item .line .price-all .prices { line-height: 1.2; } .module-items .item .line .price-all .prices .tax { color: #da251c; font-size: 17px; font-weight: 500; } .module-items .item .line .price-all .prices .tax span { font-size: 15px; font-weight: 300; } .module-items .item .line .price-all .prices .tax, .module-items .item .line .price-all .prices .notax { display: block; } .module-items .item .remove-btn { line-height: 1.1; } .module-items .item .remove-btn a { display: inline-block; float: right; position: relative; z-index: 2; padding: 2px 5px; background: #efeded; color: #000; font-size: 13px; } [data-whatintent="mouse"] .module-items .item .remove-btn a:hover { background: #da251c; color: #fff; text-decoration: none; } .module-items .item .remove-btn a:before { content: "usuń"; } .module-items .item .remove-btn a img { display: none; } .module-discount-a { position: relative; width: 100%; max-width: 600px; margin: 0 auto 20px; line-height: 1.2; text-align: center; } .module-discount-a .inside { } .module-discount-a .link { display: block; margin-bottom: 40px; } .module-discount-a a { display: block; position: relative; z-index: 2; color: #878c9a; } .module-discount-a a span { color: #da251c; text-decoration: underline; } .discount-active .module-discount-a .link { display: none; } .module-cart .module-discount-a .inside > div { width: 100%; visibility: hidden; opacity: 0; height: 0; background: #f5f5f5; } .discount-active .module-cart .module-discount-a .inside > div { display: inline-block; visibility: visible; opacity: 1; height: auto; padding: 20px 20px 0; } .module-cart .module-discount-a .inside > div label { display: block; padding-bottom: 7px; color: #6f6f6f; font-size: 15px; } .module-cart .module-discount-a .inside > div .inputs { position: relative; } .module-cart .module-discount-a .inside > div p input { width: 160px; height: 35px; margin-bottom: 10px; padding: 0 10px; border: 1px solid #eaeaea; border-radius: 5px; color: #665347; font-size: 18px; font-weight: 400; text-align: center; } .module-cart .module-discount-a .inside > div p button { height: 37px; margin-bottom: 10px; margin-left: 10px; padding: 0 20px; border: 0; background: #000; color: #fff; font-size: 17px; font-weight: 400; cursor: pointer; } [data-whatintent="mouse"] .module-cart .module-discount-a .inside > div p button:hover { background: #da251c; } .module-cart .module-discount-a .inside > div label { margin-bottom: 10px; } .cart-buttons { list-style: none; margin: 0 -8px 3px 8px; padding: 0; line-height: 1.1; } .cart-buttons li { margin: 0 8px 16px 8px; } .cart-buttons button { position: relative; z-index: 2; padding: 12px 22px 12px 50px; border: 2px solid #efeded; border-radius: 3px; background: #fff; color: #000; font-size: 15px; font-weight: 500; line-height: 1.2; cursor: pointer; } .cart-buttons button:before { content: "\e90a"; left: 20px; width: auto; font-size: 11px; } .cart-buttons li:last-child button { position: relative; z-index: 2; height: auto; padding: 12px 50px 12px 22px; border: 0; border-radius: 5px; background-color: #fdd922; } .cart-buttons li:last-child button:before { content: "\e90b"; left: auto; right: 24px; width: auto; font-size: 11px; } [data-whatintent="mouse"] .cart-buttons button:hover { border-color: #000; background: #000; color: #fdd922; } .module-cart .wbox { background: #fff; padding: 12px 20px; } .user-info { width: 100%; max-width: 450px; margin-bottom: 30px; padding-right: 20px; color: #6c6f72; } .user-info p { margin-bottom: 12px; padding-left: 230px; } .user-info label { position: relative; z-index: 2; float: left; width: 230px; margin-left: -230px; padding-right: 25px; font-size: 15px; text-align: right; } .user-info input { float: left; width: 100%!important; margin: 0!important; height: 34px; margin: 0!important; padding: 0 15px; border: 1px solid #e0e0e0; border-radius: 5px; background: #fff; } .user-info .a input { max-width: 120px; } .ship-block { display: none; } .ship-new .ship-block { display: block; } .cart-custom .check-a { display: block; margin-bottom: 50px; } .cart-custom .check-a input { display: none; } .check-a label { display: block; position: relative; z-index: 2; padding: 0 0 0 35px; background: #fff; color: #414b54; font-size: 15px; line-height: 1.1; cursor: pointer; } .check-a label span { color: #da251c; text-decoration: underline; } [data-whatintent="mouse"] .check-a label:hover span { text-decoration: none; } .check-a label:before { top: 0; width: 19px; height: 19px; margin-top: -2px; border: 1px solid #e3e3e3; border-radius: 3px; background: #fff; color: #8ac609; font-size: 10px; line-height: 18px; } .check-a input:checked + label:before { content: "\e904"; border-color: #8ed000; border-width: 2px; background: #8ed000; color: #fff; } .module-cart .icon-delivery-truck { font-size: 35px; } .module-cart .icon-credit-card, .module-cart .icon-shopping-list { font-size: 30px; } .module-cart .icon-icon { font-size: 52px; color: #ffde00; background: #fff; } .textarea-a { max-width: 490px; margin: 0 auto 245px; } .textarea-a textarea { width: 100%!important; height: 195px; min-height: 195px; padding: 15px 20px; border: 1px solid #e0e0e0; color: #666; font-size: 14px; font-weight: 300; } .cart-footer { margin-bottom: 50px; padding-left: 400px; color: #959595; font-size: 14px; line-height: 1.857142857142857; } .cart-footer .akc { margin-bottom: 12px; padding-left: 30px; } .cart-footer table { width: auto; margin: 0!important; } .cart-footer td { position: relative; z-index: 2; padding-bottom: 5px; } .cart-footer td:first-child { padding-top: 7px; vertical-align: top; } .cart-footer td input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; width: 30px; height: 20px; opacity: 0; cursor: pointer; } .cart-footer td .input { position: relative; z-index: 2; width: 20px; height: 20px; cursor: pointer; } .cart-footer td .input:before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 20px; height: 20px; margin-top: 0; border: 1px solid #ccd5dc; border-radius: 3px; background: #fff; color: #8ed000; font-size: 12px; line-height: 17px; } .cart-footer td input:checked + .input:before { content: "\e904"; border-color: #8ed000; border-width: 2px; background: #8ed000; color: #fff; } .cart-footer td label { display: block; padding-left: 10px; cursor: pointer; } .cart-footer td a { color: #da251c; } .cart-footer .bullet { margin-right: 5px; color: #da251c; font-weight: 700; } .module-cart #submit-btn { margin-bottom: 55px; text-align: center; } .module-cart #submit-btn button { position: relative; z-index: 2; padding: 12px 58px 12px 22px; border: 0; border-radius: 5px; background-color: #fdd922; color: #000; font-size: 15px; font-weight: 400; line-height: 1.1; cursor: pointer; } .module-cart #submit-btn button:before { content: "\e90b"; left: auto; right: 24px; width: auto; font-size: 11px; } [data-whatintent="mouse"] .module-cart #submit-btn button:hover { background-color: #61b534; color: #fff; } input.button { position: relative; z-index: 2; padding: 12px 22px ; border: 0; border-radius: 5px; background-color: #fdd922; color: #000; font-size: 15px; font-weight: 400; line-height: 1.1; cursor: pointer; } [data-whatintent="mouse"] input.button:hover { background-color: #61b534; color: #fff; } .register-page {padding-bottom:30px} .register-page input.text, .register-page select {margin: 3px!important;height: 34px;padding: 0 15px;border: 1px solid#e0e0e0;border-radius: 5px;background:#fff;} .module-contact { position: relative; z-index: 2; padding-top: 82px; } .module-contact:before { left: -14px; width: 132px; height: 47px; background: url(../images/logo-small.webp); } .module-catalog { position: relative; z-index: 5; margin-bottom: 18px; margin-left: -7px; } .module-catalog .product-a { width: 25%; margin-bottom: 7px; border-left: 7px solid rgba(0,0,0,0); } .module-catalog .product-b { width: 33.333%; margin-bottom: 7px; border-left: 7px solid rgba(0,0,0,0); } .module-catalog.slide-a, .module-catalog.slide-b { display: block; } .module-catalog.slide-a .product-a, .module-catalog.slide-b .product-b { width: 100%; } .module-catalog form { width: 100%; } .module-catalog.slide-a form { display: block; } .module-catalog.slide-a .inner { position: relative; top: auto; left: auto; } .module-catalog.slide-a .product-a { border-left: 4px solid rgba(0,0,0,0); border-right: 4px solid rgba(0,0,0,0); } .module-catalog.slide-b .product-b { border-left: 4px solid rgba(0,0,0,0); border-right: 4px solid rgba(0,0,0,0); } .module-decsription { padding-top: 20px; } .module-decsription strong { font-weight: 500; } .module-filter { position: relative; z-index: 20; margin-bottom: 25px; padding: 7px 23px 0; background: #ffde00; color: #393939; font-size: 14px; } .module-filter .header-filter { display: block; margin-bottom: 7px; margin-right: 30px; color: #000; font-size: 14px; font-weight: 300; } .module-filter .prices { margin-right: 32px; } .module-filter .prices h1, .module-filter .prices h2, .module-filter .prices h3, .module-filter .prices h4, .module-filter .prices h5, .module-filter .prices h6 { margin-bottom: 7px; margin-right: 24px; color: #393939; font-size: 14px; font-weight: 300; } .module-filter .prices .range { margin-right: 2px; } .module-filter .prices p { margin-bottom: 7px; } .module-filter .prices input { width: 72px; height: 30px; margin: 0 5px; border: 1px solid #edd00e; border-radius: 5px; color: #646464; font-size: 14px; text-align: center; } .module-filter .prices button { height: 27px; padding: 0 12px; border: 0; border-radius: 4px; background: #da251c; color: #fff; font-size: 13px; font-weight: 300; text-transform: uppercase; cursor: pointer; } [data-whatintent="mouse"] .module-filter .prices button:hover { background: #000; color: #fff; } .module-filter .box { position: relative; margin-bottom: 7px; margin-right: 10px; } .module-filter .title-box { display: block; position: relative; z-index: 2; min-width: 140px; height: 31px; margin-bottom: 0; padding: 0 36px 0 13px; border: 1px solid #f0d20c; border-radius: 3px; background: #fff; color: #393939; font-size: 14px; font-weight: 300; line-height: 27px; } .module-filter .title-box:before { content: "\e905"; left: auto; right: 14px; width: auto; font-size: 8px; } .module-filter .box .drop { display: none; position: absolute; top: 100%; left: 0; z-index: 0; width: 100%; padding: 15px 11px; background: #da251c; color: #fff; } .module-filter .box .drop:before { border: 1px solid #e4e4e4; box-shadow: 0 10px 10px rgba(0,0,0,.2); background: #da251c; } [data-whatintent="mouse"] .module-filter .box:hover .drop { display: block; } .module-filter .box .drop a { color: #fff; } .slick-slider { margin-top: -19px; position: relative; z-index: 1; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { margin-top: 20px; position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .module-gallery { position: relative; margin-bottom: 50px; } .module-gallery .main-pic { position: relative; margin-bottom: 20px; } .module-gallery .main-pic figure { margin-bottom: 0; } .module-gallery .main-pic figure img { float: none; margin: 0 auto; max-height: 440px; } .module-gallery .gallery-thumbs { position: relative; z-index: 2; padding: 0 25px; } .module-gallery .gallery-thumbs:before { right: 0; background: #f2f2f2; } .module-gallery .gallery-thumbs figure { position: relative; margin: 0 10px; border: 1px solid #d2d2d2; background: #fff; } .module-gallery .gallery-thumbs figure a { outline: none; } .module-gallery .gallery-thumbs figure img { max-height: 80px; margin: 0 auto; } .module-gallery .gallery-thumbs .slick-current { border-color: #fae000; } .module-gallery .slick-arrow { position: absolute; top: 50%; z-index: 10; width: 36px; height: 36px; margin-top: -18px; border: 0; background: transparent; text-indent: -9999em; cursor: pointer; outline: none; } .module-gallery .slick-prev:before, .module-gallery .slick-next:before { content: "\e909"; color: #d1d1d1; font-size: 26px; } [data-whatintent="mouse"] .module-gallery .slick-prev:hover:before, [data-whatintent="mouse"] .module-gallery .slick-next:hover:before { color: #da251c; } .module-gallery .slick-prev:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .module-gallery .slick-prev { left: 0; } .module-gallery .slick-next { right: 0; } .module-gallery .slick-disabled { display: none!important; } .module-map { margin: 0 0 30px; } .module-map iframe { width: 100%; height: 654px; } .module-pattern { position: relative; z-index: 2; margin-bottom: 45px; padding: 30px 0 1px; } .module-pattern:before { background: #f4f3f3; } .module-pattern.a { margin-bottom: 35px; padding-left: 30px; padding-right: 30px; } .module-pattern.b { margin-bottom: 35px; } .module-review { padding-top: 30px; border-top: 3px solid #efedee; } .module-review h1, .module-review h2, .module-review h3, .module-review h4, .module-review h5, .module-review h6 { margin-bottom: 30px; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; margin-top: -10px; padding-top: 10px; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav { position: absolute; top: 43%; left: 0; right: 0; margin-top: -18px; } .owl-nav button { display: block; position: absolute; top: 50%; left: -35px; width: 35px; height: 35px; border: 2px solid #da251c; border-radius: 50%; background: none; color: #da251c; text-indent: -9999em; outline: none; cursor: pointer; } .owl-nav button:before { content: "\e906"; } .owl-nav button.owl-next { left: auto; right: -35px; } .owl-nav button.owl-next:before { content: "\e907"; } [data-whatintent="mouse"] .owl-nav button:hover { border-color: #da251c; background: #da251c; color: #fff; } .owl-dots { padding-top: 9px; margin-bottom: 10px; } .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0 5px 3px; padding: 0; border: 0; border-radius: 50%; box-shadow: none; background: #ffca64; cursor: pointer; outline: none; } .owl-dots button.active { background: #dc4242; cursor: default; } .page-navigation { position: relative; z-index: 2; padding: 0 20px; color: #a3a3a3; font-size: 14px; font-weight: 400; line-height: 1.1; } .page-navigation ul { list-style: none; height: 60px; margin: 0 -15px; padding: 0; } .page-navigation li { position: relative; float: left; padding: 0 15px; } .page-navigation li:before { content: "\e90b"; left: auto; right: -5px; width: auto; font-size: 8px; } .page-navigation a { color: #a3a3a3; } .page-navigation li:nth-child(1) a { color: #082e6d; font-weight: 600; } /* .page-navigation li:nth-child(1) a span { color: #da251c; } */ [data-whatintent="mouse"] .page-navigation a:hover { color: #da251c; text-decoration: none; } .page-navigation .menu-icon { display: none; margin-bottom: 0; } .page-navigation .menu-icon:before { color: #ff0000; } .page-contact { padding: 10px 25px; } .page-contact header h1, .page-contact header h2, .page-contact header h3, .page-contact header h4, .page-contact header h5, .page-contact header h6 { margin-bottom: 27px; font-size: 21px; font-weight: 400; } .page-contact h1, .page-contact h2, .page-contact h3, .page-contact h4, .page-contact h5, .page-contact h6 { margin-bottom: 30px; font-size: 17px; font-weight: 500; } .page-contact .triple { margin-top: 55px; margin-bottom: 30px; } .pagination { position: relative; color: #333e48; font-size: 14px; font-weight: 400; line-height: 1.1; } .pagination > p { margin-bottom: 7px; margin-right: 20px; } .pagination > p > a { display: block; position: relative; z-index: 2; padding: 5px 13px; border-radius: 3px; background: #ffde00; color: #333e48; font-weight: 400; } .pagination > p > a:before { content: "\e90a"; left: 10px; width: auto; font-size: 8px; } .pagination > p.next > a:before { content: "\e90b"; left: auto; right: 10px; } [data-whatintent="mouse"] .pagination > p > a:hover { background: #da251c; color: #fff; } .pagination .prev a { padding-left: 34px; } .pagination .next a { padding-right: 34px; } .pagination > p:last-child { margin-left: 7px; margin-right: 0; } .pagination > div { position: relative; margin-bottom: 7px; margin-right: 13px; } .pagination > div > ul { position: relative; z-index: 2; list-style: none; margin-bottom: 0; padding: 0; border-radius: 4px; background: #fff; } .pagination > div > ul a:before { content: "\e905"; left: auto; right: 10px; width: auto; font-size: 9px; } .pagination > div > ul > li { display: none; } .pagination > div > ul > .active { display: block; } .pagination > div > ul a { display: block; padding: 2px 35px 2px 15px; border: 0; color: #333e48; font-size: 16px; line-height: 1.2; } .pagination .drop { display: none; position: absolute; top: 100%; left: 0; border-radius: 5px; background: #ffde00; } .pagination .toggle .drop { display: block; } .pagination .drop ul { list-style: none; margin-bottom: 0; padding: 0; } .pagination .drop a { display: block; padding: 2px 22px; border-bottom: 1px solid #fff; color: #000; font-size: 16px; font-weight: 500; text-align: center; } [data-whatintent="mouse"] .pagination .drop a:hover, .pagination .drop .active a { background: #da251c; color: #fff; } .product-a { position: relative; z-index: 2; height: 400px; padding: 10px 12px 70px; color: #959595; font-size: 13px; line-height: 1.384615384615385; } .product-a:before { border: 1px solid #f2f2f2; } [data-whatintent="mouse"] .product-a:hover:before { box-shadow: 0 0 10px rgba(0,0,0,.1); } .product-a > div { overflow: hidden; position: absolute; top: 12px; bottom: 70px; left: 0; right: 0; z-index: 2; } .product-a > div > div { position: absolute; top: 0; bottom: auto; left: 12px; right: 12px; } [data-whatintent="mouse"] .product-a:hover > div > div { top: auto; bottom: 0; } .product-a .picture { overflow: hidden; height: 180px; margin-bottom: 14px; text-align: center; } .product-a .brand { margin-bottom: 10px; height: 22px } .product-a .brand img { max-height: 22px; } .product-a h1, .product-a h2, .product-a h3, .product-a h4, .product-a h5, .product-a h6 { overflow: hidden; height: 39px; margin-bottom: 15px; color: #000; font-size: 15px; } .product-a a { color: #000; } [data-whatintent="mouse"] .product-a a:hover { color: #da251c; } .product-a .short { min-height: 38px; margin-bottom: 0; } .product-a .prices { position: absolute; bottom: 0; left: 12px; right: 12px; z-index: 10; margin-bottom: 1px; padding: 10px 0; box-shadow: 0 -10px 10px rgba(255,255,255,1); background: #fff; color: #6f6f6f; font-size: 15px; line-height: 1.35; } .product-a .prices .tax { display: block; color: #da251c; } .product-a .prices .tax span { font-size: 18px; font-weight: 700; } .product-a .prices .tax .old { margin-right: 10px; color: #000; font-size: 16px; font-weight: 400; text-decoration: line-through; } .product-a .prices .notax { display: block; } .product-a .more { position: absolute; bottom: 20px; right: 12px; z-index: 12; } .product-a .more a { display: block; width: 44px; height: 22px; border-radius: 3px; background: #efeded url(../images/tripple-arrow.webp) no-repeat 50% 50%; text-indent: -9999em; } [data-whatintent="mouse"] .product-a .more a:hover { background-color: #ffde00; } .product-b { position: relative; z-index: 2; padding: 15px 15px 0 145px; color: #959595; font-size: 13px; line-height: 1.384615384615385; } .product-b:before { border: 1px solid #f2f2f2; } [data-whatintent="mouse"] .product-b:hover:before { box-shadow: 0 0 10px rgba(0,0,0,.1); } .product-b figure { width: 145px; margin-bottom: 10px; margin-left: -145px; padding-left: 15px; padding-right: 15px; text-align: center; } .product-b > div { position: relative; z-index: 2; width: 100%; } .product-b h1, .product-b h2, .product-b h3, .product-b h4, .product-b h5, .product-b h6 { margin-bottom: 10px; color: #000; font-size: 15px; } .product-b a { display: block; color: #000; } [data-whatintent="mouse"] .product-b a:hover { color: #da251c; } .product-b .prices { top: 100%; margin-bottom: 10px; background: #fff; color: #6f6f6f; font-size: 13px; line-height: 1.35; } .product-b .prices .tax { display: block; color: #da251c; } .product-b .prices .tax span { font-size: 15px; font-weight: 700; } .product-b .prices .tax .old { margin-right: 10px; color: #000; font-size: 16px; font-weight: 400; text-decoration: line-through; } .product-b .prices .notax { display: block; } .product-b .more { position: absolute; bottom: 15px; right: 0; z-index: 12; } .product-b .more a { display: block; width: 44px; height: 22px; border-radius: 3px; background: #efeded url(../images/tripple-arrow.webp) no-repeat 50% 50%; text-indent: -9999em; } [data-whatintent="mouse"] .product-b .more a:hover { background-color: #ffde00; } .product-page { padding-left: 25px; padding-right: 25px; } .product-page header { } .product-page header h1, .product-page header h2, .product-page header h3, .product-page header h4, .product-page header h5, .product-page header h6 { margin-bottom: 15px; font-size: 21px; font-weight: 400; } .product-page .col-a { float: left; width: 338px; padding-right: 13px; } .product-page .brand { margin-bottom: 15px; width: auto; display: inline-block; } .product-page .brand img { width: auto; max-height: 30px; } .product-page .box { margin-bottom: 15px; margin-left: -20px; padding-left: 20px; font-size: 14px; line-height: 1.071428571428571; } .product-page .box h1, .product-page .box h2, .product-page .box h3, .product-page .box h4, .product-page .box h5, .product-page .box h6 { margin-bottom: 4px; color: #000; font-size: 15px; font-weight: 500; } .product-page .box p, .product-page .box ul { margin-bottom: 13px; } .product-page .add-box { position: relative; z-index: 2; padding: 25px; -webkit-box-shadow: 0px 0px 30px -7px rgba(66, 68, 90, 0.3); -moz-box-shadow: 0px 0px 30px -7px rgba(87, 66, 90, 0.3); box-shadow: 0px 0px 30px -7px rgba(66, 68, 90, 0.3); } .product-page .add-box:before { left: -15px; } .product-page .prices { font-size: 15px; line-height: 1.35; margin-bottom: 15px; } .product-page .prices .tax { display: block; color: #da251c; } .product-page .prices .tax span { font-size: 29px; font-weight: 700; } .product-page .prices .tax .old { margin-right: 10px; color: #000; font-size: 19px; font-weight: 400; text-decoration: line-through; width: 100%; display: block; } .product-page .prices .notax { display: block; font-size: 12px; } .product-page .add { } .product-page .add > * { margin-bottom: 10px; } .product-page .add input { width: 35px; height: 34px; margin-left: 18px; margin-right: 18px; padding: 0 5px; border: 1px solid #efeded; background: #f8f8f8; color: #888; font-style: 18px; font-weight: 700; text-align: center; } .product-page .add button { position: relative; z-index: 2; height: 42px; padding: 0 22px; border: 0; border-radius: 5px; background: #ffde00; color: #000; font-size: 15px; font-weight: 400; text-align: left; cursor: pointer; } [data-whatintent="mouse"] .product-page .add button:hover { background-color: #39b936; color: #fff; } .product-page .col-b { float: left; width: 247px; } .product-page .module-additional { margin-bottom: 30px; padding: 15px 7px 0; } .product-page .module-additional .header { margin-bottom: 10px; padding-left: 10px; color: #000; font-size: 15px; font-weight: 400; } .product-page .module-additional .more { } .module-additional .more { display: none; margin-top: -10px; margin-bottom: 7px; padding-right: 10px; font-size: 13px; } .module-additional .more a { position: relative; z-index: 2; display: inline-block; padding-right: 25px; } .module-additional .more a:before { content: "\e905"; left: auto; right: 0; width: auto; } .module-additional .more a span:last-child, .similar-active .module-additional .more a span:first-child { display: none; } .similar-active .module-additional .more a span:last-child { display: block; } .similar-active .module-additional .more a:before { content: "\e908"; } .module-additional .list-other li { top: -1001em; } .similar-active .module-additional .list-other li, .module-additional .list-other li:nth-child(1), .module-additional .list-other li:nth-child(2), .module-additional .list-other li:nth-child(3), .module-additional .list-other li:nth-child(4) { position: relative; left: auto; top: auto; } .rating-b { list-style: none; margin-bottom: 40px; padding: 0; color: #888; font-size: 15px; } .rating-b li { margin-right: 13px; } .rating-b .no span { color: #000; font-weight: 700; } .rating-b a { color: #da251c; } .rating-b .stars { width: 90px; } .cols-a { z-index: 2000!important; } .subpage-a { position: relative; z-index: 30; } .subpage-a.scroll-to-fixed-fixed:before { box-shadow: 0 0 10px rgba(0,0,0,.2); background: #fff; } .subpage-a.scroll-to-fixed-fixed #nav { padding-top: 5px; margin-bottom: 5px; } .subpage-a.sticked { position: fixed; top: 0; left: 50%; z-index: 2000; width: 1200px; margin-left: -600px; } .subpage-a.sticked .page-navigation { padding-top: 5px; } .ratings { position: relative; width: 100%; margin-bottom: 11px; padding: 0; } .ratings .rating { display: block; overflow: hidden; width: 100%; max-width: 250px; height: 14px; margin-left: auto; margin-right: auto; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em; } .ratings .rating > * { display: block; position: relative; z-index: 2; float: left; width: 14px; height: 100%; margin: 0 2px; } .ratings .rating > *:before { content: ""; z-index: 1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDcuOTQgNDcuOTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk0IDQ3Ljk0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIHN0eWxlPSJmaWxsOiNjZWNlY2U7IiBkPSJNMjYuMjg1LDIuNDg2bDUuNDA3LDEwLjk1NmMwLjM3NiwwLjc2MiwxLjEwMywxLjI5LDEuOTQ0LDEuNDEybDEyLjA5MSwxLjc1NwoJYzIuMTE4LDAuMzA4LDIuOTYzLDIuOTEsMS40MzEsNC40MDNsLTguNzQ5LDguNTI4Yy0wLjYwOCwwLjU5My0wLjg4NiwxLjQ0OC0wLjc0MiwyLjI4NWwyLjA2NSwxMi4wNDIKCWMwLjM2MiwyLjEwOS0xLjg1MiwzLjcxNy0zLjc0NiwyLjcyMmwtMTAuODE0LTUuNjg1Yy0wLjc1Mi0wLjM5NS0xLjY1MS0wLjM5NS0yLjQwMywwbC0xMC44MTQsNS42ODUKCWMtMS44OTQsMC45OTYtNC4xMDgtMC42MTMtMy43NDYtMi43MjJsMi4wNjUtMTIuMDQyYzAuMTQ0LTAuODM3LTAuMTM0LTEuNjkyLTAuNzQyLTIuMjg1bC04Ljc0OS04LjUyOAoJYy0xLjUzMi0xLjQ5NC0wLjY4Ny00LjA5NiwxLjQzMS00LjQwM2wxMi4wOTEtMS43NTdjMC44NDEtMC4xMjIsMS41NjgtMC42NSwxLjk0NC0xLjQxMmw1LjQwNy0xMC45NTYKCUMyMi42MDIsMC41NjcsMjUuMzM4LDAuNTY3LDI2LjI4NSwyLjQ4NnoiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat; background-size: auto 100%; } .ratings .rating > * .fill { right: auto; z-index: 2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDcuOTQgNDcuOTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk0IDQ3Ljk0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIHN0eWxlPSJmaWxsOiNFRDhBMTk7IiBkPSJNMjYuMjg1LDIuNDg2bDUuNDA3LDEwLjk1NmMwLjM3NiwwLjc2MiwxLjEwMywxLjI5LDEuOTQ0LDEuNDEybDEyLjA5MSwxLjc1NwoJYzIuMTE4LDAuMzA4LDIuOTYzLDIuOTEsMS40MzEsNC40MDNsLTguNzQ5LDguNTI4Yy0wLjYwOCwwLjU5My0wLjg4NiwxLjQ0OC0wLjc0MiwyLjI4NWwyLjA2NSwxMi4wNDIKCWMwLjM2MiwyLjEwOS0xLjg1MiwzLjcxNy0zLjc0NiwyLjcyMmwtMTAuODE0LTUuNjg1Yy0wLjc1Mi0wLjM5NS0xLjY1MS0wLjM5NS0yLjQwMywwbC0xMC44MTQsNS42ODUKCWMtMS44OTQsMC45OTYtNC4xMDgtMC42MTMtMy43NDYtMi43MjJsMi4wNjUtMTIuMDQyYzAuMTQ0LTAuODM3LTAuMTM0LTEuNjkyLTAuNzQyLTIuMjg1bC04Ljc0OS04LjUyOAoJYy0xLjUzMi0xLjQ5NC0wLjY4Ny00LjA5NiwxLjQzMS00LjQwM2wxMi4wOTEtMS43NTdjMC44NDEtMC4xMjIsMS41NjgtMC42NSwxLjk0NC0xLjQxMmw1LjQwNy0xMC45NTYKCUMyMi42MDIsMC41NjcsMjUuMzM4LDAuNTY3LDI2LjI4NSwyLjQ4NnoiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat #fff; background-size: auto 100%; } .ratings .label span { position: relative; top: -1px; font-size: 0.75em; font-weight: 400; } /*! Headers --------- */ .header-a { margin-bottom: 33px; padding-left: 28px; color: #393939; font-size: 21px; font-weight: 400; } .header-a.a { margin-bottom: 20px; font-size: 17px; } .header-b { margin-bottom: 20px; font-size: 21px; font-weight: 400; text-align: center; } .heading-a { position: relative; z-index: 2; min-height: 52px; margin-bottom: 25px; padding-left: 350px; color: #6f6f6f; font-size: 15px; line-height: 1.733333333333333; } .heading-a:before { top: 26px; width: 350px; height: 2px; margin-top: 0; background: #ffde00; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { margin-bottom: 1px; color: #393939; font-size: 19px; font-weight: 500; } .heading-a > div { position: relative; z-index: 2; padding: 2px 0 0 95px; } .heading-a i { top: 0; left: 21px; width: 52px; height: 52px; margin-top: 0; border-radius: 50%; background: #ffde00; color: #fff; line-height: 52px; font-size: 25px; } .heading-a .pa { display: inline-block; margin-right: 30px; color: #da251c; font-size: 24px; } .heading-a .pa span { font-size: 20px; } .heading-a .pb { display: inline-block; color: #6f6f6f; font-size: 20px; font-weight: 300; } .heading-a.a { } .heading-a.a > div { padding-top: 16px; } .heading-a.a h1, .heading-a.a h2, .heading-a.a h3, .heading-a.a h4, .heading-a.a h5, .heading-a.a h6 { margin-bottom: 13px; } .heading-a.a .price { margin-bottom: 1px; color: #6f6f6f; font-size: 20px; } .heading-a.a .price .tax { margin-right: 30px; color: #da251c; font-size: 20px; font-weight: 500; } .heading-a.a .price .tax span { font-size: 27px; } .heading-a.a .price .tax, .heading-a.a .price .notax { display: inline-block; } .heading-a.a .shiping-info { margin-bottom: 10px; border-bottom: 1px solid #f5f5f5; } .heading-a.a .shiping-info .a { margin-right: 10px; color: #000; font-size: 25px; font-weight: 700; } .heading-a.a .shiping-info .b { color: #000; font-size: 17px; } .heading-a.b { padding-top: 27px; } .heading-a.b:before { top: 0; width: 100%; height: 100%;background: #f5f5f5; } .heading-a.b h1, .heading-a.b h2, .heading-a.b h3, .heading-a.b h4, .heading-a.b h5, .heading-a.b h6 { margin-bottom: 25px; } .heading-b { margin-bottom: 36px; } .heading-b h1, .heading-b h2, .heading-b h3, .heading-b h4, .heading-b h5, .heading-b h6 { display: block; float: left; position: relative; z-index: 2; margin-bottom: 10px; padding-bottom: 2px; color: #393939; font-size: 21px; font-weight: 400; } .heading-b h1:before, .heading-b h2:before, .heading-b h3:before, .heading-b h4:before, .heading-b h5:before, .heading-b h6:before { top: auto; height: 2px; background: #c1c1c1; } /*! Content --------- */ .regular { font-weight: 400; } .medium { font-weight: 500; } .strong { font-weight: 700; } .em { font-style: italic; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } #root .float-right { float: right; padding-left: 20px; } #root .float-left { float: left; padding-right: 20px; } #root .scheme-a { color: #da251c!important; font-weight: 500; } #root .scheme-b { color: #80b332!important; font-weight: 500; } #root .scheme-c { color: #0fb0ff!important; font-weight: 500; } #root .overlay-a { color: #000; } #root .overlay-b { color: #da251c; } /*! Links --------- */ .link-a { } .link-a a { color: #da251c; } .link-b { } .link-b a { color: #da251c; font-size: 17px; font-weight: 400; } .link-b span { color: #828282; font-size: 14px; } .link-btn { } .link-btn a { padding: 7px 12px; border-radius: 3px; background: #efeded; color: #000; font-size: 14px; font-weight: 500; line-height: 1.1; } [data-whatintent="mouse"] .link-btn a:hover { background: #ffde00; } .link-btn.a { } .link-btn.a a { background: #ffde00; font-size: 15px; font-weight: 400; } [data-whatintent="mouse"] .link-btn.a a:hover { background: #38a515; color: #fff; } .link-btn.b { } #root .link-btn.b a { padding: 0; background: #fff; color: #000; font-size: 14px; font-weight: 700; text-align: left; } .link-btn.b span { display: block; font-size: 10px; font-weight: 300; } .link-ceneo { margin-bottom: 38px; } /*! 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-style: none; margin-bottom: 30px; padding: 0; } .list-a.a { margin-bottom: 0; line-height: 1.4; } .list-a.a li { position: relative; z-index: 2; margin-bottom: 40px; padding-left: 90px; } .list-a.a li:before { width: 90px; height: 90px; border-radius: 50%; background: #e6e6e6; } .list-a.a figure { overflow: hidden; width: 90px; height: 90px; margin-left: -90px; border: 1px solid #f1f0f0; border-radius: 50%; } .list-a.a li > div { float: left; width: 100%; min-height: 90px; padding-left: 28px; } .list-a.b { position: relative; z-index: 2; padding-right: 50px; } .list-a.b:before { content: "\e918"; left: auto; right: 20px; width: auto; height: 30px; margin-top: -15px; color: #e3e3e3; font-size: 28px; } .list-a.b li { margin-bottom: 4px; } .list-attrs { list-style: none; margin: 0 -25px 20px; padding: 0; color: #393939; font-size: 17px; font-weight: 700; line-height: 1.1; } .list-attrs li { margin: 0 25px 8px; } .list-attrs span { display: block; font-size: 15px; font-weight: 400; } .list-attrs span:first-child { display: inline-block; color: #6f6f6f; } .list-availability { list-style: none; margin-bottom: 8px; padding: 0; font-size: 15px; } .list-availability li { display: none; margin-bottom: 8px; } .list-availability.show0 .a0, .list-availability.show1 .a1, .list-availability.show2 .a2, .list-availability.show3 .a3, .list-availability.show4 .a4, .list-availability.show5 .a5,.list-availability.show6 .a6,.list-availability.show7 .a7, .list-availability.show14 .a14 { display: block!important; } .list-availability .a { } .list-availability .a span { position: relative; padding: 3px 50px 4px 9px; border-radius: 5px; background: #000; color: #fff; } .list-availability .a i { position: absolute; top: 50%; right: 14px; margin-top: -10px; font-size: 19px; line-height: 20px; } .list-availability p { margin-bottom: 10px; line-height: 1.2; } .list-availability a { display: block; margin-top: 15px; margin-bottom: 20px; color: #888; font-size: 14px; } .list-availability .a0 { } .list-availability .a0 .a span { background: #cdcdcd; display: inline-block;} .list-availability .a1 { } .list-availability .a1 .a span { background: #80b332; display: inline-block;} .list-availability .a1 strong { font-weight: 400; } .list-availability .a1 .inf { display: inline-block; padding: 0 0 3px; font-size: 14px; } .list-availability .a1 .inf:last-of-type { font-size: 11px; } .list-availability .a1 .inf small { color: #80b332; font-size: 14px; font-weight: 400; } .list-availability .a1 .counter { font-size: 14px; } .list-availability .a1 .counter #time { padding-left: 10px; font-size: 16px; } .list-availability .a1 .counter #time span { display: inline-block; padding: 5px; border-radius: 3px; background: #e5e5e5; } .list-availability .a2 { } .list-availability .a2 .a span { background: #80b332; display: inline-block;} .list-availability .a3 { } .list-availability .a3 .a span { background: #80b332;display: inline-block; } .list-availability .a4 { } .list-availability .a4 .a span { background: #80b332; display: inline-block;} .list-availability .a5 { } .list-availability .a5 .a span { background: #80b332; display: inline-block;} .list-availability .a6 { } .list-availability .a6 .a span { background: #80b332; display: inline-block;} .list-availability .a7 { } .list-availability .a7 .a span { background: #80b332; display: inline-block;} .list-availability .a14 { } .list-availability .a14 .a span { background: #80b332; display: inline-block;} .list-b { list-style: none; margin-bottom: 50px; margin-left: -80px; padding: 0; line-height: 1.4; } .list-b li { position: relative; z-index: 2; width: 50%; margin-bottom: 10px; padding-top: 9px; padding-left: 85px; border-left: 80px solid rgba(0,0,0,0); } .list-b h1, .list-b h2, .list-b h3, .list-b h4, .list-b h5, .list-b h6 { color: #38a515; font-size: 17px; font-weight: 500; } .list-b figure { position: absolute; top: 0; left: 0; width: 70px; text-align: center; } .list-banners { list-style: none; margin: 0 0 22px -7px; padding: 0; line-height: 1.733333333333333; } .list-banners li { overflow: hidden; position: relative; z-index: 2; width: 25%; margin-bottom: 7px; padding: 25px 10px 50px 99px; border-left: 7px solid rgba(0,0,0,0); color: #fff; } .list-banners a, .list-banners h1, .list-banners h2, .list-banners h3, .list-banners h4, .list-banners h5, .list-banners h6 { color: #fff; } [data-whatintent="mouse"] .list-banners li:hover { z-index: 10; } .list-banners h1, .list-banners h2, .list-banners h3, .list-banners h4, .list-banners h5, .list-banners h6 { margin-bottom: 3px; font-size: 18px; font-weight: 700; } .list-banners i { left: -10px; width: auto; font-size: 105px; } .list-banners li:nth-child(1) i { left: -25px; } .list-banners li:nth-child(2) i { left: -20px; } .list-banners li:nth-child(3) i { font-size: 90px; } .list-banners li:nth-child(4) i { font-size: 80px; } [data-whatintent="mouse"] .list-banners li:hover i { margin-top: -20px; color: #000; } .list-banners li:after { display: block; top: auto; bottom: 10px; left: auto; right: 10px; width: 44px; height: 22px; border-radius: 3px; background: #ffde00 url(../images/tripple-arrow.webp) no-repeat 50% 50%; } .list-banners li:before { background: #000; } .list-banners li:nth-child(1):before { background: #da251c; } [data-whatintent="mouse"] .list-banners li:nth-child(1):hover:before { background: #ff0c00; } .list-banners li:nth-child(2), .list-banners li:nth-child(2) a, .list-banners li:nth-child(2) h1, .list-banners li:nth-child(2) h2, .list-banners li:nth-child(2) h3, .list-banners li:nth-child(2) h4, .list-banners li:nth-child(2) h5, .list-banners li:nth-child(2) h6 { color: #000; } .list-banners li:nth-child(2) i { color: #fff; } .list-banners li:nth-child(2):after { background-color: #efeded; } [data-whatintent="mouse"] .list-banners li:nth-child(2):hover i { color: #000; } .list-banners li:nth-child(2):before { background: #ffca64; } [data-whatintent="mouse"] .list-banners li:nth-child(2):hover:before { background: #ffe2ab; } .list-banners li:nth-child(3):before { background: #80b332; } [data-whatintent="mouse"] .list-banners li:nth-child(3):hover:before { background: #95d238; } .list-banners li:nth-child(4):before { background: #2f82b5; } [data-whatintent="mouse"] .list-banners li:nth-child(4):hover:before { background: #349cdb; } .list-c { list-style: none; margin-left: -65px; padding: 0; } .list-c li { width: 33.3333%; border-left: 65px solid rgba(0,0,0,0); } .list-c h1, .list-c h2, .list-c h3, .list-c h4, .list-c h5, .list-c h6 { margin-bottom: 20px; color: #38a515; font-size: 20px; font-weight: 700; } .list-c figure { margin-top: auto; text-align: center; } .list-categories { list-style: none; margin-bottom: 20px; padding: 0; } .list-categories div { position: relative; z-index: 2; width: 25%; min-height: 109px; padding: 20px 25px; } .list-categories div:before { right: -1px; border: 1px solid #efeded; background: #fff; } [data-whatintent="mouse"] .list-categories div:hover { z-index: 10; } [data-whatintent="mouse"] .list-categories div:hover:before { top: -6px; bottom: -5px; left: -5px; right: -5px; border-color: #fff; border-width: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1); } .list-categories figure { overflow: hidden; position: absolute; top: 0; bottom: 0; right: 0; z-index: -1; width: 135px; } .list-categories a { color: #000; font-weight: 400; } [data-whatintent="mouse"] .list-categories div:hover a { color: #da251c; } .list-categories span { display: block; color: #959595; font-size: 14px; } .list-checkbox { overflow: auto; list-style: none; max-height: 200px; margin-bottom: 0; padding: 0; font-size: 13px; color: #fff; font-weight: 300; } .list-checkbox li { position: relative; margin-bottom: 12px; padding-right: 30px; line-height: 1.2; } .list-checkbox a { position: relative; display: block; padding-left: 28px; color: #fff; text-decoration: none; } [data-whatintent="mouse"] .list-checkbox a:hover { text-decoration: underline; } .list-checkbox a:before { content: ""; position: absolute; top: 10px; left: 0; width: 17px; height: 17px; border-radius: 3px; background: #fff; } .list-checkbox .fwachk a { color: #000; } .list-checkbox .fwachk a:before { content: "\e904"; width: 17px; background: #33cc2f; color: #fff; font-size: 10px; } .list-checkbox span { position: absolute; top: 0; right: 10px; color: #fff; font-size: 13px; } .list-comments { list-style: none; padding: 0; font-size: 14px; color: #959595; line-height: 1.285714285714286; } .list-comments li { padding: 15px 13px 2px; margin-bottom: 7px; border: 1px solid #efeded; } .list-comments p { margin-bottom: 10px; } .list-comments .footer { color: #6f6f6f; font-style: italic; } .list-comments .footer .author { margin-right: 10px; color: #111; font-style: normal; font-weight: 400; } .list-d { position: relative; z-index: 2; list-style: none; padding: 0 215px 0 93px; color: #b3b3b3; font-size: 17px; font-weight: 700; line-height: 1.1 } .list-d:before { width: 66px; height: 69px;); } .list-d li { position: relative; z-index: 2; width: 25%; margin-bottom: 20px; padding: 15px 10px 0; border-right: 25px solid rgba(0,0,0,0); text-align: center; } .list-d li:before { bottom: 14px; background: #fff; border: 2px solid #e9e5e7; } .list-d .disabled { } .list-d .disabled h1, .list-d .disabled h2, .list-d .disabled h3, .list-d .disabled h4, .list-d .disabled h5, .list-d .disabled h6, .list-d .disabled h1 + p, .list-d .disabled h2 + p, .list-d .disabled h3 + p, .list-d .disabled h4 + p, .list-d .disabled h5 + p, .list-d .disabled h6 + p { opacity: .2; } .list-d .disabled .link-btn a { background: #e5e5e5; color: #9c9c9c; cursor: default; } [data-whatintent="mouse"] .list-d .disabled .link-btn a:hover { background: #e5e5e5; color: #9c9c9c; } .list-d h1, .list-d h2, .list-d h3, .list-d h4, .list-d h5, .list-d h6 { margin: 0; padding: 0; color: #393939; font-size: 24px; font-weight: 900; line-height: 1.1; } .list-d h1 span, .list-d h2 span, .list-d h3 span, .list-d h4 span, .list-d h5 span, .list-d h6 span { color: #da251c; } .list-d figure { margin-bottom: 32px; } .list-d .link-btn { position: absolute; bottom: 0; left: 50%; margin-bottom: 0; padding: 0 15px; background: #fff; } .list-d .link-btn a { padding-left: 20px; padding-right: 20px; } .list-e { list-style: none; margin-bottom: 50px; margin-left: -50px; padding: 0; } .list-e > li { width: 50%; margin-bottom: 30px; padding: 0 45px; border-left: 50px solid rgba(0,0,0,0); } .list-e > li > figure { margin: 0 -45px 30px; text-align: center; } .list-e h1, .list-e h2, .list-e h3, .list-e h4, .list-e h5, .list-e h6 { margin-bottom: 16px; color: #38a515; font-size: 17px; font-weight: 500; } .list-e h1:first-child, .list-e h2:first-child, .list-e h3:first-child, .list-e h4:first-child, .list-e h5:first-child, .list-e h6:first-child { font-size: 20px; font-weight: 700; text-align: center; } .list-e .box { position: relative; z-index: 2; margin: 0 -45px 20px; padding: 30px 20px 0 298px; } .list-e .box:before { border: 3px solid #f1f1f1; border-radius: 17px; } .list-e .box > * { float: left; width: 100%; } .list-e .box > figure { width: 298px; margin-top: -74px; margin-left: -298px; padding-left: 31px; } .list-e.a { margin-bottom: 10px; } .list-e.a li { margin-bottom: 40px; } .list-e.a h1:first-child, .list-e.a h2:first-child, .list-e.a h3:first-child, .list-e.a h4:first-child, .list-e.a h5:first-child, .list-e.a h6:first-child { padding-left: 254px; text-align: left; } .list-e.a .list-attrs { margin-bottom: 20px; } .list-e.a .list-attrs li { width: 100%; margin-bottom: 10px; padding-left: 84px; } .list-e.a .list-attrs span:first-child { width: 85px; margin-left: -84px; } .list-f { list-style: none; margin-left: -12px; padding: 0; font-weight: 400; line-height: 1.1; } .list-f li { margin: 0 0 12px 12px; } .list-f a { display: block; padding: 8px 14px; border-radius: 4px; background: #ffde00; color: #393939; } .list-f a:hover { background: #38a515; color: #fff; text-decoration: none; } .list-logos { position: relative; left: 50%; list-style: none; width: 100vw; margin-bottom: 23px; padding: 0; } .list-logos li { height: 65px; margin: 0 3.5px 7px; } .list-logos a { display: block; width: 100%; height: 100%; background: #fff; text-align: center; } [data-whatintent="mouse"] .list-logos a:hover { box-shadow: 0 0 10px rgba(0,0,0,.1); } .list-logos img { width: auto; } .list-other { list-style: none; padding: 0; } .list-other li { margin-bottom: 6px; padding: 15px 18px; background: #fff; -webkit-box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); -moz-box-shadow: 0px 0px 30px -7px rgba(87, 66, 90, 0.3); box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%);} .list-other figure { float: left; width: 115px; max-width: 50%; margin-bottom: 4px; text-align: center; } .list-other figure img { width: 100%; height: auto; } .list-other h1, .list-other h2, .list-other h3, .list-other h4, .list-other h5, .list-other h6 { clear: both; margin-bottom: 2px; color: #828282; font-size: 14px; font-weight: 300; line-height: 1.2; } .list-other a { color: #828282; font-size: 12px; } .list-other .a { margin-bottom: 8px; } .list-other .b { max-width: 50%; } .list-other .price { margin-bottom: 2px; color: #000; font-size: 16px; font-weight: 400; } .list-other .checkbox { position: relative; margin-bottom: 1px; } .list-other .checkbox label { line-height: 1.1; } .list-other .checkbox input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .list-other .checkbox label span { display: block; height: 24px; padding: 0 11px; border-radius: 3px; border: 1px solid #da251c; background: #da251c; color: #fff; font-size: 13px; font-weight: 400; line-height: 24px; } .list-other .checkbox label span + span { display: none; padding-right: 30px; background: #fff; border-color: #f4f3f3; background: #fff; color: #80b332; } .list-other .checkbox label span + span:before { content: "\e904"; left: auto; right: 10px; width: auto; } .list-other .checkbox input:checked + label span { display: none; } .list-other .checkbox input:checked + label span + span { display: block; } .list-select { list-style: none; width: 100%; margin-bottom: 40px; padding: 0; color: #878c9a; font-size: 15px; font-weight: 400; line-height: 1.1; } .list-select li { display: inline-block; position: relative; margin-bottom: 15px; padding: 0; } .list-select input { display: none; } .list-select label { display: inline-block; position: relative; z-index: 2; width: 100%; min-height: 22px; padding: 0 90px 0 38px; color: #878c9a; cursor: pointer; } .list-select label:after { content: ""; top: 0; width: 19px; height: 19px; margin-top: -2px; border: 1px solid #cad3d8; border-radius: 3px; background: #fff; color: #393939; font-size: 10px; line-height: 18px; } .list-select input:checked + label, .list-select input:checked + strong label, .list-select input:checked ~ .price { color: #55595c; font-weight: 500; } .list-select input:checked + label:after, .list-select input:checked + strong label:after { content: "\e904"; border-color: #8ed000; border-width: 2px; background: #8ed000; color: #fff; } .list-select .price { position: absolute; top: 50%; right: 13px; z-index: 2; width: 100px; margin-top: -6px; color: #a4a4a4; font-weight: 400; text-align: right; } .list-select.a { width: 100%; max-width: 490px; margin-left: auto; margin-right: auto; } .list-select.a li { width: 100%; margin-bottom: 8px; border: 1px solid #e8e8e8; background: #fff; } .list-select.a label { min-height: auto; padding: 14px 64px 14px 54px; } .list-select.a label:after { top: 15px; left: 11px; } .list-select.bb { width: 100%; max-width: 490px; margin-left: auto; margin-right: auto; } .list-select.bb select {width: 100%;padding:5px; border-radius: 5px; height: 34px; border:0px; background:#fff;} .list-social { list-style: none; padding: 0; font-size: 14px; line-height: 1.1; } .list-social li { margin-bottom: 31px; } .list-social a { position: relative; padding-left: 43px; color: #828282; } [data-whatintent="mouse"] .list-social a:hover { color: #da251c; } .list-social a:before { width: auto; color: #c5c5c5; font-size: 25px; } [data-whatintent="mouse"] .list-social a:hover:before { color: #da251c; } .list-social .social-instagram a:before { content: "\e912"; } .list-social .social-facebook a:before { content: "\e91f"; } .list-social .social-blog a:before { content: "\e920"; } .list-social .social-youtube a:before { content: "\e91e"; } .list-specification { list-style: none; margin-bottom: 40px; padding: 0; color: #2d2d2d; line-height: 1.2; } .list-specification li { padding: 8px 0; border-bottom: 1px solid #efeded; } .list-specification p { width: 50%; padding-left: 40px; } .list-specification p:first-child { padding-left: 0; padding-right: 40px; color: #959595; text-align: right; } /*! Forms --------- */ ::-webkit-input-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } ::placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } .form-contact { position: relative; max-width: 960px; margin: 0 auto 50px; color: #6f6f6f; font-size: 14px; } .form-contact h1, .form-contact h2, .form-contact h3, .form-contact h4, .form-contact h5, .form-contact h6 { padding-left: 385px; } .form-contact .cols { padding-left: 385px; } .form-contact .cols > div { float: left; width: 100%; margin-left: 0; padding-right: 0; } .form-contact .cols > div:first-child { width: 385px; margin-left: -385px; padding-right: 30px; } .form-contact p { margin-bottom: 14px; } .form-contact input, .form-contact textarea { width: 100%; height: 34px; padding: 0 15px; border: 1px solid #e0e0e0; background: #fff; } .form-contact textarea { height: 190px; min-height: 190px; padding: 15px } .form-contact .a { padding-top: 38px; } .form-contact .a p { padding-left: 130px; } .form-contact .a label { width: 130px; margin-left: -130px; padding-right: 10px; } .form-contact .line { margin-bottom: 10px; } .form-contact .line label { margin: 0 10px 10px 0; padding: 0; } .form-contact .line input { width: 160px; margin-bottom: 10px; } .form-contact .line img { margin-bottom: 10px; margin-right: 10px; } .form-contact button { width: 100%; max-width: 290px; height: 37px; padding: 0 30px; border: 0; border-radius: 5px; background: #ffde00; color: #000; font-size: 15px; font-weight: 500; text-align: center; cursor: pointer; } [data-whatintent="mouse"] .form-contact button:hover { background: #000; color: #fff; } .form-contact .line-a { padding-left: 130px; } .form-contact .line-a p { width: 100%; margin-bottom: 10px; } .form-contact .line-a p:first-child { width: 130px; margin-left: -130px; padding-right: 10px; } .form-contact .line-a label { position: static; top: auto; left: auto; padding: 0; } .form-contact.a { } .form-contact.a .a { padding-top: 0; } .form-contact.a input, .form-contact.a textarea { background: #f8f8f8; } .form-newsletter { position: relative; z-index: 2; margin-bottom: 25px; padding: 13px 18px 0 166px; color: #fff; line-height: 1.3; } .form-newsletter:before { background: #da251c; } [data-whatintent="mouse"] .form-newsletter:hover:before { top: -5px; bottom: -5px; left: -5px; right: -5px; background: #ee2b22; } .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6 { position: relative; z-index: 2; width: 166px; margin-bottom: 13px; padding-left: 33px; margin-left: -166px; color: #fff; font-size: 21px; } [data-whatintent="mouse"] .form-newsletter:hover h1, [data-whatintent="mouse"] .form-newsletter:hover h2, [data-whatintent="mouse"] .form-newsletter:hover h3, [data-whatintent="mouse"] .form-newsletter:hover h4, [data-whatintent="mouse"] .form-newsletter:hover h5, [data-whatintent="mouse"] .form-newsletter:hover h6 { color: #000; font-weight: 700; } .form-newsletter h1:before, .form-newsletter h2:before, .form-newsletter h3:before, .form-newsletter h4:before, .form-newsletter h5:before, .form-newsletter h6:before { left: auto; right: 0; width: 1px; background: rgba(255,255,255,.2); } .form-newsletter > div { width: 100%; padding: 21px 0 21px 38px; } .form-newsletter p { width: 50%; margin-bottom: 13px; } .form-newsletter .info { padding-right: 20px; } .form-newsletter .info span { display: block; font-size: 17px; font-weight: 500; } .form-newsletter .inputs { padding: 9px; background: #fff; } .form-newsletter .inputs input { height: 29px; padding: 0 10px; border: 0; font-style: italic; } .form-newsletter .inputs button { height: 29px; padding: 0 14px; border: 0; border-radius: 3px; background: #ffde00; color: #000; font-size: 14px; font-weight: 400; cursor: pointer; } [data-whatintent="mouse"] .form-newsletter .inputs button:hover { background: #2d2d2d; color: #fff; } .form-search { } .form-search p { position: relative; z-index: 2; padding-right: 60px; background: #fff; } .form-search input { width: 100%; height: 47px; padding: 0 20px; border: 0; background: none; color: #5e5e5e; font-size: 15px; font-style: italic; } .form-search button { position: absolute; top: 0; right: 0; z-index: 2; width: 60px; height: 47px; border: 0; background: none; text-indent: -9999em; cursor: pointer; } .form-search button:before { content: "\e914"; color: #000; font-size: 18px; } [data-whatintent="mouse"] .form-search:hover button:before { color: #da251c; } .form-sort { position: relative; z-index: 10; margin-bottom: 27px; padding: 8px 10px 0; border-radius: 4px; background: #efeded; } .form-sort .sort { margin-bottom: 8px; } .form-sort select { position: relative; z-index: 10; width: 170px; height: 25px; padding: 0 34px 0 18px; border: 0; border-radius: 3px; color: #9d9d9d; font-size: 14px; font-weight: 400; cursor: pointer; } .form-sort select { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDUxLjg0N3B4IiBoZWlnaHQ9IjQ1MS44NDdweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEKCQljMTIuMzU0LTEyLjM1NCwzMi4zODgtMTIuMzU0LDQ0Ljc0OCwwbDE3MS45MDUsMTcxLjkxNWwxNzEuOTA2LTE3MS45MDljMTIuMzU5LTEyLjM1NCwzMi4zOTEtMTIuMzU0LDQ0Ljc0NCwwCgkJYzEyLjM2NSwxMi4zNTQsMTIuMzY1LDMyLjM5MiwwLDQ0Ljc1MUwyNDguMjkyLDM0NS40NDlDMjQyLjExNSwzNTEuNjIxLDIzNC4wMTgsMzU0LjcwNiwyMjUuOTIzLDM1NC43MDZ6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) 90% center no-repeat #fff; background-size: auto 7px; } .form-sort select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .rating-a { position: relative; display: inline-block; width: auto!important; margin-bottom: 25px; } .rating-a input { display: none; } .rating-a label { display: block!important; position: static; top: auto; left: auto; float: right; width: auto; margin: 0; padding: 0; } .rating-a label span { display: none; position: absolute; top: 3px; left: 180px; width: 120px; background: #fff; color: #62a907; font-size: 14px; font-weight: 700; text-align: left; } .rating-a label:hover span, .rating-a input:checked + label span { display: block; } .rating-a label:before { content: ""; display: inline-block; width: 22px; height: 22px; margin: 0 5px; background: url(../images/stars.webp); } .rating-a > input:checked ~ label:before, .rating-a:not(:checked) > label:hover:before, .rating-a:not(:checked) > label:hover ~ label:before { background-position: 0 -22px; } .rating-a > input:checked + label:hover, .rating-a > input:checked ~ label:hover:before, .rating-a > label:hover ~ input:checked ~ label:before, .rating-a > input:checked ~ label:hover ~ label:before { background-position: 0 -44px; } /*! Helpers --------- */ *, *:before, *:after { /* transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; */ -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; transform-origin: center center; } #mUser .title a:before, #mPrzechowalnia .no, #mUser .link-btn a, #mKoszyk .no, .module-items .item figure, #mobile, #shadow, .baner-a:before, .baner-b:before, .list-banners i, .list-logos a, .product-b:before, .product-a > div > div, .product-a:before, .list-categories div:before, .form-newsletter:before { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } option { transition: none; } .clear { clear: both; } #up li:last-child:after, #up .lang li:after, .module-additional .list-other li, .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .page-navigation li:last-child:before, #featured .owl-dots button:first-child:before, .form-newsletter label, .form-search label, [hidden], template, .owl-nav button.disabled { display: none; } #mPrzechowalnia a, #mKoszyk a, #mUser a, .module-additional.is-more .more, .link-ceneo a, article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #666; background: none; font-size: 0; } .page-contact .triple:first-child { margin-top: 0; } #up .ship p, ul ul, ul ol, ol ol, ol ul, #logo, .list-specification p, .product-page .add, .list-a.a figure, .list-a.a p, #panel .option, #up .link-btn, .menu_icon, #panel .option .currancy p, #mKoszyk p, #mPrzechowalnia p, #up ul, .form-search p, .module-a header p, .baner-a figure, .baner-b figure, .list-banners p, .list-categories figure, .product-a .more, .product-b .more { margin-bottom: 0; } #root .m40 { margin-bottom: 40px; } #root .m60 { margin-bottom: 60px; } /*! 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: #da251c; color: #fff; text-shadow: none; } ::-moz-selection { background: #da251c; color: #fff; text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Animationa --------- */ [data-whatintent="mouse"] #mUser .title a:hover:before, [data-whatintent="mouse"] #mPrzechowalnia a:hover:before, [data-whatintent="mouse"] #up .ship:hover p:before, [data-whatintent="mouse"] .list-b li:hover figure, [data-whatintent="mouse"] .list-a.b:hover:before, [data-whatintent="mouse"] .heading-a:hover i, [data-whatintent="mouse"] #mKoszyk a:hover:before, [data-whatintent="mouse"] .form-search:hover button:before, [data-whatintent="mouse"] #up .phone:hover:before, [data-whatintent="mouse"] #up .user:hover:before, [data-whatintent="mouse"] .baner-a:hover:after, [data-whatintent="mouse"] .baner-b:hover:after, [data-whatintent="mouse"] .list-banners li:hover:after, [data-whatintent="mouse"] .list-logos a:hover img, [data-whatintent="mouse"] .product-b .more a:hover, [data-whatintent="mouse"] .product-a .more a:hover, [data-whatintent="mouse"] .form-newsletter .inputs button:hover, [data-whatintent="mouse"] .list-social a:hover:before, [data-whatintent="mouse"] .link-ceneo a:hover, [data-whatintent="mouse"] #footer > nav:hover .module-contact:before, [data-whatintent="mouse"] .link-btn a:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .list-d li:hover figure, [data-whatintent="mouse"] .module-items .item:hover figure, [data-whatintent="mouse"] .list-categories div:hover img, [data-whatintent="mouse"] .list-accessories li:hover img { -webkit-animation-name: popA; animation-name: popA; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes pop {50% {-webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes pop {50% {-webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes popA {50% {-webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes popA {50% {-webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes bump {50% {-webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes bump {50% {-webkit-transform: translateY(-10px); transform: translateY(-10px); } } @-webkit-keyframes degus-little { 25% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 75% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } } @keyframes degus-little { 25% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 75% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } } /*! Flexbox --------- */ #mUser .buttons, #mPrzechowalnia .no, #mKoszyk .no, #up .phone, #up .options, .module-aside, .list-attrs, .list-e, .list-f, .list-d, .list-c, .list-c li, .list-b, .list-availability, #nav-sections ul,.list-other .a, .list-other .b, .product-page .add, .rating-b, .module-items .item .line .price-all, .module-items .item .line, .module-items .item, .cart-buttons, .user-info p, .list-a.a li > div, .list-a.a li, .form-contact .line-a, .list-specification li, .form-contact .line, .form-contact .a p, .pagination, .form-sort, .module-filter .prices .range, .module-filter .prices, .module-filter, .module-catalog form, .page-navigation ul, #panel .option, #panel .option li, #panel, #up ul, .module-banners, .list-banners, .module-a header, .list-logos a, .product-b > div, .product-b, .owl-dots, .product-a .picture, .module-catalog, .list-categories div, .list-categories figure, .list-categories, .form-newsletter .inputs, .form-newsletter > div, .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6, .form-newsletter, #footer > div ul, #footer > div, #footer > nav, .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #mUser .buttons, #up .phone, #up .options, .module-aside, .list-attrs, .list-e, .list-f, .list-d, .list-c, .list-b, .list-availability, #nav-sections ul,.list-other .a, .list-other .b, .product-page .add, .rating-b, .module-items .item .line .price-all, .module-items .item .line, .module-items .item, .cart-buttons, .user-info p, .list-a.a li > div, .list-a.a li, .form-contact .line-a, .list-specification li, .form-contact .line, .form-contact .a p, .pagination, .form-sort, .module-filter .prices .range, .module-filter .prices, .module-filter, .module-catalog form, .page-navigation ul, .link-btn, #panel .option, #panel .option li, #panel, #up ul, .module-banners, .list-banners, .module-a header, .product-b > div, .product-b, .owl-dots, .module-catalog, .list-categories div, .list-categories figure, .list-categories, .form-newsletter .inputs, .form-newsletter > div, .form-newsletter, #footer > div ul, #footer > div, #footer > nav { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-c li, .list-availability, .list-other .b, .list-a.a li > div, .product-b > div { -webkit-flex-direction: column; flex-direction: column; } .text-left .link-btn, .link-btn.text-left { -webkit-justify-content: flex-start; justify-content: flex-start; } #mPrzechowalnia .no, #mKoszyk .no, .module-c .gr, .list-d .link-btn, .list-c .link-btn, .list-other li > div, .cart-buttons, .list-a.a li > div, .list-logos a, .owl-dots, .product-a .picture, .text-center .link-btn, .link-btn.text-center { -webkit-justify-content: center; justify-content: center; } .form-contact .line, .form-sort.a, #up ul, .list-categories figure, .text-right .link-btn, .link-btn.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; } .list-other .a, .form-sort, .module-a header, #footer > div { -webkit-justify-content: space-between; justify-content: space-between; } .list-availability { -webkit-align-items: flex-start; align-items: flex-start; } #mPrzechowalnia .no, #mPrzechowalnia a, #mKoszyk .no, #mKoszyk a, #up .phone, .list-other .a, .product-page .add, .rating-b, .module-items .item .line .price-all, .module-items .item .line, .module-items .item, .user-info p, .list-a.a li, .form-contact .line-a, .list-specification li, .form-contact .line, .form-contact .a p, .pagination, .module-filter .prices .range, .module-filter, .module-filter .prices, .page-navigation ul, #panel .option, #panel .option li, #panel, .link-btn, #up ul, .list-logos a, .product-a .picture, .list-categories div, .list-categories figure, .list-categories, .form-newsletter > div, .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6 { -webkit-align-items: center; align-items: center; } .list-other .b { -webkit-align-items: flex-end; align-items: flex-end; } .module-aside > *:first-child, #panel .form-search, .form-newsletter .inputs input { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .module-aside > *:first-child, #panel .form-search, .form-newsletter .inputs input { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype'); } [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-blogger:before {content: "\e920"; } .icon-cancel:before {content: "\e90d"; } .icon-caret-down:before {content: "\e900"; } .icon-caret-left:before {content: "\e901"; } .icon-caret-right:before {content: "\e902"; } .icon-caret-up:before {content: "\e903"; } .icon-chat:before {content: "\e91d"; } .icon-checked:before {content: "\e904"; } .icon-chevron-down:before {content: "\e905"; } .icon-chevron-left:before {content: "\e906"; } .icon-chevron-right:before {content: "\e907"; } .icon-chevron-up:before {content: "\e908"; } .icon-chevron-wide:before {content: "\e909"; } .icon-close:before {content: "\e90e"; } .icon-credit-card:before {content: "\e910"; } .icon-delivery-truck:before {content: "\e90f"; } .icon-dollar:before {content: "\e916"; } .icon-double-arrow-left:before {content: "\e90a"; } .icon-double-arrow-right:before {content: "\e90b"; } .icon-facebook:before {content: "\e91f"; } .icon-icon:before {content: "\e911"; } .icon-instagram:before {content: "\e912"; } .icon-magnifier:before {content: "\e914"; } .icon-menu:before {content: "\e90c"; } .icon-package:before {content: "\e917"; } .icon-phone-call:before {content: "\e918"; } .icon-play:before {content: "\e919"; } .icon-search:before {content: "\e91a"; } .icon-shopping-cart:before {content: "\e915"; } .icon-shopping-list:before {content: "\e91b"; } .icon-stock:before { content: "\e91c"; } .icon-user:before { content: "\e913"; } .icon-youtube:before { content: "\e91e"; } .icon-flag:before { content: "\e921"; } /* Custom */ .modalPricePromotion { display: none; position: fixed; z-index: 999999999; padding-top: 100px; left: 0; top: 0; width: 100% !important; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modalPricePromotion .modal-content { background-color: #fefefe; margin: auto; padding: 10px; border: 1px solid #888; width: 80%; max-width: 500px; } .modalPricePromotion .closePromotionModal { color: #aaaaaa; float: right; font-size: 45px; font-weight: bold; cursor: pointer; } .modalPricePromotion .close:hover,.close:focus { color: #000; text-decoration: none; cursor: pointer; } .modalPricePromotion .promotionModalBackground { display: block; height: 630px; width: 100%; max-width: 480px; background-image: url("../images/gwarancja.webp"); background-size: cover; background-repeat: no-repeat; } .ask-question-icon { background-image: url("../images/communication.webp"); display: inline-block; width: 16px; height: 16px; background-size: cover; background-repeat: no-repeat; position: relative; top: 2px; margin-right: 5px; } #section-descriptions,#section-attributes { font-family: 'Poppins', sans-serif !important; } #section-descriptions strong { font-weight: 600; } #askItem,#askItemMessage { position: relative; z-index: 2; height: 42px; padding: 0 22px; border: 0; border-radius: 5px; background: #ffde00; color: #000; font-size: 15px; font-weight: 400; text-align: left; cursor: pointer; line-height: 44px;} #availabilityFormContainer { clear: both; background-color: #f4f3f3; padding: 30px; } #availabilityFormContainer h2 { text-align: center; } #availabilityFormContainer .komcw { width: 50%; margin: auto auto; } #availabilityFormContainer td { padding: 0 7px 0 7px; } .information-box { border-radius: 5px; background: #ffde00; margin: 15px 0 15px; } #askQuestionTrigger { cursor: pointer;} /* Chat module */ /* .floating-contact { position: fixed; width: 65px !important; height: 65px; bottom: 14px; right: 30px; cursor: pointer; z-index: 9999; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .floating-contact .floating-contact-box { position: fixed; width: 50px; height: 50px; background-color: #da251c; bottom: -66px; right: 45px; border-radius: 50%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; font-size: 30px; text-align: center; line-height: 50px;} .floating-contact .floating-contact-box:nth-of-type(1) { right: -70px; background-color: #da251c; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .floating-contact .floating-contact-box a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .floating-contact .floating-contact-box span { font-size: 13px; position: absolute; width: 100%; left: 0; bottom: 3px; font-weight: 600; } .floating-contact .floating-contact-box .icon-chat { color: #fff; font-size: 20px; display: block; position: relative; top: 10px; } .floating-contact .whatsAppIcon { background-image: url("/img/whatsAppIcon.webp"); background-size: cover; display: block; width: 55px; height: 55px; } .floating-contact .floating-contact-trigger { line-height: 48px; font-size: 20px; text-align: center; background-color: #da251c; color: #fff; width: 50px; height: 50px; position: absolute; left: 0; top: 0; border: 3px solid #da251c; z-index: 9999999; } .floating-contact .whatsAppBox { display: block; position: fixed; right: 13px; bottom: -50px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .floating-contact .icon-phone-call {font-size: 24px; } .floating-contact .icon-chat { display: block; line-height: 48px; } .floating-contact .icon-cancel {display: none;} .floating-contact .icon-phone-call {color: #fff;} .floating-contact.active { background-color: none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .floating-contact.active .floating-contact-box { display: block; position: fixed; color: #fff; background-color: #da251c; bottom: 90px; right: 45px !important; text-align: center; } .floating-contact.active .floating-contact-box a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .floating-contact.active .floating-contact-box span { font-size: 13px; position: absolute; width: 100%; left: 0; bottom: 3px; font-weight: 600; } .floating-contact.active .floating-contact-box .icon-chat { color: #fff; font-size: 20px; display: block; position: relative; top: 15px; } .floating-contact.active .icon-chat { display: none !important; z-index: 9999; } .floating-contact.active .icon-cancel {display: block; line-height: 48px;} .floating-contact.active .floating-contact-trigger { background: none; border: none; color: #535353; } #fb-root iframe { bottom: 216px !important; right: 27px !important; box-shadow: none !important; display: none !important; } #fb-root.active iframe { display: block !important; animation: 500ms ease 0s 1 normal none running slideInFromBottomDelay !important; } div#___ratingbadge_0 {left: 0;} .disabled-on-start { display: none !important; } */ /* Chat module end */ div#___ratingbadge_0 {left: 0;} .faq-accordion-container .accordion .accordion-item .icon-chevron-down { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; padding: 1rem 3rem 1rem 1rem; color: #1d1d1d; font-size: 16px; font-weight: 400; border-bottom: 1px solid #e5e5e5; } .faq-accordion-container .accordion .accordion-item a.icon-chevron-down:hover, .faq-accordion-container .accordion .accordion-item a.icon-chevron-down:hover::after { cursor: pointer; color: #da251c; text-decoration: none; } .faq-accordion-container { margin: 20px 0; } .faq-accordion-container h2 { padding-top: 20px !important; } .faq-accordion-container .accordion .accordion-item a.icon-chevron-down.active { color: #da251c; border-bottom: 1px solid #da251c; } .faq-accordion-container .accordion .accordion-item a.icon-chevron-down::after { content: '\e905'; position: absolute; float: right; right: 1rem; font-size: 1rem; color: #1d1d1d; width: 30px; height: 30px; text-align: center; } .faq-accordion-container .accordion .accordion-item a.icon-chevron-down.active::after { content: '\e908'; color: #da251c; } .faq-accordion-container .accordion .content { display: none; padding: 1rem; border-bottom: 1px solid #e5e5e5; overflow: hidden; } .faq-accordion-container .accordion .content p { font-size: 1rem; font-weight: 300; } .faq-accordion-container i { font-family: 'Roboto'; } .faq-accordion-container .icon-chevron-down:before { display: none; } .faq-addon-container { background: #f4f3f3; padding: 20px; border-radius: 25px; } .rating-captain-review-product-form { margin: 20px 0; } .comments-box-lists { width: 100% !important; text-align: center; } .image-opinion-trigger { display: inline-block !important; width: 85px; height: 15px; background-image: url("../images/opinionStars.webp"); background-size: cover; cursor: pointer; } .image-opinion-trigger-text { display: inline-block !important; font-size: 16px; margin-right: 15px; cursor: pointer; } #kqs-cookie form { display: flex; justify-content: center; } #kqs-cookie .checkbox-cookies-box { cursor: pointer; margin: 0 10px; line-height: 30px; } #kqs-cookie form input, #kqs-cookie form label { cursor: pointer; } #kqs-cookie form button { width: 200px; font-size: 16px; cursor: pointer; padding: 0px 5px; } .product_page_product_info_box_ajax .product_page_ean_ajax { font-size: 15px; font-weight: 500; color: #888 !important; display: inline-block; } .module-catalog .product_page_product_info_box_ajax { display: none; } .product_page_availability_ajax { font-size: 12px; } .product_page_product_info_box_ajax { display: inline-block; position: absolute; left: 0px; } .product_page_product_info_box_ajax .product_page_ean_ajax { font-size: 12px; font-weight: 300; color: #000; display: inline-block; } .product_page_product_info_box_ajax .product_page_sku_ajax { font-size: 12px; font-weight: 300; color: #888; display: inline-block; margin-right: 10px; } .product_page_price_ajax,.product_page_srpa_price_ajax { padding-right: 37px; } .product_page_product_info_box_ajax .product_page_id_ajax { font-size: 15px; font-weight: 500; color: #888; display: inline-block; } .product_page_price_ajax .srpa_disclaimer_ajax { font-size: 12px; text-align: left; color: #b4b4b4; } .product_page_srpa_price_ajax { font-size: 12px; text-align: left; margin-bottom: 10px; } .product_page_srpa_price_ajax .red-price { color: red; } .phone-box-product-page { -webkit-box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); -moz-box-shadow: 0px 0px 30px -7px rgba(87, 66, 90, 0.3); box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); padding: 5px 25px 5px 25px; margin: 15px 0 0 0; } .phone-box-product-page .disclaimer { font-size: 12px; width: 15px; display: inline-block; width: 70px; line-height: 12px; } .phone-box-product-page .phone:before { content: "\e918"; left: 15px; width: auto; color: #000; font-weight: 600; font-size: 22px; font-family: 'i'; position: relative; } .phone-box-product-page .phone-number { float: right; font-size: 18px; font-weight: 500; color: red; line-height: 40px; } .phone-box-product-page a:hover { text-decoration: none; } .brand-box { position: relative; padding-bottom: 40px; } .under-phone-box { text-align: right; margin-top: 15px; margin-bottom: 0px; line-height: 1; } .brand-box .brand { position: absolute; right: 0px; } .free-delivery-box-info { background-color: #373737; margin: 15px 0; -webkit-box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); -moz-box-shadow: 0px 0px 30px -7px rgba(87, 66, 90, 0.3); box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%);} .free-delivery-box-info p { color: #fff; font-size: 12px; text-align: right; margin: 0; padding: 5px 25px; } .free-delivery-box-info p span { font-weight: 600; } .counter-box-info { -webkit-box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); -moz-box-shadow: 0px 0px 30px -7px rgba(87, 66, 90, 0.3); box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); padding: 5px 25px 5px 25px; } .counter-box-info::after { content: ''; clear: both; display: block; } .counter-box-info p { margin-bottom: 0; } .counter-left-side-content { float: left; width: 35%;} .counter-left-side-content .inf .text {} .counter-left-side-content .inf small {font-size: 11px !important;} .counter-right-side-content { float: left; width: 65%; text-align: right;} .counter-right-side-content .text {font-size: 10px; width: 80px; text-align: right;} .counter-right-side-content .show-counter-text {display: inline-block !important;} .today-shipping,.tomorrow-shipping { display: none; } .add-box-availability {float: right;} .list-availability .a span {font-size: 11px; padding: 3px 40px 3px 9px;} .list-availability .a1 .counter #time { padding-left: 0; } .list-availability .a i { font-size: 15px; } .wishlist-box { position: relative; padding: 9px 20px 9px 20px; -webkit-box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); -moz-box-shadow: 0px 0px 30px -7px rgba(87, 66, 90, 0.3); box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); display: inline-block; float: right; } .wishlist-box img { width: 20px; height: 20px; position: absolute; right: 12px; top: 12px;} .wishlist-box span { font-size: 12px; margin-right: 10px; } .wishlist-box span a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .under-counter-info { width: 100%; text-align: right; margin: 10px 0 0 0;} .fixed-header-desktop {position: fixed !important; top: -41px !important; height: 135px !important; } .fixed-header-desktop #mPrzechowalnia, .fixed-header-desktop #mUser, .fixed-header-desktop #mKoszyk { top: 67px; } .sticky-shoping-cart { position: fixed; display: none; left: 0;top: 69px;width: 100%;height: 55px;z-index: 9999; background-color: #fff;-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .content-container { position: relative; z-index: 5; width: 1200px; margin: 0 auto; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease } .sticky-shoping-cart .add-box {display: table-cell; box-shadow: none; height: 55px; vertical-align: middle; padding: 0; position: absolute; right: 470px; top: 16px; } .sticky-shoping-cart .sticky-shoping-cart-box {display: inline-block;} .sticky-shoping-cart .wishlist-box {float: none; box-shadow: none; position: absolute; top: 5px;} .sticky-shoping-cart .sticky-shoping-cart-box .prices {display: inline-block; font-size: 15px; line-height: 1.35; margin-bottom: 15px; position: absolute; top: 12px; right: 300px;} .sticky-shoping-cart .sticky-shoping-cart-box .prices .notax {display: none !important;} .sticky-shoping-cart .sticky-shoping-cart-box .add {display: inline-block; position: absolute; top: 13px; width: auto; right: 50px;} .sticky-shoping-cart .sticky-shoping-cart-box .add input { width: 25px; height: 25px; font-size: 12px; } .sticky-shoping-cart .sticky-shoping-cart-box .add label { font-size: 12px; } .sticky-shoping-cart {text-align: right; top: 94px; border-bottom: 1px solid #0000000a;} .product-page .sticky-shoping-cart .col-a {width: 100%;} .sticky-shoping-cart .add button { height: 25px; padding: 15px; font-size: 12px; line-height: 2px;} .sticky-shoping-cart .list-availability p {margin-bottom: 0;} .sticky-shoping-cart .list-availability li {margin-bottom: 0;} .sticky-shoping-cart .add-box-availability { margin-bottom: 0 } .sticky-product-name { display: block; position: absolute; left: 0px; top: 16px; font-weight: 500; font-size: 13px; } .sticky-shoping-cart .prices .tax span { font-size: 24px; } .sticky-shoping-cart .sticky-shoping-cart-box .add input { margin-left: 5px; } .visible-sticky-cart { display: block !important; } .steps.scroll-to-fixed-fixed { background-color: none; } .steps.scroll-to-fixed-fixed .active a{ border: none !important; } .product-page .prices .tax .old { display: none; } .fixed-header-desktop #logo {width: 145px; height: 52px;} .fixed-header-desktop #logo a{ background-size: cover; } .fixed-header-desktop #panel { top: 64px; left: 300px; } .steps.scroll-to-fixed-fixed { top: 45px !important; } .sticky-shoping-cart .product_page_price_ajax { display: none; } .sticky-shoping-cart .product_page_srpa_price_ajax { display: none;} .sticky-shoping-cart .product_page_availability_ajax { display: none; } #footer { z-index: 999; } .sticky-shoping-cart-box #askItemMessage { height: 25px; padding: 15px; font-size: 12px; line-height: 2px; } .sticky-shoping-cart-box .show-cart-btn0 + p { display: none; } p.add { width: 100%; } .list-availability .a1 .inf { position: relative; top: 3px; } .kmwcw { position: relative; width: 100%; } .kmwcw input { width: 100%; height: 47px; padding: 0 20px; background: none; color: #BABABA; border-radius:25px; border-color: #da251c; border-width:1px; font-size: 15px; font-style: italic; background-color: white; } .kmwcw button { position: absolute; top: 0; right: 0; z-index: 2; width: 47px; height: 47px; border: 0; background: none; cursor: pointer; background-color: #DA251C; border-radius:40px; } .kmwcw button:before { content: "\e914"; color: #fff; font-size: 18px; font-family: 'i'; width: 20px; height: 20px; right: 15px; top: 9px; } .kmwcw .input-absolute-box {position: relative;} #podpowiedzi { visibility: hidden; position: absolute; z-index: 999999; background-color: #fff; padding: 15px; top: 0 !important; left: 0 !important; width: max-content; border: 1px solid #8080803b; -webkit-box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); -moz-box-shadow: 0px 0px 30px -7px rgba(87, 66, 90, 0.3); box-shadow: 0px 0px 30px -7px rgb(66 68 90 / 30%); min-width: 900px; } #podpowiedzi .m5.pogrubienie { font-weight: 700; font-size: 12px; color: #393939; margin-bottom: 20px; } #podpowiedzi .m5 a { font-size: 12px; color: #393939; } #podpowiedzi .m5 a img { max-width: 60px; max-height: 40px; height: auto; width: auto; margin-right: 15px; } #podpowiedzi .top:nth-of-type(1) {width: 30%;} #podpowiedzi .top:nth-of-type(2) {width: 70%;} #podpowiedzi .top:nth-of-type(1) .m5 { border-bottom: none; padding: inherit;} #podpowiedzi .m5 { border-bottom: 1px solid #80808052; padding-bottom: 4px; padding-top: 4px;} #podpowiedzi .m5.pogrubienie { border-bottom: none;} .display-none-test-container { display: none; } .up-alternative #panel { left: 0; top: 0; justify-content: space-between; } .up-alternative #panel .option > li { background: none; padding: 1px 3px; } .up-alternative #panel .option .lang:before { font-size: 6px; right: 3px; } .up-alternative #panel .option .lang figure { padding: 0 12px 0 8px; } .up-alternative #panel .option .lang figure img { width: 18px; } .up-alternative #panel .option .currancy span { display: none; } .up-alternative #panel .option .currancy select { height: 18px; padding: 0 0px; font-size: 8px; } .up-alternative #panel .option .lang { background: none;} .up-alternative #panel .option .lang img { width: 18px; } .up-alternative #panel ul { margin-left: 0px; margin-right: 0px; } .up-alternative#up { height: 40px; } .up-alternative#up { justify-content: space-between; } .up-alternative .icon-truck { display: inline-block; background-color: white; width: 20px; height: 20px; } .up-alternative .header-shipment-box .text { color: #fff; font-size: 13px; display: inline-block; } .up-alternative .header-right-up-info-box .text { color: #fff; display: inline-block; } .up-alternative .header-right-up-info-box .border-span { display: inline-block; width: 1px; height: 10px; border-left: 1px solid white; } .up-alternative .header-right-up-info-box .phone-icon { display: inline-block; } .up-alternative .header-right-up-info-box .phone-number { display: inline-block; color: #fff; font-size: 13px; } .up-alternative .header-right-up-info-box .phone-number span { font-size: 10px; } #panel .header-options .my-account-box {display: inline-block; } #panel .header-options .wishlist-box {display: inline-block; } #panel .header-options .mycart-box {display: inline-block;} .termsfeed-com---palette-dark.termsfeed-com---nb { background-color: #da251c !important; } .termsfeed-com---palette-dark .cc-nb-okagree { background: #ffde00 !important; } .termsfeed-com---palette-dark .cc-nb-reject { background: #ffde00 !important; display: none !important; } body .termsfeed-com---palette-dark .cc-cp-body-content { background: #da251c !important; } .termsfeed-com---nb .cc-nb-main-container { padding: 0.5rem !important; text-align: center; } .termsfeed-com---nb .cc-nb-text { margin: 0 0 0.5rem 0 !important; font-size: 13px; }; .termsfeed-com---nb .cc-nb-title { font-size: 18px !important; } .termsfeed-com---palette-dark .cc-nb-title { margin-bottom: 0 !important; } .termsfeed-com---nb .cc-nb-okagree, .termsfeed-com---nb .cc-nb-reject, .termsfeed-com---nb .cc-nb-changep { font-size: 12px; } .termsfeed-com---palette-dark .cc-cp-foot-save { background: #ffde00 !important; } .termsfeed-com---nb-headline { position: fixed !important; } #slider .owl-dots button:nth-of-type(1),#slider .owl-dots button:nth-of-type(2),#slider .owl-dots button:nth-of-type(3),#slider .owl-dots button:nth-of-type(4),#slider .owl-dots button:nth-of-type(5),#slider .owl-dots button:nth-of-type(6) { border-bottom: 1px solid #efeded; margin-bottom: 4px; } .product-a .add-to-cart-btn-slider,.product .add-to-cart-btn-slider { position: absolute; bottom: 15px; right: 12px; left: inherit; z-index: 12; top: inherit; } .add-to-cart-btn-slider input { width: 44px; height: 22px; } #featured .owl-dots button:nth-of-type(7):before { background: none; } .print-button-icon { margin-left: 15px; background-image: url("../images/printer.webp"); display: inline-block; width: 16px; height: 16px; background-size: cover; background-repeat: no-repeat; position: relative; } .module-catalog .product-a { } /*! Lib --------- */ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* Responsive --------- */ @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer, .subpage-a.sticked { width: 980px; } #top, .subpage-a.sticked { margin-left: -490px; } #top { } #nav li.a > .drop .drops { width: 688px; } .heading-a { padding-left: 150px; } .heading-a:before { width: 150px; } .heading-a br { display: none; } .module-c { } .module-c .gr { position: relative; bottom: auto; right: auto; } .module-cart { } .module-items .item > div { padding-left: 25px; } .cart-footer { padding-left: 280px; } .module-catalog { } .module-catalog .product-a { width: 33.3333%; } .list-d { padding-right: 10px; } .list-e.a { } .list-e.a > li { width: 100%; } #e3D18r_czater.active .czater-button { bottom: 138px !important; right: 27px !important; } .content-container { width: 980px;} .sticky-product-name { display: none; } .visible-sticky-cart {display: none;} .sticky-shoping-cart { top: 94px; } .kmwcw { width: 260px; top: 5px; position: relative; } #podpowiedzi { min-width: 800px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer { width: 720px; } #top { margin-left: -360px; } #root { padding-top: 196px; } .logo_container { background: #da251c; width: 118px; height: 122px; transform: translate3d(45px, 4px, 10px);} #top { height: 196px; } #logo { top: 55px; left: 0; z-index: 10; width: 120px; height: 70px; background: transparent;} #logo a { background: url(../images/logo-small2.png) no-repeat 0 45%; background-size: auto 45%; margin-left:13px; } #up { z-index: 8; height: 67px; } #up:before { background: #000; } #up > ul { display: none; } #up .ship { top: 0; left: 0; z-index: 2; width: 100%; height: 29px; color: #000; font-size: 13px; } #up .ship { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; } #up .ship:before { content: ""; position: absolute; top: 0; bottom: 0; left: -2000px; right: -2000px; z-index: 1; background: #f6f6f6; } #up .ship p:before { color: #ff0000; font-size: 18px; } #up .ship a { color: #000; } #mUser .info-login-button { display:block; width: 60px; color: black; font-weight: 500; font-size: 11px; margin-top: -8px; } .info-login-button { display:block; width: 60px; color: black; font-weight: 500; font-size: 11px; margin-top: -8px; } #up .options { top: 42px; left: auto; right: 0; } #up .options .lang { margin-right: 0; color:white; background-color: #000;} #up .lang:before { color: white; } #up .currancy select { color: white; background-color: #000;} #panel { top: 127px; left: 58px; width: 93%; height: 69px; } #panel:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; } #panel:before { background: #fff; } .kmwcw { width: 89%; margin-right: 0; top: auto; } .kmwcw input { width: 100%; height: 37px; } .kmwcw button { width: 37px; height: 37px; background: #da251c; } .kmwcw button:before { color: #fff; font-size: 15px; } .kmwcw .input-absolute-box { position: absolute; top: -7px; left: 0; right: 0; border: 1px solid #ccc0; } #mUser { top: 75px; right: 102px; width: 51px; } #mUser .title a { display: block; height: 51px; padding-top: 10px; padding-left: 0; font-size: 0; text-indent: -9999em; } #mUser .title a .no { display: block; text-indent: -9999em; } #mUser .title a:before { content: "\e913"; width: 100%; font-size: 22px; } #mUser .title a:hover:before { top: 50%; } .user-active #mUser .title a:before { -webkit-transform: rotate(0); transform: rotate(0); } #mUser .title span { display: block; font-size: 11px; font-weight: 300; } #mUser .drop { left: -100px; } #mPrzechowalnia { right: 51px; } #mPrzechowalnia a, #mKoszyk a { width: 51px; height: 50px; padding-left: 0; text-indent: -9999em; } #mPrzechowalnia a:before { width: 27px; } #mPrzechowalnia .no, #mKoszyk .no { text-indent: 0; } #mKoszyk { } #mKoszyk a { width: 26px; margin-right: 23px; padding-left: 0; } #mKoszyk a:before { width: 100%; font-size: 25px; } [data-whatintent="mouse"] #mKoszyk a:hover .no, [data-whatintent="mouse"] #mPrzechowalnia a:hover .no { top: 6px; width: 20px; height: 20px; background: #000; color: #fff; } .menu-icon { display: block; } .menu-active #mobile { left: 0; } .menu-active #shadow { visibility: visible; opacity: 1; } #nav { display: none; } .scroll-to-fixed-fixed .page-navigation { padding-left: 50px; } .scroll-to-fixed-fixed .page-navigation .menu-icon { display: block; } .page-navigation .menu-icon:before { top: 28px; } #footer { } #footer > nav > * { width: 50%; } #featured { padding-left: 0; } .heading-a { } .heading-a .pa { font-size: 20px; } .heading-a .pa span { font-size: 16px; } .heading-a .pb { font-size: 16px; } .double.b { padding-right: 0; } .double.b > * { width: 100%; border-left-width: 0; } .cols-a { padding-left: 0; } .cols-a > * { float: none; width: 100%; margin-left: 0; } .cols-b { padding-right: 0; } .cols-b > * { float: none; width: 100%; padding-left: 0; margin-right: 0; } .triple { } .triple > * { float: none; width: 100%; } .module-aside { align-items: center; justify-content: center; } .module-aside > *:first-child { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .module-aside > figure { width: 100%; text-align: center; margin: 40px 0;} .left-image-aside .inner { order: 1; border-left: 20px solid rgba(0,0,0,0); } .left-image-aside figure { order: 0; border-left: 20px solid rgba(0,0,0,0); } .right-image-aside .inner { order: 1; border-left: 20px solid rgba(0,0,0,0); } .right-image-aside figure { order: 0; border-left: 20px solid rgba(0,0,0,0); } .module-banners { margin-bottom: 30px; } .module-banners > * { width: 100%; } .module-cart { } .module-items .item .title { padding-right: 50px; } .module-items .item .title > div:nth-child(2) { display: block; position: relative; top: auto; right: auto; } .module-items .item .price, .module-items .item .option { width: 50%; } .module-items .item .price-all { width: 100%; } .module-items .item .remove-btn { position: absolute; top: 10px; right: 5px; width: auto; } .module-filter { padding: 0; } .module-filter .header-filter { display: block; position: relative; z-index: 2; width: 100%; margin-bottom: 0; margin-right: 0; padding: 5px 20px; background: #ffdf10; color: #000; font-size: 17px; cursor: pointer; } .module-filter .header-filter:before { content: "\e905"; width: auto; left: auto; right: 20px; font-size: 13px; } .filter-active .module-filter .header-filter { background: #d72e2e; color: #fff; } .filter-active .module-filter .header-filter:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .module-filter .prices { position: absolute; top: -3000em; left: -3000em; width: 100%; margin-right: 0; padding: 10px 20px; } .module-filter .prices h1, .module-filter .prices h2, .module-filter .prices h3, .module-filter .prices h4, .module-filter .prices h5, .module-filter .prices h6 { width: 100%; margin-bottom: 10px; } .module-filter .box { position: absolute; top: -3000em; left: -3000em; width: 100%; margin: 0; padding: 2px; } .module-filter .title-box { width: 100%; margin: 0; border-color: #534f31; background: #534f31; color: #fff; } .module-filter .box .drop { display: block; position: relative; top: auto; left: auto; width: 100%; border-width: 0; background: #da251c; } .filter-active .module-filter .prices, .filter-active .module-filter .box { position: relative; top: auto; left: auto; } .module-filter .list-checkbox { max-height: none; } .module-filter .title-box:after, .module-filter .box .drop:before { display: none; } .module-cart .wbox { margin-left: -20px; margin-right: -20px; } .cart-footer { padding-left: 0; } .formularz-dane-tabela { } .formularz-dane-tabela .double.a > * { float: none; width: 100%; } .page-contact { padding: 10px 0; } .product-page { padding-left: 0; } .product-page .col-a { width: 50%; padding-left: 0; } .product-page .col-b { width: 50%; } .subpage-a.sticked { position: relative; top: auto; left: 0; width: auto; margin-left: 0; } .subpage-a.sticked:before { display: none; } .list-banners { } .list-banners li { width: 50%; } .list-c, .list-e { } .list-c li, .list-e > li { width: 100%; } .list-categories { margin-bottom: 30px; } .list-categories div { width: 33.333%; } .list-d { } .list-d li { width: 50%; } .form-contact { margin: 0 auto 30px; } .form-contact h1, .form-contact h2, .form-contact h3, .form-contact h4, .form-contact h5, .form-contact h6 { padding-left: 0; } .form-contact .cols { padding-left: 0; } .form-contact .cols > div:first-child { width: 100%; margin-left: 0; padding-right: 0;} .form-contact .a { padding-top: 0; } .form-contact .a p { padding-left: 130px; } .form-contact .a label { width: 130px; margin-left: -130px; padding-right: 10px; } .form-newsletter { padding-left: 18px; } .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6 { width: 100%; padding-left: 0; margin-left: 0; } .form-newsletter > div, .form-newsletter .info { padding: 0; } .form-newsletter p { width: 100%; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } /* #fb-root iframe { width: 64px !important; height: 64px !important; } */ /* .floating-contact.active .floating-contact-box .fa-phone { font-size: 24px; top: 14px; } .floating-contact.active .floating-contact-box:nth-of-type(2) { right: 105px !important; border-radius: 50%; } #e3D18r_czater.active .czater-button { bottom: 133px !important; right: -3px !important; } */ #ceneo-widget.active,.c8003m-handler.c8003responsive.active, .c8003m-widget.c8003responsive.active { display: none !important; } .content-container { width: 720px;} .sticky-product-name { display: none; } .sticky-shoping-cart { top: 57px; } .sticky-shoping-cart .add-box { left: 0; right: inherit;} .sticky-shoping-cart .wishlist-box { right: 0; } .sticky-shoping-cart .sticky-shoping-cart-box .prices { top: 9px; left: 200px; right: inherit;} .sticky-shoping-cart .sticky-shoping-cart-box .add { top: 11px; right: 120px;} #podpowiedzi .top:nth-of-type(1) {display: none;} /*.kmwcw { width: 560px; top: 5px; position: relative; } .kmwcw input { height: 30px; background-color: #e7d0cf; } .kmwcw button { height: 30px; width: 40px; } .kmwcw button:before { right: 10px; }*/ #podpowiedzi { min-width: inherit; } } @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; top: -35px; } #top { } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 1.3em; } #mKoszyk { right: 5px; } #content > *:last-child { margin-bottom: 20px; } #footer { padding-top: 50px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 10px; } #footer > nav ul { margin-bottom: 20px; } #footer > div { padding-top: 10px; padding-bottom: 10px; line-height: 1.3; } #footer .list-social { padding-top: 10px; } #footer .list-social li, .list-social li { margin-bottom: 20px; } #featured { } #featured .owl-dots { display: none; } #featured #slider { width: auto; margin-left: -20px; margin-right: -20px; } .header-a, .header-b { padding-left: 0; font-size: 18px; } .heading-a { margin-bottom: 20px; padding-left: 0; font-size: 14px; line-height: 1.2; } .heading-a:before { width: 0; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { font-size: 17px; } .heading-a > div { padding-left: 65px; } .heading-a i { left: 0; } .heading-a.a { } .heading-a.a .price { font-size: 15px; } .heading-a.a .price .tax { margin-right: 20px; font-size: 15px; } .heading-a.a .price .tax span { font-size: 18px; } .heading-b { margin-bottom: 10px; } .double.a { } .double.a > * { float: none; width: 100%; } .baner-a { padding-left: 33px; text-align: center; } .baner-a figure { position: relative; top: auto; left: auto; width: 100%; } .baner-a figure { -webkit-transform: none; transform: none; } .baner-b { padding-right: 33px; text-align: center; } .baner-b figure { position: relative; top: auto; left: auto; width: 100%; } .baner-b figure { -webkit-transform: none; transform: none; } .landing-page { margin-left: -20px; margin-right: -20px; } .landing-page .header { margin-bottom: 20px; font-size: 17px; } .module-c { } .module-c h1, .module-c h2, .module-c h3, .module-c h4, .module-c h5, .module-c h6 { padding-left: 20px; font-size: 20px; } .module-catalog { } .module-catalog .product-a { width: 50%; } .module-catalog .owl-dots { margin-bottom: 30px; } .module-catalog.slide-a { } .module-catalog .owl-nav { display: none; } .module-cart { } .module-cart #submit-btn { margin-bottom: 25px; } .module-items .item .price, .module-items .item .option { width: 100%; } .module-pattern.a { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .module-contact { padding-top: 60px; } .module-map { margin-bottom: 20px; } .module-map iframe { height: 300px; } .module-pattern.a, .module-pattern.b { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .page-contact { } .page-contact h1, .page-contact h2, .page-contact h3, .page-contact h4, .page-contact h5, .page-contact h6 { margin-bottom: 20px; } .page-contact .triple { margin-top: 0; margin-bottom: 30px; } .page-navigation { padding-left: 0; padding-right: 0; } .product-page { padding-left: 0; padding-right: 0; } /* .product-page .add-box { padding-left: 5px; } */ .product-page .add-box:before { left: -10px; right: -10px; } .product-page .col-a { width: 100%; padding-right: 0; } .product-page .col-b { width: 100%; } .link-ceneo { margin-bottom: 20px; } .list-b, .list-c { margin-bottom: 10px; } .list-b, .list-banners { } .list-b li, .list-banners li { width: 100%; } .list-categories { } .list-categories div { width: 50%; } .list-d { padding-left: 20px; padding-right: 0; } .list-e { margin-bottom: 10px; } .list-e > li { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } .list-e h1:first-child, .list-e h2:first-child, .list-e h3:first-child, .list-e h4:first-child, .list-e h5:first-child, .list-e h6:first-child { font-size: 17px; } .list-e > li > figure { margin-left: -20px; margin-right: -20px; } .list-e .box { margin: 0 -25px 20px; padding-left: 20px; } .list-e .box > figure { width: 100%; text-align: center; margin-top: 0; margin-left: 0; padding-left: 0; } .list-e.a { } .list-e.a li { margin-bottom: 20px; } .list-e.a h1:first-child, .list-e.a h2:first-child, .list-e.a h3:first-child, .list-e.a h4:first-child, .list-e.a h5:first-child, .list-e.a h6:first-child { margin-bottom: 10px; padding-left: 0; text-align: center; } .list-specification { } .list-specification p { width: 100%; padding-left: 0; } .list-specification p:first-child { padding-right: 0; text-align: left; } .form-newsletter { margin-left: -20px; margin-right: -20px; } .form-newsletter, .form-newsletter .info span { font-size: 14px; } #root .form-newsletter:last-child { margin-bottom: 10px; } #root .m60 { margin-bottom: 20px; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .list-d:before { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .modalPricePromotion .promotionModalBackground {display: block; height: 430px; width: 100%; background-image: url("../images/gwarancja.webp"); background-size: cover; background-repeat: no-repeat; background-position: 50% 100%; } #availabilityFormContainer .komcw { width: 100%; } #availabilityFormContainer .komcw .button{ width: 100%; } /* .floating-contact .floating-contact-trigger { left: 30px; top: 10px; } .floating-contact .whatsAppBox { position: fixed; right: 13px; bottom: -50px; } .floating-contact.active .floating-contact-box { border-radius: 50%; height: 55px !important; width: 55px !important; right: 12px !important; bottom: 80px; line-height: 52px; } .floating-contact.active .floating-contact-box:nth-of-type(2) { right: 85px !important; } .floating-contact.active .floating-contact-box .fa-at { font-size: 24px; line-height: 50px; } .floating-contact.active .floating-contact-box .fa-envelope { line-height: 50px; } .floating-contact.active .floating-contact-box span { display: none; } .floating-contact.active .floating-contact-box .fa-phone { top: 16px; } .floating-contact.active .whatsAppBox { position: fixed; width: 60px; height: 60px; bottom: 210px !important; right: 11px; bottom: 22px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 99; } #fb-root iframe { bottom: 210px !important; right: -2px !important; box-shadow: none !important; display: none !important; } */ .product_page_product_info_box_ajax { position: relative; left: inherit; } .product_page_price_ajax .srpa_disclaimer_ajax { text-align: left; } .product_page_srpa_price_ajax { text-align: left; } .content-container {width: auto;} .sticky-product-name { display: none; } .sticky-shoping-cart {z-index: 9999999; top: 59px; border-bottom: none;} .visible-sticky-cart { display: block !important; } .sticky-shoping-cart .prices .tax span { font-size: 18px; } .sticky-shoping-cart .sticky-shoping-cart-box .prices { top: 15px; } .sticky-shoping-cart { top: inherit; bottom: 0px; } .steps.scroll-to-fixed-fixed { top: 60px !important; } .sticky-shoping-cart .add-box { display: none; } .sticky-shoping-cart .sticky-shoping-cart-box .prices { top: 18px; left: 20px; right: inherit; } .sticky-shoping-cart .sticky-shoping-cart-box .add { right: 20px; top: 15px; } .sticky-shoping-cart .wishlist-box { right: 10px; top: 7px; } .sticky-shoping-cart .sticky-shoping-cart-box .add input { margin-right: 15px; } div#___ratingbadge_0 { display: none !important; } body .c8003m-handler.c8003responsive, .c8003m-widget.c8003responsive { display: none !important; } /* .c8003m-handler img { width: 18px !important; } */ /* .floating-contact-product-page { bottom: 60px;} .floating-contact-product-page.floating-contact.active .floating-contact-box { bottom: 120px !important; } .floating-contact-product-page.floating-contact.active .whatsAppBox { bottom: 240px !important; } */ #podpowiedzi-container { left: 0px !important; position: absolute !important; width: 100% !important; } #podpowiedzi .m5.pogrubienie { margin-bottom: 0; } #podpowiedzi { width: 100%; padding: 5px 15px 5px 15px;} /*.kmwcw { width: 80%; left: -40px; top: 5px; position: relative; margin: auto auto; } .kmwcw input { height: 30px; }*/ #podpowiedzi .m5 { display: table; width: 100%; } #podpowiedzi .m5 a:nth-of-type(1) { width: 20%; display: inline-block; vertical-align: middle; } #podpowiedzi .m5 a:nth-of-type(2) { width: 80%; display: inline-block; vertical-align: middle; } #podpowiedzi .top:nth-of-type(1) { width: 100%; order: 1; display: block; } #podpowiedzi .top:nth-of-type(2) { width: 100%; order: 0; } #podpowiedzi .top:nth-of-type(1) .m5 a:nth-of-type(1) { display: block; width: 100%; } #podpowiedzi .top:nth-of-type(1) .m5.pogrubienie { margin-top: 20px; } #podpowiedzi tr { display: flex; justify-content: center; flex-direction: column; } #featured button.owl-dot { display: block; min-width: 0; width: 10px; height: 10px; margin: 0 5px 3px; padding: 0; border: 0; border-radius: 50%; box-shadow: none; background: #ffca64; cursor: pointer; outline: none; } #featured .owl-nav { display: none; } #featured .owl-dots { padding-top: 9px; border-bottom: 2px solid #efeded; } #featured .owl-dots button { position: relative; z-index: 2; width: 16.666666%; height: auto; margin: 0; padding: 10px; border-radius: 0; background: none; color: #959595; font-size: 13px; font-weight: 300; line-height: 1; } #featured .owl-dots button:before { width: 1px; bottom: 6px; background: #e3e3e3; } #featured .owl-dots button:after { height: 2px; top: 100%; background: #da251c; } #featured .owl-dots button.active { background: #dc4242; cursor: default; } .print-button-icon { margin-left: 0; margin-top: 3px; } } @media only screen and (max-width: 31.25em) { /* 500 */ #footer > nav > * { width: 100%; } .module-catalog { } .module-catalog .product-a { width: 100%; } .module-cart { } .module-items .item { padding-left: 0; } .module-items .item figure { float: none; width: 100%; margin-left: 0; } .module-items .item > div { padding-left: 10px; } .user-info { max-width: 100%; margin-bottom: 0; } .user-info p { padding-left: 0; } .user-info label { float: none; width: 100%; margin-left: 0; padding-right: 0; text-align: left; } .list-categories { } .list-categories div { width: 100%; } .list-d li { width: 100%; } .form-contact { } .form-contact .a p, .form-contact .line-a { padding-left: 0; } .form-contact .a label, .form-contact .line-a p:first-child { width: 100%; margin-bottom: 10px; margin-left: 0; padding-right: 0; } /*.kmwcw { width: 75%; left: -20px; top: 5px; position: relative; margin: auto auto; }*/ #mKoszyk { position: absolute; right: 5px; } } .page-navigation ul li:nth-child(2) { display: none; } #slideshow { display:none !important; } .outlet-box-new {float: right; padding-right: 0px; width: 300px; margin-top:3px} .outlet-box-new-product { -webkit-box-shadow: 0px 0px 30px -7px rgba(66, 68, 90, 0.2); -moz-box-shadow: 0px 0px 30px -7px rgba(87, 66, 90, 0.2); box-shadow: 0px 0px 30px -7px rgba(66, 68, 90, 0.2); } .outlet-box-new-product { display: flex; border-radius: 8px 0 0 0; background-color: #fff; max-width: 300px; overflow: hidden; margin-top: 5px; } .outlet-box-new-product figure { position: relative; margin: 0; padding: 0; } .outlet-box-new-product a img { margin-top:25px; max-width: 56px!important; height: 56px; } .outlet-overlay { position: absolute; top: 0; left: 0; background-color: #00a7ff; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 3px 6px; border-radius: 5px 0 5px 0; } .outlet-details { display: flex; flex-direction: column; justify-content: space-between; padding-left: 10px; max-width: 230px; } .outlet-product-name { font-size: 16px; font-weight: 400; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .outlet-product-name a { color: #000; } .outlet-discount {text-align:right} .outlet-discount .znizka { background-color: #ff0000; color: #fff; font-size: 14px; font-weight: 700; padding: 2px 3px; text-align: center; } .outlet-price-container > span { display: flex; justify-content: space-between; width: 100%; align-items: center; } .outlet-price-container span > .outlet-price { font-size: 20px; font-weight: 700; color: #e60000; text-align: left; } .outlet-price-container span > .outlet-old-price { text-decoration: line-through; font-size: 14px; color: #000; text-decoration-color: #FF0404; text-decoration-thickness: 2px; text-align: right; } @media only screen and (max-width: 47.5em) { /* 760 */ .outlet-box-new-product { max-width:100%} .outlet-box-new {width: 100%; margin-bottom: 30px; } .outlet-details {max-width: 100%; width: calc(100% - 70px);} } .cart-footer label span {color:#da251c; font-size:15px} .accept-info-klauzule {text-align:center; margin:0 auto} .accept-info-klauzule span {color:#da251c; font-size:15px} #punkt_odbioru_dpd_przycisk {font-size: 13px;} .paczkomaty-punkty-odbioru-pole div:first-of-type {padding:8px; width: 100%; max-width: 490px; margin-left: auto!important; margin-right: auto!important; margin-bottom:35px; border:1px solid #6f6f6f; font-size:14px;} .paczkomaty-punkty-odbioru-pole div:first-of-type strong {font-weight:500; font-size:17px; margin:10px 0; display: inline-block;} .paczkomaty-punkty-odbioru-pole div {margin:20px 0!important} .new-left-category { padding:20px 23px 20px 23px; border: 2px solid #ececec; margin-right:30px; margin-bottom:20px; } .new-left-category a {color:#393939} .new-left-category a strong {font-weight:600; text-transform: uppercase;} @media only screen and (max-width: 1000px) { .new-left-category {display:none!important} } .register-page form[name="profil"] > div:first-of-type {margin-bottom:15px} .register-page form[name="profil"] > div:first-of-type label { padding: 12px 22px; border: 0; border-radius: 5px; background-color: #fdd922; color: #000; font-size: 15px; font-weight: 400; line-height: 1.1; cursor:pointer; max-width:350px; margin:0 auto; border:1px solid #fdd922} .register-page form[name="profil"] > div:first-of-type input[type="checkbox"]:checked + label { background-color: #ffffff; color: #393939; border:1px solid #fdd922} .register-page form[name="profil"] > div:first-of-type #kup_na_firme {display:none}