/* ------------------------------------------- Name: odstraszanie.pl Date: 2021/12/23 --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--green); } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; } body { min-height: 100%; background: var(--green); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--gray); font-family: 'Lato', sans-serif; font-size: 14px; line-height: 1.5; } ul, ol, dl, p, figure, table, pre { margin-bottom: 21px; } h1, h2, h3, h4, h5, h6, legend { margin-bottom: 17px; color: var(--grayy); font-weight: 700; line-height: 1.21; } h1 { font-size: 56px; } h2 { font-size: 40px; } h3 { font-size: 32px; } h4 { font-size: 28px; } h5 { font-size: 24px; font-weight: 600; } h6 { font-size: 20px; font-weight: 600; } a { background: none; color: var(--dove); text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } ul, ol, dd, blockquote { list-style: none; padding-left: 0; } /*! Theme --------- */ :root { --black: #000; --white: #fff; --mine: #3a3a3a; --athens: #f4f5f7; --gray: #898989; --dove: #616161; --alto: #d8d8d8; --crusta: #ff833d; --java: #18b1dc; --whale: #032943; --sunglo: #e1706f; --puerto: #4dc1ac; --boulder: #747474; --firefly: #0c1e24; --orange: #ff8f30; --orange2: #faac6a; --green: #2dc8a3; --green2: #0d9a81; --grayy: #242424; --grayy2: #616161; --grayylight: #b0b0b0; --blue: #082C37; } /*! Repeatable --------- */ #podpowiedzi:after, .product-a.b:after, .box-e:after, .module-discount:after, .item-a:after, .list-doc-after, .module-b .inner:after, .module-b:after, .width-a:after, .user-info:after, .box-note:after, .module-cart:after, .amount-a:after, .list-info:after, .box-b:after, .box-comment:after, .list-comments:after, .catalog-about:after, .module-catalog:after, .module-about:after, .product-page:after, .box-a:after, .link-back:after, .heading-a:after, .module-register:after, .breadcrumb:after, .module-a:after, .list-news li:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, #content:after, #top:after, #footer:after, form p:after, .double:after, .cols-a:after { content: "\00A0"; display: block; overflow: hidden; height: 0; clear: both; font-size: 0; } .mauticform-checkboxgrp-row label:before, .box-d h1:before, .box-d h2:before, .box-d h3:before, .box-d h4:before, .box-d h5:before, .box-d h6:before, .list-select .select:before, .list-select .select:after, .list-doc label:before, .list-doc label:after, .check-a label:before, #mUser .drop:before, #mContact .drop:before, #nav > ul > li > a:after, #nav > ul > li > ul > li > ul > li > ul > li:before, #nav > ul > li > ul:before, .slick-dots button:before, .slick-dots button:after, .module-tabs nav a:before, .module-login > *:before, .form-footer .input:before, #featured header:before, .owl-dots button:after, .owl-dots button:before, .list-banners figure:before, .list-banners a:before, .list-banners h1:before, .list-banners h2:before, .list-banners h3:before, .list-banners h4:before, .list-banners h5:before, .list-banners h6:before, .module-a .box:before, .product-a .more a:before, .product-a .more:before, .product-a:before, .list-news figure:before, .list-news h1 a:before, .list-news h2 a:before, .list-news h3 a:before, .list-news h4 a:before, .list-news h5 a:before, .list-news h6 a:before, .list-news li:before, .module-quad > *:before, #footer nav > *:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } #nav > ul:before, #top .box:before, .module-about:before, #top:before, .module-newsletter:before, #footer nav:before, #footer:before, #root:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; } #mobile > ul > li.sub > ul > li a:before, #top .free-a a:before, .mauticform-checkboxgrp-row label:before, #podpowiedzi .close:before, .pagination-a .btn a:before, .module-discount > p > a:before, .info-a:before, .item-a .remove-btn a:before, .check-a label:before, #mobile .close-a a:before, #mobile .drop .sub a:before, #mobile .drop .toggle:before, #mobile ul > li > .toggle:before, #menu-icon:before, .link-mail a:before, #mContact > p > a:after, #mUser > p > a:after, #mContact > p > a:before, #mUser > p > a:before, #mKoszyk > p > a:before, .form-search button:before, #nav > ul > li > ul li:before, #nav > ul > li > a:before, .amount-a a:before, .list-info li:before, .box-b .title:before, .module-catalog nav li li:before, .list-d li:before, .link-back a:before, .form-footer .input:before, .breadcrumb li:before, .list-c li:before, #footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before, #footer h5:before, #footer h6:before, .header-a:before, .owl-nav button:before, .list-banners h1:after, .list-banners h2:after, .list-banners h3:after, .list-banners h4:after, .list-banners h5:after, .list-banners h6:after, form button:before, #go-top a:before, .owl-nav button:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } .list-banners figure:before, .list-banners a:before, .list-news figure:before, .list-news h1 a:before, .list-news h2 a:before, .list-news h3 a:before, .list-news h4 a:before, .list-news h5 a:before, .list-news h6 a:before { z-index: 8; } #go-top.show, .list-select input:checked + .select:after, .list-select input:checked + .select:after, .list-doc input:checked + label:after, .list-doc input:checked + strong label:after, .slick-dots .slick-active button:after, #section-comments .header-a:before, .module-tabs nav .current a:before, .owl-dots button.active:after, [data-whatintent="mouse"] .product-a:hover .more, #footer nav > *:first-child:before { visibility: visible; opacity: 1; } #go-top, .list-select .select:after, .list-doc label:after, .slick-dots button:after, .module-tabs nav a:before, #footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before, #footer h5:before, #footer h6:before, .header-a:before, .owl-dots button:after, .list-banners figure:before, .product-a .more, .list-news figure:before, #footer nav > *:before, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } .list-banners img, .list-news img { display: block; position: relative; z-index: 1; width: 100% !important; } #featured 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; } #mobile, #shadow { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-dots button.active, [disabled], .disabled { cursor: default; } .item-a .discount a:hover, .module-about .link a, .link-a a, [data-whatintent="mouse"] a:hover { text-decoration: underline; } #mContact > p > a:hover, #mUser > p > a:hover, .list-social a:hover, #nav > ul > li > a:hover, .module-tabs nav a:hover, .module-about .link a:hover, .link-a a:hover, [data-whatintent="mouse"] .list-banners a:hover, [data-whatintent="mouse"] .link-btn a:hover { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; z-index: 2; width: 100%; padding-top: 255px; } #root:before { background: var(--white); } #top { position: absolute; top: 0; left: 50%; z-index: 1200; width: 1240px; height: 255px; margin-left: -600px; } #top:before { background: var(--athens); } #top .box { position: relative; z-index: 2; height: 64px; color: var(--white); } #top .box:before { background: var(--firefly); } #top .free-a { margin-right: auto; } #top .free-a a { display: block; position: relative; z-index: 2; width: 270px; padding-left: 42px; color: var(--white); text-transform: uppercase; } [data-whatintent="mouse"] #top .free-a a:hover { color: var(--green); } #top .free-a a:before { content: "\e91a"; width: auto; color: var(--green); font-size: 31px; } #logo { position: absolute; top: 90px; left: 0; width: 223px; height: 64px; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; background: url(../images/logo.png); 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: var(--green); color: var(--white); font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #top .form-search { position: absolute; top: 100px; left: 317px; width: 504px; } #top .drop { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #mContact, #mUser, #mKoszyk { position: absolute; top: 90px; z-index: 10; } #mContact > p > a, #mUser > p > a, #mKoszyk > p > a { display: block; position: relative; z-index: 2; padding-top: 38px; text-align: center; } #mContact > p > a:before, #mUser > p > a:before, #mKoszyk > p > a:before { top: 0; margin-top: 0; color: var(--green); line-height: 1; } #mContact > p > a:after, #mUser > p > a:after { content: "\e901"; bottom: 0; top: auto; left: auto; right: 0; width: auto; margin-top: 0; } #mContact { right: 235px; } #mContact > p > a { width: 123px; padding-right: 20px; } #mContact:hover > p > a, #mUser:hover > p > a { color: var(--whale); font-weight: 700; } #mContact > p > a:before { content: "\e90d";padding-right: 20px; font-size: 34px; } #mContact .drop, #mUser .drop { position: absolute; top: 100%; left: 0; z-index: 4; width: 345px; padding: 35px 29px 10px; } #mContact .drop:before, #mUser .drop:before { top: 5px; box-shadow: 0 0 20px rgba(0,0,0,.1); background: var(--white); } #mContact .drop h1, #mContact .drop h2, #mContact .drop h3, #mContact .drop h4, #mContact .drop h5, #mContact .drop h6 { margin-bottom: 18px; font-size: 14px; font-weight: 700; } [data-whatintent="mouse"] #mContact .drop a:hover { color: var(--green); } #mContact .drop hr { margin-top: 0; margin-bottom: 15px; } #mContact:hover .drop { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } #mUser { right: 100px; } #mUser > p > a { width: 100px; padding-right: 20px; } #mUser > p > a:before { content: "\e907"; padding-right: 20px; font-size: 32px; } #mUser:hover .drop { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } #mUser .drop { width: 200px; } #mKoszyk { right: 0; } #mKoszyk > p > a { width: 57px; } #mKoszyk > p > a:before { content: "\e905"; padding-right: 10px; font-size: 40px; } #mKoszyk .no { position: absolute; top: -8px; right: -2px; width: 24px; height: 24px; border: 1px solid var(--white); border-radius: 50%; background: var(--grayy); color: var(--white); line-height: 1; } #nav { position: absolute; top: 164px; left: 0; right: 0; height: 60px; } #nav > ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li { font-size: 16px; font-weight: 400; } #nav > ul > li > a { position: relative; z-index: 2; height: 60px; padding-right: 35px; } #nav > ul > li > a:after { top: 100%; left: -10px; right: -10px; box-shadow: 0 -5px 10px rgba(0,0,0,.2); background: var(--green); } #nav > ul > li:hover > a { color: var(--white); } #nav > ul > li:hover > a:after { top: 0; } #nav > ul > li > a > span { display: block; } #nav > ul > li > a:before { content: "\e901"; left: auto; right: 5px; width: auto; font-size: 13px; } #nav > ul > li:hover > a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #nav > ul > li > ul { position: absolute; top: 60px; left: 0; z-index: -1; width: 1240px; padding: 28px 0 20px; font-size: 14px; } #nav > ul > li > ul { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #nav > ul > li:nth-child(-n+5) > ul { top: 60px; } #nav > ul > li > ul:before { left: -40px; right: -40px; box-shadow: 0 0 20px rgba(0,0,0,.1); background: var(--white); } #nav > ul > li > ul { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } #nav > ul > li > ul > * { margin: 0 0 15px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } .go #nav > ul > li:hover > ul { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } #nav > ul > li > ul a:hover { color: var(--pelorous); } #nav > ul > li > ul > li > a { display: block; margin-bottom: 10px; font-size: 15px; color: var(--black); font-weight: 700; } #nav > ul > li > ul > li > ul { } #nav > ul > li > ul > li > ul > li { position: relative; z-index: 2; margin-bottom: 2px; padding-left: 12px; } #nav > ul > li > ul > li > ul > li:before { content: "\e903"; top: 0; width: auto; margin-top: 0; font-size: 8px; } #nav > ul > li > ul > li > ul > li > ul { } #nav > ul > li > ul > li > ul > li > ul > li { position: relative; padding-left: 15px; } #nav > ul > li > ul > li > ul > li > ul > li:first-child { margin-top: 5px; } #nav > ul > li > ul > li > ul > li > ul > li:last-child { margin-bottom: 14px; } #nav > ul > li > ul > li > ul > li > ul > li:before { content: "- "; top: 8px; left: 0; width: auto; font-size: 19px; text-indent: 0; } #nav > ul > li > ul a:hover { color: var(--green)!important; } #menu-icon { position: absolute; top: 0; right: -20px; z-index: 20; width: 60px; height: 60px; color: var(--green); font-size: 46px; cursor: pointer; } #menu-icon:before { content: "\e904"; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: auto; right: -350px; top: 0; bottom: 0; z-index: 980; width: 340px; margin: 0; padding: 20px 15px 10px 30px; box-shadow: 0 0 5px rgba(0,0,0,.25); background: var(--white); font-size: 14px; font-weight: 600; line-height: 1.3; } #mobile .title-a { margin-bottom: 5px; font-size: 20px; font-weight: 600; } #mobile .close-a { position: absolute; top: 0; right: 0; z-index: 20; } #mobile .close-a a { display: block; position: relative; z-index: 2; width: 75px; height: 60px; background: var(--white); font-size: 22px; text-indent: -9999em; } #mobile .close-a a:before { content: "\e90e"; text-indent: 0; } #mobile > ul { list-style: none; margin: 0 0 30px; padding: 0; } #mobile > ul > li > a { display: block; padding: 15px 0; } #mobile > ul > li > ul { display: none; position: relative; z-index: 2; } #mobile .category-clone { } #mobile .category-clone > li { position: relative; z-index: 2; border-bottom: 1px solid var(--alto); } #mobile .category-clone > li > a { padding-top: 16px; padding-bottom: 16px; } #mobile .toggle .drop { display: block; } #mobile .sub { position: relative; z-index: 2; } #mobile .sub > a { padding-right: 60px; } #mobile > ul > li > ul .sub span.toggle, #mobile ul > li > span.toggle { display: block; position: absolute; top: 0; right: 0; z-index: 20; width: 48px; height: 48px; cursor: pointer; } #mobile > ul > li > ul .sub span.toggle:before, #mobile ul > li > span.toggle:before { content: "\e901"; font-size: 17px; color: #b4b4b4; } #mobile .sub.toggle > span.toggle { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #mobile > ul > li > ul a { display: block; padding: 10px 40px 10px 15px; } #mobile .sub.toggle > ul { display: block; } #mobile .sub > ul { display: none; } #mobile > ul > li.sub > ul > li > ul a { position: relative; z-index: 2; padding-left: 35px; } #mobile > ul > li.sub > ul > li > ul a:before { content: "\e903"; top: 8px; left: 15px; width: auto; margin-top: 0; font-size: 10px; } #mobile > ul > li > ul > li > ul > li > ul > li { padding-left: 14px; } #mobile > ul > li.sub > ul ul a:before { left: 30px; } #shadow { visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; z-index: 960; width: 100%; height: 100%; background: rgba(0,0,0,.2); cursor: pointer; } #content { width: 1240px; min-height: 300px; margin: 0 auto; padding-top: 37px; } #content > *:last-child { margin-bottom: 29px; } #content > .list-c { margin-bottom: 50px; } #footer { position: relative; z-index: 2; width: 1190px; margin: 0 auto; padding-top: 4px; color: var(--white); font-size: 16px; font-weight: 700; } #footer:before { background: var(--green); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a { color: var(--white); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { position: relative; z-index: 2; margin-bottom: 23px; font-size: 28px; } #footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before, #footer h5:before, #footer h6:before { content: "\e901"; left: auto; right: 0; width: auto; font-size: 20px; } #footer nav { position: relative; z-index: 2; margin-bottom: 20px; margin-left: -61px; padding-top: 42px; font-weight: 400; line-height: 1.2; } #footer nav:before { background: var(--grayy); } #footer nav > * { position: relative; z-index: 2; width: 76%; margin-bottom: 20px; border-left: 61px solid rgba(0,0,0,0); } #footer nav > *:first-child { width: 24%; } #footer nav > *:before { top: 55px; bottom: 25px; left: auto; width: 1px; background: var(--green); } #footer nav li { margin-bottom: 16px; } #footer nav a { color: var(--alto); } #footer > div > ul { margin-left: -12px; margin-right: -12px; padding-right: 0; } #footer > div > ul li { margin-left: 12px; margin-right: 12px; } #footer > ul { position: absolute; bottom: 58px; left: 0; z-index: 4; } #footer > ul li { margin-right: 4px; } #footer > ul:last-child { position: relative; bottom: auto; left: auto; padding-top: 15px; border-top: 1px solid #fff; font-weight: 400; } #footer > ul li { margin-right: 4px; } #featured { margin-bottom: 60px; padding-bottom: 68px; } #featured:first-child { margin-top: -37px; } #featured article { position: relative; z-index: 2; color: var(--mine); font-size: 20px; font-weight: 300; } #featured figure { position: relative; z-index: 2; height: 554px; padding-left: 494px; background: var(--black); } #featured header { position: absolute; top: 0; bottom: 0; left: 0; z-index: 4; width: 494px; padding: 20px 60px; } #featured header:before { box-shadow: 0 4px 25px 0 rgba(0,0,0,.08); background: rgba(255,255,255,.95); } #featured .link-btn { margin-top: 26px; } #featured .link-btn a { width: 100%; padding-top: 29px; padding-bottom: 29px; border-width: 0; background: var(--crusta); color: var(--white); font-size: 20px; text-align: center; } [data-whatintent="mouse"] #featured .link-btn a:hover { background: var(--green); } #featured .owl-carousel .owl-stage-outer { overflow: visible; } #featured.is-slider header { opacity: 0; } #featured .active header { opacity: 1; } #featured .active + .owl-item figure { padding-left: 0; padding-right: 300px; } #featured .owl-dots { padding: 0 28px; } #featured .owl-nav { position: absolute; top: auto; bottom: -68px; left: 0; right: 0; padding-top: 20px; } #featured .owl-nav > button { position: relative; top: auto; left: auto; right: auto; margin-top: 0; box-shadow: none; background: var(--grayy); color: var(--white); } [data-whatintent="mouse"] #featured .owl-nav button:hover { background: var(--white); } [data-whatintent="mouse"] #featured .owl-nav > button:hover { background: var(--crusta); } #featured .owl-nav > button:before { color: var(--white); } /*! Columns --------- */ .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 --------- */ .add-box { } .add-box h1, .add-box h2, .add-box h3, .add-box h4, .add-box h5, .add-box h6 { margin-bottom: 15px; font-size: 34px; } .add-box .list-attr { margin-bottom: 15px; } .add-box .price { margin-bottom: 23px; color: var(--green); font-size: 24px; font-weight: 700; } .add-box .price .omni-prod {color: var(--dove); font-size:13px; display:block; margin-top:8px; font-weight:400} .add-box .price span { display: inline-block; } .add-box .price .old { margin-right: 5px; color: var(--black); font-weight: 400; text-decoration: line-through; } .add-box .price .promo { color: var(--orange2); } .add-box .no { margin-bottom: 25px; padding-top: 25px; padding-bottom: 20px; border-top: 1px solid var(--alto); border-bottom: 1px solid var(--alto); background: var(--white); } .add-box .no > * { margin-bottom: 5px; } .add-box .select { width: 135px; margin-right: 10px; padding: 20px 14px; background: var(--athens); } .add-box .select label { margin-right: 16px; margin-bottom: 0; } .add-box .no button { width: 100%; padding: 23px 10px; font-size: 20px; text-align: center; } .omn {color: var(--dove); font-size:13px; display:block; margin:8px 0; font-weight:400} .additional-a { } .additional-a .product-a { margin-bottom: 20px; } .amount-a { display: block; position: relative; z-index: 2; width: 56px; padding: 0 15px; border: 1px solid #b9b9b9; background: #fff; text-align: center; } .amount-a a { display: block; position: absolute; top: 4px; left: 0; z-index: 2; width: 19px; height: 29px; font-size: 7px; text-indent: -9999em; } .amount-a a:before { content: "\e914"; } [data-whatintent="mouse"] .amount-a a:hover { color: #52a97b; } .amount-a .plus-one { left: auto; right: 0; } .amount-a .plus-one:before { content: "\e912"; } .amount-a input { width: 50px; height: 36px; padding: 0 4px; border: 0; background: #fff; color: var(--whale); font-size: 14px; font-weight: 400; text-align: center; } .box-a { margin-bottom: 20px; padding: 15px 16px 0; background: var(--athens); } .box-a h1, .box-a h2, .box-a h3, .box-a h4, .box-a h5, .box-a h6, .module-login .box-a h1, .module-login .box-a h2, .module-login .box-a h3, .module-login .box-a h4, .module-login .box-a h5, .module-login .box-a h6 { margin-bottom: 12px; font-size: 14px; font-weight: 700; } .box-b { border-top: 1px solid var(--alto); } .box-b .title { display: block; position: relative; z-index: 2; padding: 24px 0; font-size: 20px; font-weight: 600; cursor: pointer; } .box-b .title:before { content: "\e901"; left: auto; right: 10px; width: auto; font-size: 16px; } .box-b.toggle .title:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .box-b .similar { margin-left: -20px; } .box-b .similar .product-a { width: 50%; margin-bottom: 20px; border-left: 20px solid rgba(0,0,0,0); } .box-c { float: left; width: calc(50% - 13px); max-width: 449.5px; margin-right: 13px; } .box-c + .box-c { margin-right: 0; margin-left: 13px; } .box-d { margin-bottom: 15px; padding: 15px 15px 0; border: 1px solid var(--alto); } .box-d h1, .box-d h2, .box-d h3, .box-d h4, .box-d h5, .box-d h6 { position: relative; z-index: 2; padding-bottom: 14px; font-size: 20px; font-weight: 700; } .box-d h1:before, .box-d h2:before, .box-d h3:before, .box-d h4:before, .box-d h5:before, .box-d h6:before { left: -15px; right: -15px; border-bottom: 1px solid var(--alto); } .box-e { margin: 0 -15px; padding: 15px 15px 0; border-top: 1px solid var(--alto); background: var(--athens); } .box-e p { margin-bottom: 15px; } .box-note {margin-bottom: 10px; } .box-note textarea { min-height: 255px; height: 255px; } .breadcrumb { position: relative; z-index: 2; margin-top: -3px; margin-bottom: 20px; line-height: 1.1; } .breadcrumb ol { margin: 0 -22px 15px; } .breadcrumb li { position: relative; z-index: 2; padding-left: 22px; padding-right: 22px; } .breadcrumb li:before { content: "\e903"; position: absolute; top: -1px; left: auto; right: -3px; width: 10px; margin-top: 0; font-size: 8px; text-align: center; } .catalog-about { margin-bottom: 15px; font-size: 16px; } .catalog-about h1, .catalog-about h2, .catalog-about h3, .catalog-about h4, .catalog-about h5, .catalog-about h6 { margin-bottom: 11px; max-width: 550px; font-size: 32px; font-weight: 700; } .catalog-products { margin-left: -20px; } .catalog-products form { width: 100%; } .catalog-products .product-a { width: 20%; margin-bottom: 20px; border-left: 20px solid rgba(0,0,0,0); } .info-a { position: relative; z-index: 2; padding-left: 24px; font-size: 12px; line-height: 1.2; } .info-a:before { content: "\e910"; top: 0; width: auto; margin-top: -2px; font-size: 15px; } .info-b { margin-bottom: 10px; padding: 15px 0; border-top: 1px solid var(--alto); border-bottom: 1px solid var(--alto); } .info-b span { color: var(--puerto); font-weight: 600; } .items-wrapper { margin-bottom: 20px; } .item-a { padding: 5px 33px 5px 120px; border: 1px solid var(--alto); border-top: 0; color: var(--black); } .item-a:first-child { border-top: 1px solid var(--alto); } .item-a > figure { width: 120px; margin-top: 0; margin-left: -120px; text-align: center; } .item-a > div { float: left; width: 100%; padding-left: 17px; } .item-a .title { padding-right: 15px; } .item-a .title strong { font-size: 16px; font-weight: 700; } [data-whatintent="mouse"] .item-a .title strong a:hover { color: var(--puerto); } .item-a .discount { } .item-a .discount span { font-weight: 600; } .item-a .discount a { color: var(--orange2); } .item-a .line { position: relative; z-index: 2; } .item-a .price { width: 192px; font-weight: 700; } .item-a .price span { display: inline-block; } .item-a .price .old { margin-right: 6px; text-decoration: line-through; } .item-a .price .promo { color: var(--orange2); } .item-a .no { width: 126px; } .item-a .remove-btn { position: absolute; top: 50%; right: 0; height: 20px; margin-top: -10px; line-height: 1.1; } .item-a .remove-btn a { display: block; width: 26px; height: 26px; color: var(--orange2); font-size: 26px; } .item-a .remove-btn a:before { content: "\e915"; } [data-whatintent="mouse"] .item-a .remove-btn a:hover { color: var(--puerto); } .module-a { } .module-a > * { float: left; width: 100%; padding: 25px 0 0 50px; } .module-a > *:first-child { width: 370px; padding-left: 0; } .module-a .module-products { margin-bottom: 15px; } .module-a .box { position: relative; z-index: 2; margin-bottom: 54px; padding-left: 35px; padding-right: 35px; } .module-a .box:before { border: 1px solid var(--alto); } .module-a .box .product-day .link-btn { margin-bottom: 0; margin-left: -35px; margin-right: -35px; } .module-a .box .product-day .link-btn a { padding-top: 20px; padding-bottom: 20px; } .module-about { position: relative; z-index: 2; margin-bottom: 25px; padding: 35px 0 30px; font-size: 16px; } .module-about:before { background: var(--athens); } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6 { margin-top: 23px; margin-bottom: 2px; color: var(--green); font-size: 24px; font-weight: 600; } .module-about p { margin-bottom: 8px; } .module-about .link { } .module-about .link a { font-weight: 700; } .module-b { margin: 0 0 20px -26px; } .module-b > * { float: left; width: 50%; margin-bottom: 20px; border-left: 26px solid rgba(0,0,0,0); } .module-b h1, .module-b h2, .module-b h3, .module-b h4, .module-b h5, .module-b h6 { margin-bottom: 10px; font-size: 20px; font-weight: 700; } .module-b .inner { padding: 5px 15px 0; border: 1px solid var(--alto); } .module-b .inner .list-doc { padding-top: 30px; } .module-b .inner .list-summary { margin-left: -15px; margin-right: -15px; } .module-c { margin-left: -10px; margin-right: -10px; } .module-c > * { margin-left: 10px; margin-right: 10px; } .module-c a { color: var(--green); font-weight: 700; } .module-cart { } .module-cart .module-items { } .module-cart .legend { padding-left: 137px; padding-right: 33px; color: var(--black); font-weight: 700; } .module-cart .legend > * { margin-bottom: 10px; } .module-cart .legend > *:nth-child(2) { width: 192px; } .module-cart .legend > *:nth-child(3) { width: 126px; } .module-cart .aside { width: 295px; margin-left: 20px; } .module-catalog { padding-left: 315px; } .module-catalog .title { margin-bottom: 15px; font-size: 24px; font-weight: 600; } .module-catalog > * { float: left; width: 100%; padding-top: 24px; } .module-catalog nav { width: 295px; margin-bottom: 25px; margin-left: -315px; padding-bottom: 10px; padding-left: 22px; padding-right: 22px; border: 1px solid var(--alto); } .module-catalog nav ul { font-size: 18px; font-weight: 700; } .module-catalog nav li { margin-bottom: 17px; } .module-catalog nav li ul { padding-top: 13px; font-size: 16px; font-weight: 400; } .module-catalog nav li li { position: relative; z-index: 2; margin-bottom: 8px; padding-left: 19px; } .module-catalog nav li li:before { content: "\e903"; top: 5px; left: 2px; width: auto; margin-top: 0; font-size: 9px; } .module-catalog nav .current { font-weight: 700; } .module-catalog .catalog-products .product-a { width: 25%; } .module-categories { } .module-discount { } .module-discount > p > a { display: block; position: relative; z-index: 2; padding: 14px 0; } .module-discount > p > a:before { content: "\e901"; left: auto; right: 0; width: auto; } .discount-active .module-discount > p > a:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .discount-code { } .discount-code input { height: 38px; } .discount-code .button { width: auto; max-width: none; padding: 0 14px; background: var(--puerto); color: var(--white); font-weight: 700; cursor: pointer; } .module-filters { margin-bottom: 7px; } .module-login { margin-left: -30px; } .module-login > * { position: relative; z-index: 2; width: 44.5%; padding-top: 20px; border-left: 30px solid rgba(0,0,0,0); } .module-login > *:first-child { width: 55.5%; padding-right: 30px; } .module-login > *:before { left: auto; right: 0; width: 1px; background: var(--alto); } .module-login h1, .module-login h2, .module-login h3, .module-login h4, .module-login h5, .module-login h6 { font-size: 24px; font-weight: 700; } .module-login .box { width: 100%; max-width: 400px; margin-left: auto; } .module-login input { max-width: 505px; } .module-quad { margin-bottom: 60px; margin-left: -20px; padding-top: 9px; font-size: 16px; } .module-quad > * { position: relative; z-index: 2; width: 33%; margin-bottom: 0; border-left: 20px solid rgba(0,0,0,0); } .module-quad > *:before { left: auto; right: 0; width: 1px; background: var(--alto); } .module-newsletter { position: relative; z-index: 2; margin-bottom: 40px; margin-left: -20px; padding: 10px 0; } .module-newsletter:before { background: var(--grayy); } .module-newsletter > * { max-width: 50%; border-left: 20px solid rgba(0,0,0,0); } .module-newsletter figure { width: 50%; } .module-newsletter h1, .module-newsletter h2, .module-newsletter h3, .module-newsletter h4, .module-newsletter h5, .module-newsletter h6 { margin-bottom: 10px; font-size: 32px; margin-top:30px; color:#fff } .module-newsletter .promo { color: var(--green); font-size: 52px; font-weight: 900; margin-bottom:0px} .module-newsletter .form-newsletter { max-width: 505px; } .module-newsletter button { min-width: 192px; width: auto; background: var(--green); font-weight: 400; } .module-newsletter button i { margin-left: 10px; font-size: 18px; } .module-price { } .module-price .title { margin-bottom: 5px; color: var(--black); font-size: 16px; } .module-price .a { } .module-price .price-input { position: relative; z-index: 2; width: 190px; } .module-price .price-input p:first-child { position: relative; z-index: 2; padding-right: 20px; } .module-price .price-input p:first-child:before { content: "-"; position: absolute; top: 5px; right: 0; width: 20px; text-align: center; } .module-price .price-input input { width: 85px!important; max-width: 85px; height: 31px; padding: 0 10px; text-align: center; } .module-price button { background: var(--green2); } [data-whatintent="mouse"] .module-price button:hover { background: var(--crusta); } .module-products { margin-left: -23px; } .module-products form { width: 100%; } .module-products .product-a { width: 20%; margin-bottom: 23px; border-left: 23px solid rgba(0,0,0,0); } .module-a .module-products .product-a { width: 25%; } .module-products + hr { margin-top: 10px; } .module-register { margin-bottom: 40px; } .module-register input { max-width: 505px; } .module-tabs { color: var(--whale); } .module-tabs nav { position: relative; z-index: 2; margin-bottom: 27px; border-top: 1px solid var(--alto); border-bottom: 1px solid var(--alto); font-size: 20px; font-weight: 400; } .module-tabs nav ul { margin: 0 -5px; } .module-tabs nav li { margin: 0 5px; } .module-tabs nav a { display: block; position: relative; z-index: 2; padding: 9px 0; } .module-tabs nav .current a { color: var(--white); font-weight: 700; background: var(--green) ; padding:9px 10px} .module-tabs nav a:before { top: auto; bottom: 0; height: 2px; background: var(--green2); } .content-tab { font-size: 16px; line-height: 1.44; } .content-tab h1, .content-tab h2 { margin-bottom: 25px; font-size: 28px; } .content-tab h3, .content-tab h4, .content-tab h5, .content-tab h6 { margin-bottom: 25px; font-size: 20px; } .content-tab figure { margin-top: 40px; margin-bottom: 55px; text-align: center; } .content-tab figure:last-child { margin-bottom: 20px; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav { position: absolute; top: 50%; left: 0; right: 0; } .owl-nav button { display: block; position: absolute; top: 0; min-width: 0; width: 48px; height: 48px; margin: -24px 0 0; padding: 0; border: 0; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.4); background: var(--white); cursor: pointer; text-indent: -9999em; } .owl-nav button:before { color: var(--green); font-size: 15px; } [data-whatintent="mouse"] .owl-nav button:hover:before { color: var(--white); } [data-whatintent="mouse"] .owl-nav button:hover { background: var(--green); } .owl-nav button.owl-prev { left: -24px; } .owl-nav button.owl-next { right: -24px; } .owl-nav button.owl-prev:before { content: "\e902"; } .owl-nav button.owl-next:before { content: "\e903"; } .owl-dots { padding-top: 33px; } .owl-dots button { display: block; position: relative; z-index: 2; min-width: 0; width: 28px; height: 28px; margin: 0 5px; padding: 0; box-shadow: none; border: 0; border-radius: 50%; background: none; cursor: pointer; } .owl-dots button:before { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; border-radius: 50%; background: var(--alto); } .owl-dots button:after { top: -15px; bottom: -15px; left: -15px; right: -15px; border: 1px solid var(--grayy); border-radius: 50%; } .owl-dots button.active:after { top: 0; bottom: 0; left: 0; right: 0; } .owl-dots button.active:before { background: var(--grayy); } .owl-dots button.active { border-color: var(--grayy); cursor: default; } .pagination-a { color: var(--black); } .pagination-a .title { margin-bottom: 5px; font-size: 16px; } .pagination-a .inner { } .pagination-a p { margin-bottom: 15px; } .pagination-a input { max-width: 48px; margin-right: 8px!important; text-align: center; } .pagination-a .btn { } .pagination-a .btn a { display: block; position: relative; z-index: 2; width: 30px; text-indent: -9999em; } [data-whatintent="mouse"] .pagination-a .btn a:hover { color: var(--puerto); } .pagination-a .btn.prev a:before { content: "\e902"; } .pagination-a .btn.next a:before { content: "\e903"; } .pagination-a.a { margin-bottom: 20px; } #podpowiedzi { position: absolute; top: 155px!important; left: 0; right: 0; z-index: 20; } #podpowiedzi ul { border: 1px solid var(--puerto); box-shadow: 0 0 10px rgba(0,0,0,.3); background: var(--white); } #podpowiedzi li { padding-left: 70px; border-bottom: 1px solid var(--puerto); } #podpowiedzi p { float: left; width: 100%; } #podpowiedzi figure { width: 70px; margin-left: -70px; padding: 5px; text-align: center; } #podpowiedzi a { display: block; padding: 10px 20px; } #podpowiedzi figure a { padding: 0; } #podpowiedzi .close { display: block; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; border-radius: 50%; background: var(--black); color: var(--white); text-indent: -9999em; cursor: pointer; } #podpowiedzi .close:before { content: "\e90e"; text-indent: 0; } .product-a { position: relative; z-index: 2; padding: 17px 17px 4px; font-size: 12px; line-height: 1.25; } .product-a:before { border: 1px solid var(--alto); background: var(--white); } [data-whatintent="mouse"] .product-a:hover:before { box-shadow: 0 0 10px rgba(0,0,0,.2); } .product-a h1, .product-a h2, .product-a h3, .product-a h4, .product-a h5, .product-a h6 { margin-bottom: 7px; font-size: 16px; font-weight: 600; } .product-a figure { overflow: hidden; width: calc(100% + 32px); margin: -16px -16px 13px; padding: 18px 5px 0; background: var(--white); text-align: center; } [data-whatintent="mouse"] .product-a:hover img { -webkit-transform: rotate(2deg) scale(1.1,1.1); transform: rotate(2deg) scale(1.1,1.1); } .product-a .list-attr, .product-a .list-attr .discount-a { position: absolute; top: 0; left: 0; right: 0; z-index: 2; } .product-a .list-attr .discount-a { right: auto; } .product-a p { margin-bottom: 12px; } .product-a .price { margin-top: auto; color: var(--grayy2); font-size: 18px; font-weight: 700; } .product-a .price span { display: inline-block; } .product-a .price .old { margin-right: 5px; font-weight: 400; text-decoration: line-through; } .product-a .price .promo { color: var(--orange2); } .product-a .more { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 6; font-size: 16px; font-weight: 700; } .product-a .more:before { background: var(--whale); } [data-whatintent="mouse"] .product-a:hover .more:before { opacity: .5; } .product-a .more a { opacity: 0; display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; color: var(--white); text-align: center; } [data-whatintent="mouse"] .product-a:hover .more a { opacity: 1; bottom: calc(50% - 24px); } .product-a .more a:before { top: -1000em; bottom: -1000em; left: -1000em; right: -1000em; } .product-a .more span { display: inline-block; padding: 14px 20px; background: var(--green); } .product-a.a { } .product-a.a:before { border-width: 0; background: var(--athens); } .product-a.a figure { border: 1px solid var(--alto); border-bottom: 0 } .product-a.a .price { font-size: 16px; } .product-a.b { padding-left: 171px; } .product-a.b figure { overflow: hidden; width: 170px; margin: 0 0 0 -170px; padding: 0 10px 20px; } .product-a.b > * { float: left; width: 100%; } .product-a.b .input-add-accessories { position: relative; } .product-a.b .input-add-accessories input { max-width: 50px; text-align: center; } .product-a.b .input-add-accessories span { margin-left: 15px; color: var(--puerto); font-weight: 700; } .product-a.b .input-add-accessories span + span { color: var(--crusta); } .product-a.b.added:before { border-color: var(--puerto); } .product-day { padding-top: 20px; font-size: 16px; } .product-day a { color: var(--grayy2); } .product-day figure { text-align: center; } [data-whatintent="mouse"] .product-day:hover img { -webkit-transform: rotate(2deg) scale(1.1,1.1); transform: rotate(2deg) scale(1.1,1.1); } .product-day h1, .product-day h2, .product-day h3, .product-day h4, .product-day h5, .product-day h6 { font-size: 24px; } .product-day p { margin-bottom: 18px; } .product-day .price { margin-bottom: 23px; color: var(--orange2); font-size: 24px; font-weight: 900; } .product-day .price span { display: inline-block; } .product-day .price .old { margin-right: 5px; color: var(--black); font-size: 20px; font-weight: 400; text-decoration: line-through; } .product-day .price .promo { color: var(--orange2); } .product-day .timer { margin-bottom: 20px; margin-right: -40px; padding-left: 102px; font-size: 14px; line-height: 1.5; } .product-day .timer > p { width: 102px; margin-left: -102px; padding-right: 17px; text-align: right; } .product-day .timer > * { float: left; width: 100%; } .product-day .submit { } .product-day .submit button { max-width: 100%; padding-top: 24px; padding-bottom: 24px; font-size: 20px; text-align: center; } .product-page { position: relative; padding-right: 400px; } .product-page > * { float: left; width: 100%; padding-right: 60px; } .product-page > *:nth-child(2) { float: right; width: 400px; margin-right: -400px; padding-right: 0; } .product-page .add-box { background: var(--white); } .product-page .list-info { margin-bottom: 5px; } .product-page .aside { position: relative; z-index: 2; } .range-slider { margin-bottom: 20px; margin-right: 20px; } .price-input { display: flex; width: 100%; margin: 0 0 15px; } .price-input input { -moz-appearance: textfield; } .range-slider input[type="number"]::-webkit-outer-spin-button, .range-slider input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } .slider { position: relative; clear: both; width: 100%; height: 5px; border-radius: 5px; background: #ddd; } .slider .progress { position: absolute; left: 25%; right: 25%; height: 100%; border-radius: 5px; background: var(--green2); } .range-input { position: relative; } .range-input input { position: absolute; top: -5px; width: 100%; height: 5px; padding: 0; border: 0; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; } .range-input input[type="range"]::-webkit-slider-thumb{height: 17px; width: 17px; border-radius: 50%; background: var(--green2); pointer-events: auto; -webkit-appearance: none; box-shadow: 0 0 6px rgba(0,0,0,0.05); } .range-input input[type="range"]::-moz-range-thumb{height: 17px; width: 17px; border: none; border-radius: 50%; background: var(--green2); pointer-events: auto; -moz-appearance: none; box-shadow: 0 0 6px rgba(0,0,0,0.05); } .rate-a { margin: 0 -13px 10px; } .rate-a > * { margin: 0 13px 10px; } .rating-a { margin: 10px -7px 8px; line-height: 1.1; } .rating-a li { margin: 0 7px 4px; } .rating-a strong { color: var(--black); font-size: 16px; } .rating-b { position: relative; display: block; float: left; width: auto!important; padding-top: 5px; } .rating-b input { display: none; } .rating-b label { display: block!important; position: static; top: auto; left: auto; float: right; width: auto!important; margin: 0!important; padding: 0!important; } .rating-b label span { display: none; position: absolute; top: 5px; left: 170px; width: 120px; color: #3c9e6a; font-size: 18px; font-weight: 700; text-align: left; } .rating-b label:hover span, .rating-b input:checked + label span { display: block; } .rating-b label:before { content: ""; display: inline-block; width: 22px; height: 22px; margin: 0 5px; background: url(../images/stars.png); } .rating-b > input:checked ~ label:before, .rating-b:not(:checked) > label:hover:before, .rating-b:not(:checked) > label:hover ~ label:before { background-position: 0 -22px; } .rating-b > input:checked + label:hover, .rating-b > input:checked ~ label:hover:before, .rating-b > label:hover ~ input:checked ~ label:before, .rating-b > input:checked ~ label:hover ~ label:before { background-position: 0 -44px; } .ratings { position: relative; width: auto; margin-bottom: 5px; padding: 0; } .ratings .rating > *:before, .ratings .rating > * .fill { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } .ratings .rating { display: block; overflow: hidden; width: 95px; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em; } .ratings .rating > * { display: block; position: relative; z-index: 2; float: left; width: 15px; height: 14px; margin: 0 2px; } .ratings .rating > *:before, .ratings .rating > * .fill { z-index: 1; background: url(../images/ratings.png); } .ratings .rating > * .fill { right: auto; z-index: 2; background-position: 0 -14px; } .ratings .label span { position: relative; top: -1px; font-size: 20px; font-weight: 400; } .slick-slider { display: block; position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .module-gallery .main-pic { margin-bottom: 28px; position: relative; border: 1px solid var(--alto); } .module-gallery .main-pic figure { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 588px; } .module-gallery .main-pic img { width: auto; max-height: 588px; margin: 0 auto; float: none; } .module-gallery .gallery-thumbs { margin: 0 -14px 28px; } .module-gallery .gallery-thumbs figure { position: relative; margin: 0 14px; text-align: center; } .module-gallery .gallery-thumbs a { outline: none; display: block; padding: 3px; border: 1px solid var(--alto); } .module-gallery .gallery-thumbs .slick-current a { border-color: var(--puerto); } .module-gallery .gallery-thumbs picture { overflow: hidden; max-height: 180px; margin: 0 auto; } .module-gallery .slick-arrow { display: block; position: absolute; top: 50%; z-index: 10; width: 48px; height: 48px; margin-top: -24px; padding: 0; border-radius: 50%; border: 0; background: var(--athens); color: var(--black); font-size: 0; text-indent: -9999em; cursor: pointer; outline: none; } [data-whatintent="mouse"] .module-gallery .slick-arrow:hover { background: var(--green); color: var(--white); } .module-gallery .slick-arrow:before { display: block; width: 100%; height: 100%; left: 0; right: 0; font-size: 16px; font-family: i; text-indent: 0; font-weight: normal; } .module-gallery .slick-prev { left: 18px; } .module-gallery .slick-next { right: 18px; } .module-gallery .slick-prev:before { content: "\e902"; } .module-gallery .slick-next:before { content: "\e903"; } .slick-disabled { display: none!important; } .slick-dots { padding-top: 10px; } .slick-dots button { display: block; position: relative; z-index: 2; min-width: 0; width: 28px; height: 28px; margin: 0 5px; padding: 0; box-shadow: none; border: 0; border-radius: 50%; background: none; text-indent: -9999em; cursor: pointer; } .slick-dots button:before { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; border-radius: 50%; background: var(--alto); } .slick-dots button:after { top: -15px; bottom: -15px; left: -15px; right: -15px; border: 1px solid var(--green); border-radius: 50%; } .slick-dots .slick-active button:after { top: 0; bottom: 0; left: 0; right: 0; } .slick-dots .slick-active button:before { background: var(--green); } .slick-dots .slick-active button { border-color: var(--green); cursor: default; } .slide-a { } .summary-a { color: var(--black); } .summary-a span { margin-left: auto; font-size: 16px; font-weight: 700; } #time { margin-left: -8px; margin-right: -8px; } #time p { position: relative; z-index: 2; } #time .no { width: 56px; height: 48px; margin: 0 8px; padding: 5px; border-radius: 5px; background: #e5e5e5; font-size: 20px; font-weight: 700; } #time .label { position: absolute; bottom: -17px; left: 0; right: 0; font-size: 14px; line-height: 1; text-align: center; } .width-a { max-width: 925px; } /*! Headers --------- */ .heading-a { margin-bottom: 10px; font-size: 16px; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { font-size: 24px; font-weight: 700; } .header-a { position: relative; z-index: 2; font-size: 32px; } .header-a:before { content: "\e901"; left: auto; right: 10px; width: auto; font-size: 20px; } .header-b { margin-bottom: 33px; font-size: 24px; font-weight: 700; } .header-b.a { font-size: 28px; } .header-b.b { margin-bottom: 30px; font-size: 32px; } .header-b.c { margin-bottom: 23px; font-size: 24px; } .header-b.d { margin-bottom: 25px; font-size: 22px; } .header-c { font-size: 24px; font-weight: 700; } /*! Content --------- */ .strong { font-weight: 700; } .em { font-style: italic; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } /*! Links --------- */ .link-a { } .link-a a { color: var(--orange2); } .link-back { } .link-back a { display: inline-block; position: relative; z-index: 2; padding-left: 15px; } .link-back a:before { content: "\e902"; width: auto; font-size: 9px; } .link-btn { } .link-btn a { padding: 14.5px 32px; border: 1px solid var(--grayy); color: var(--grayy); font-size: 16px; font-weight: 700; line-height: 1.1; } [data-whatintent="mouse"] .link-btn a:hover { background: var(--grayy); color: var(--white); } .link-btn.a { } .link-btn.a a { border-color: rgba(0,0,0,0); background: var(--green); color: var(--white); } [data-whatintent="mouse"] .link-btn.a a:hover { background: var(--crusta); } .link-btn.b { } .link-btn.b a { border-color: rgba(0,0,0,0); background: var(--crusta); color: var(--white); } [data-whatintent="mouse"] .link-btn.b a:hover { background: var(--green); } .link-btn.wide { } .link-btn.wide a { width: 100%; text-align: center; } .link-mail { } .link-mail a { display: inline-block; position: relative; z-index: 2; padding-left: 40px; font-size: 16px; font-weight: 700; } .link-mail a:before { content: "\e908"; width: auto; margin-top: -9px; font-size: 29px; } #go-top { position: fixed; right: 20px; bottom: 20px; z-index: 1300; } #go-top a { display: block; position: relative; z-index: 2; width: 48px; height: 48px; border: 1px solid var(--white); background: var(--green); color: var(--white); text-indent: -9999em; } #go-top a:before { content: "\e900"; } [data-whatintent="mouse"] #go-top a:hover { background: var(--orange2); } /*! 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 { line-height: 1.2; } .list-a li { margin-bottom: 16px; padding-right: 20px; } .list-attr { margin-left: -5px; margin-right: -5px; } .list-attr li { margin: 0 5px 5px; padding: 6px 11px; background: var(--black); color: var(--white); font-size: 12px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; } .list-attr .discount-a { background: var(--orange2); } .list-attr .new { background: var(--crusta); } .list-attr .bestseller { background: var(--puerto); } .list-b { margin-bottom: 1px; margin-left: -30px; font-size: 16px; } .list-b li { position: relative; width: 275px; margin-bottom: 17px; padding-left: 65px; border-left: 30px solid rgba(0,0,0,0); } .list-b h1, .list-b h2, .list-b h3, .list-b h4, .list-b h5, .list-b h6 { margin-bottom: 7px; font-size: 18px; color: var(--grayy2); } .list-b i { position: absolute; top: 0; left: 0; width: auto; color: var(--grayy2); font-size: 40px; } .list-b .icon-box { font-size: 50px; } .list-b .icon-truck { font-size: 44px; } .list-banners { margin-left: -20px; } .list-banners li { overflow: hidden; position: relative; z-index: 2; width: 50%; margin-bottom: 20px; border-left: 20px solid rgba(0,0,0,0); } .list-banners h1, .list-banners h2, .list-banners h3, .list-banners h4, .list-banners h5, .list-banners h6 { position: absolute; bottom: 24px; left: 24px; z-index: 4; padding: 20px 16px; font-size: 20px; font-weight: 600; } .list-banners h1:before, .list-banners h2:before, .list-banners h3:before, .list-banners h4:before, .list-banners h5:before, .list-banners h6:before { opacity: .8; background: var(--white); } .list-banners h1:after, .list-banners h2:after, .list-banners h3:after, .list-banners h4:after, .list-banners h5:after, .list-banners h6:after { content: "\e90a"; top: auto; bottom: 0; left: auto; right: -48px; width: 48px; height: 48px; margin-top: 0; background: var(--green); color: var(--white); font-size: 20px; } .list-banners span { display: block; font-size: 14px; font-weight: 400; } .list-banners a:before { top: -100px; bottom: -1000px; left: -1000px; right: -1000px; } [data-whatintent="mouse"] .list-banners h1:hover:before, [data-whatintent="mouse"] .list-banners h2:hover:before, [data-whatintent="mouse"] .list-banners h3:hover:before, [data-whatintent="mouse"] .list-banners h4:hover:before, [data-whatintent="mouse"] .list-banners h5:hover:before, [data-whatintent="mouse"] .list-banners h6:hover:before { opacity: 1; top: -5px; bottom: -5px; left: -5px; right: -5px; background: var(--green); } [data-whatintent="mouse"] .list-banners h1:hover:after, [data-whatintent="mouse"] .list-banners h2:hover:after, [data-whatintent="mouse"] .list-banners h3:hover:after, [data-whatintent="mouse"] .list-banners h4:hover:after, [data-whatintent="mouse"] .list-banners h5:hover:after, [data-whatintent="mouse"] .list-banners h6:hover:after { bottom: -5px; right: -65px; width: 60px; height: 58px; background: var(--crusta); } [data-whatintent="mouse"] .list-banners a:hover{ color: var(--white); } .list-banners figure { position: relative; z-index: 2; } .list-banners figure:before { background: var(--black); } [data-whatintent="mouse"] .list-banners li:hover figure:before { visibility: visible; opacity: .6; } [data-whatintent="mouse"] .list-banners li:hover img { -webkit-transform: rotate(2deg) scale(1.1,1.1); transform: rotate(2deg) scale(1.1,1.1); } .list-c { font-size: 16px; font-weight: 700; } .list-c li { position: relative; z-index: 2; margin-bottom: 8px; padding-left: 15px; } .list-c li:before { content: "\e903"; width: auto; font-size: 9px; } .list-c .a, .list-c .a a { color: var(--orange2); } .list-comments { font-size: 16px; line-height: 1.31; } .list-comments li { position: relative; margin-bottom: 12px; } .list-comments div { margin-bottom: 7px; padding: 12px 16px 4px; background: var(--athens); } .list-comments div + div { margin-left: 50px; } .list-comments p { margin-bottom: 8px; } .list-comments .header { color: var(--black); font-size: 17px; font-weight: 600; } .list-comments .date { position: absolute; top: 14px; right: 16px; font-size: 14px; } .list-d { line-height: 1; } .list-d li { position: relative; z-index: 2; margin-bottom: 10px; padding-left: 19px; } .list-d li:before { content: "\e911"; top: 0; width: auto; margin-top: 0; color: var(--green); font-size: 15px; line-height: 1; } .list-d.a { font-weight: 400; } .list-d.a li { margin-bottom: 18px; padding-left: 15px; } .list-d.a li:before { content: "\e903"; top: 3px; color: var(--black); font-size: 9px; } [data-whatintent="mouse"] .list-d.a li:hover:before { color: var(--crusta); } .list-doc { } .list-doc li { margin-bottom: 40px; } .list-doc li:last-child { margin-bottom: 27px; } .list-doc label { display: block; position: relative; z-index: 2; padding: 0 0 0 27px; font-weight: 400; line-height: 1.1; cursor: pointer; } .list-doc label:before { top: 0; width: 18px; height: 18px; margin-top: -1px; border: 1px solid var(--whale); border-radius: 50%; background: var(--white); } .list-doc label:after { top: 4px; left: 5px; width: 8px; height: 8px; margin-top: 0; border-radius: 50%; background: var(--green); } .list-doc input:checked + label, .list-doc input:checked + strong label { color: var(--whale); font-weight: 700; } .list-doc input:checked + label:before, .list-doc input:checked + strong label:before { border-color: var(--green); } .list-e { margin-bottom: 18px; } .list-e li { margin-bottom: 3px; } .list-info { color: var(--black); line-height: 1.65; } .list-info li { position: relative; z-index: 2; margin-bottom: 20px; padding-left: 44px; } .list-info li:before { width: auto; color: var(--boulder); font-size: 28px; } .list-info strong, .list-info .order span { font-weight: 700; } .list-info .availability:before { content: "\e910"; } .list-info .availability strong, .list-info .order span { color: var(--puerto); } .list-info .order:before { content: "\e911"; } .list-info .shipping:before { content: "\e918"; font-size: 26px; } .list-logo { margin: 0 -21px; } .list-logo li { margin: 0 21px 25px; } .list-logo + hr { margin-top: 10px; } .list-news { margin-left: -20px; } .list-news li { position: relative; z-index: 2; width: 33.333%; margin-bottom: 33px; padding: 20px 20px 6px; border-left: 20px solid rgba(0,0,0,0); } .list-news li:before { box-shadow: 0 0 10px rgba(0,0,0,.1); background: var(--white); } .list-news figure { overflow: hidden; position: relative; z-index: 2; margin: -20px -20px 15px; } .list-news figure:before { background: var(--crusta); } [data-whatintent="mouse"] .list-news li:hover figure:before { visibility: visible; opacity: .3; } [data-whatintent="mouse"] .list-news li:hover img { -webkit-transform: rotate(-2deg) scale(1.1,1.1); transform: rotate(-2deg) scale(1.1,1.1); } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin-bottom: 9px; font-size: 24px; font-weight: 600; } .list-news a { color: var(--mine); } [data-whatintent="mouse"] .list-news a:hover { color: var(--green); } .list-news li { width: 33.333%; } .list-news.is-slider { display: block!important; margin-left: 0; } .list-news.is-slider li { width: 100%; height: 100%; border-width: 0; } .list-news.is-slider .owl-stage-outer { margin: -10px; padding: 10px; } .list-news .owl-nav { top: 32%; } .list-select { margin-bottom: 30px; padding: 40px 14px 0; border: 1px solid var(--alto); } .list-select li { position: relative; z-index: 2; margin-bottom: 40px; } .list-select label { display: block; position: relative; z-index: 2; padding: 0 0 0 100px; font-weight: 400; line-height: 1.1; cursor: pointer; } .list-select label:after { content: ""; position: absolute; top: 50%; left: 30px; width: 60px; height: 30px; margin-top: -16px; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; } .list-select .select { position: absolute; top: 50%; left: 0; margin-top: -9px; } .list-select .select:before { top: 0; width: 18px; height: 18px; margin-top: -1px; border: 1px solid var(--whale); border-radius: 50%; background: var(--white); } .list-select .select:after { top: 4px; left: 5px; width: 8px; height: 8px; margin-top: 0; border-radius: 50%; background: var(--green); } .list-select input:checked ~ label, .list-select input:checked ~ strong label { color: var(--whale); font-weight: 700; } .list-select input:checked + .select:before, .list-select input:checked + .select:before { border-color: var(--green); } .list-select label[for="przesylka_13"]:after { background-image: url(../images/przesylki/inpost-mini.jpg); } .list-select label[for="przesylka_14"]:after { background-image: url(../images/przesylki/inpost-mini.jpg); } .list-select label[for="przesylka_20"]:after { background-image: url(../images/przesylki/punkt-pp.jpg); } .list-select label[for="przesylka_21"]:after { background-image: url(../images/przesylki/pp-mini.jpg); } .list-select label[for="przesylka_9"]:after { background-image: url(../images/przesylki/pp-mini.jpg); } .list-select label[for="przesylka_8"]:after { background-image: url(../images/przesylki/dpd-mini.jpg); } .list-select label[for="przesylka_16"]:after { background-image: url(../images/przesylki/dpd-mini.jpg); } .list-select label[for="przesylka_25"]:after { background-image: url(../images/przesylki/dpd-mini.jpg); } .list-select label[for="przesylka_24"]:after { background-image: url(../images/przesylki/dpd-mini.jpg); } .list-select label[for="przesylka_23"]:after { background-image: url(../images/przesylki/dpd-mini.jpg); } .list-select label[for="przesylka_22"]:after { background-image: url(../images/przesylki/dpd-mini.jpg); } .list-select label[for="przesylka_27"]:after { background-image: url(../images/przesylki/dpd-mini.jpg); } .list-select label[for="przesylka_26"]:after { background-image: url(../images/przesylki/orlen-paczka-mini.jpg); } .list-select label[for="przesylka_6"]:after { background-image: url(../images/przesylki/odbior-mini.jpg); } .list-select label[for="platnosc_paypal"]:after { background-image: url(../images/przesylki/paypal.jpg); } .list-select label[for="platnosc_p24"]:after { background-image: url(../images/przesylki/p24.jpg); } .list-select label[for="platnosc_przelew"]:after { background-image: url(../images/przesylki/przelew.jpg); } .list-select span { display: inline-block; margin-left: 5px; font-weight: 700; } .list-social { margin: 0 -12px; } .list-social li { margin: 0 12px; } .list-social a { color: var(--green); } [data-whatintent="mouse"] .list-social a:hover { color: var(--white); } .list-social i { display: block; font-size: 34px; } .list-social .icon-facebook2 { font-size: 40px; } .list-summary { } .list-summary li { padding: 7px 15px; } .list-summary p:last-child { color: var(--black); font-size: 16px; } .list-summary li:last-child { padding-top: 11px; padding-bottom: 11px; border-top: 1px solid var(--alto); background: var(--athens); } .list-summary li:last-child p { color: var(--black); font-size: 18px; font-weight: 700; } .list-summary li:last-child p:last-child { background: var(--green); } .mauticform-checkboxgrp-row label {color: var(--grayylight);} .module-description h1 a, .module-description h2 a, .module-description h3 a, .module-description h4 a, .module-description h5 a, .module-description h6 a { font-size: 40px; color:color: var(--grayy);} .module-description h1 a b, .module-description h2 a b, .module-description h3 a b, .module-description h4 a b, .module-description h5 a b, .module-description h6 a b { font-size: 40px; color:color: var(--grayy); font-weight:700} /*! 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 { } form p { margin-bottom: 15px; } label { display: block; margin-bottom: 5px; color: var(--black); font-size: 14px; font-weight: 700; } input, textarea, select { width: 100%!important; margin: 0!important; padding: 0 16px; height: 48px; border: 1px solid var(--alto); color: var(--whale); font-weight: 400; } select { padding: 5px 30px 5px 20px; cursor: pointer; } select { background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDUxLjg0N3B4IiBoZWlnaHQ9IjQ1MS44NDdweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjNzc3ZTgxIiBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEKCQljMTIuMzU0LTEyLjM1NCwzMi4zODgtMTIuMzU0LDQ0Ljc0OCwwbDE3MS45MDUsMTcxLjkxNWwxNzEuOTA2LTE3MS45MDljMTIuMzU5LTEyLjM1NCwzMi4zOTEtMTIuMzU0LDQ0Ljc0NCwwCgkJYzEyLjM2NSwxMi4zNTQsMTIuMzY1LDMyLjM5MiwwLDQ0Ljc1MUwyNDguMjkyLDM0NS40NDlDMjQyLjExNSwzNTEuNjIxLDIzNC4wMTgsMzU0LjcwNiwyMjUuOTIzLDM1NC43MDZ6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) 96% center no-repeat; background-size: auto 14px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { height: 140px; min-height: 150px; padding-top: 10px; padding-bottom: 10px; } form button, .button { position: relative; z-index: 2; border: 0; width: 100%; max-width: 294px; height: auto; padding: 12px 20px; background: var(--orange); color: var(--white); font-size: 16px; font-weight: 700; cursor: pointer; } [data-whatintent="mouse"] form button:hover, [data-whatintent="mouse"] form .button:hover { background: var(--orange); } .button-a, .module-cart .aside button { max-width: 400px; background: var(--green2); color: var(--white); font-size: 16px; font-weight: 700; cursor: pointer; } [data-whatintent="mouse"] .button-a:hover, [data-whatintent="mouse"] .module-cart .aside button:hover { background: var(--crusta); } input[type='text'], select, textarea, button { -webkit-appearance: none; -webkit-border-radius: 0; } .box-comment { margin-bottom: 20px; } .check-a { margin-bottom: 40px; } .check-a label { position: relative; z-index: 2; padding-left: 30px; font-weight: 400; cursor: pointer; text-align: left !important; } .check-a label:before { width: 18px; height: 18px; border: 1px solid var(--boulder); font-size: 13px; cursor: pointer; } .check-a input:checked + label:before { content: "\e913"; border-color: var(--green); background: var(--green); color: var(--white); } .mauticform-page-wrapper > * { margin-bottom: 10px; } .mauticform-checkboxgrp-row label { position: relative; padding-left: 30px; } .mauticform-checkboxgrp-row label:before { top: 5px; width: 18px; height: 18px; margin-top: 0; border: 1px solid var(--boulder); background: var(--white); font-size: 13px; cursor: pointer; } .mauticform-checkboxgrp-row input:checked + label:before { content: "\e913"; border-color: var(--green); background: var(--green); color: var(--white); } .code-a { margin-bottom: 13px; } .code-a h1, .code-a h2, .code-a h3, .code-a h4, .code-a h5, .code-a h6 { margin-bottom: 4px; color: var(--black); font-size: 14px; font-weight: 700; } .code-a > div { margin-left: -10px; margin-right: -10px; } .code-a > div > * { margin: 0 10px 20px; } .code-a input { min-width: 175px; font-weight: 700; text-align: center; } .code-a + hr { margin-top: 0; } .form-footer { margin: 0 auto 20px; color: var(--boulder); font-weight: 400; line-height: 1.5; } .form-footer h1, .form-footer h2, .form-footer h3, .form-footer h4, .form-footer h5, .form-footer h6 { margin-bottom: 22px; font-size: 14px; font-weight: 700; } .form-footer table { width: auto; margin: 0!important; border-spacing: 0!important; } .form-footer td { position: relative; z-index: 2; padding-bottom: 18px; } .form-footer td:first-child { vertical-align: top; } .form-footer table input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; width: 23px; height: 22px; opacity: 0; cursor: pointer; } .form-footer .input { position: relative; z-index: 2; width: 18px; height: 18px; border: 1px solid var(--boulder); font-size: 13px; cursor: pointer; } .form-footer input:checked + .input { border-color: var(--green); background: var(--green); } .form-footer input:checked + .input:before { content: "\e913"; color: var(--white); } .form-footer label { display: block; margin-bottom: 0; padding-left: 15px; color: var(--boulder); font-weight: 400; text-transform: none; cursor: pointer; } .form-footer span { margin-right: 5px; color: var(--orange2); font-weight: 700; } .form-footer.a { } .form-footer.a h1, .form-footer.a h2, .form-footer.a h3, .form-footer.a h4, .form-footer.a h5, .form-footer.a h6 { font-size: 24px; } .form-newsletter { position: relative; z-index: 2; margin-bottom: 30px; padding-right: 45px; } .form-newsletter input { width: 100%; height: 45px; padding: 0 12px; border: 1px solid var(--green); background: var(--white); font-size: 16px; } .form-newsletter button { display: block; position: absolute; top: 0; right: 0; width: 45px; height: 45px; padding: 0; background: var(--green); font-size: 23px; text-indent: -9999em; } .form-newsletter button:before { content: "\e916"; } [data-whatintent="mouse"] .form-newsletter button:hover { background: var(--crusta); } .form-search { } .form-search p { position: relative; z-index: 2; padding-right: 45px; } .form-search input { height: 45px; } .form-search button { position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: var(--orange); text-indent: -9999em; } .form-search button:before { content: "\e906"; font-size: 20px; } .user-info { margin: 0 -13px 20px; } .user-info p { float: left; width: 50%; margin-bottom: 23px; padding-left: 13px; padding-right: 13px; } .user-info span { color: var(--orange2); font-weight: 700; } .user-info .short { width: 25%; } #section-comments { } #section-comments .header-a { cursor: pointer; } .comments-active .header-a:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #section-comments input { max-width: 350px; } #section-comments .code-a { margin-bottom: 0; } .sort-a { width: 160px; } .sort-a label { font-size: 16px; font-weight: 400; } .sort-a select { padding-left: 10px; } .submit { padding-top: 8px; } /*! Helpers --------- */ *, *:before, *:after { transition: visibility .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; } #podpowiedzi, #podpowiedzi ~ * { -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } a { -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; transform-origin: center center; transition: color .4s cubic-bezier(.4,0,.2,1) 0s; } .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } option { transition: none; } .clear { clear: both; } .form-footer .ga, .product-a.b .input-add-accessories span, .product-a.b.added .input-add-accessories span + span, #featured article, .add-box .no + div, .pagination-a .mobile, .discount-code, #nav .title-a, .list-social span, .module-gallery .slick-dots, .box-b .inner, .box-comment, .module-gallery .main-pic > figure, .module-gallery .gallery-thumbs > figure, .module-catalog .catalog-about, .breadcrumb li:last-child:before, #footer > div h1, #footer > div h2, #footer > div h3, #footer > div h4, #footer > div h5, #footer > div h6, .module-quad > *:last-child:before, #root .owl-carousel .disabled, .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .mauticform-checkboxgrp-row input, .module-price .a label, .pagination-a label, .discount-code label, .item-a .remove-btn img, .list-select input, .list-doc input, .check-a input, #mobile .drop .sub ul, #up, #menu-icon, .module-tabs .hide, .module-login > *:nth-child(2):before, .list-banners.slide, .form-newsletter label, [hidden], template { display: none; } .item-a .title strong a, .list-info .availability strong, .list-info .order strong, article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } #podpowiedzi p, #podpowiedzi figure, .module-price .a p, .module-discount > p:first-child, .box-d h1, .box-d h2, .box-d h3, .box-d h4, .box-d h5, .box-d h6, .module-cart .legend, .item-a p, .item-a ul, .item-a > figure, .list-summary p, .module-b .inner .list-summary, .check-a p, #mobile .close-a, #mobile .drop h1, #mobile .drop h2, #mobile .drop h3, #mobile .drop h4, #mobile .drop h5, #mobile .drop h6, #mobile > ul:last-child, #menu-icon, .list-e p, #mContact > p, #mUser > p, #mKoszyk > p, #nav > ul > li > ul ul, #top .box p, #top .box ul, .box-b .title, #featured figure, .list-news.is-slider li, .list-banners figure, .list-banners h1, .list-banners h2, .list-banners h3, .list-banners h4, .list-banners h5, .list-banners h6, .module-a .box .product-day .submit, .product-a .more, .product-a .list-attr, .form-newsletter p, .module-newsletter figure, #go-top, .module-quad > * li:last-child, ul ul, ul ol, ol ol, ol ul, #logo, #root .m0 { margin-bottom: 0; } #mobile, #shadow, #nav > ul > li > a:after { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } #nav > ul > li > a:before, #mContact:hover .drop, #mUser:hover .drop, #nav > ul > li > a:before, .slick-dots button:before, .slick-dots button:after, .link-btn a, #featured header, .product-a img, .product-day img, .owl-dots button:after, .list-banners h1:before, .list-banners h2:before, .list-banners h3:before, .list-banners h4:before, .list-banners h5:before, .list-banners h6:before, .list-banners img, .list-banners h1:after, .list-banners h2:after, .list-banners h3:after, .list-banners h4:after, .list-banners h5:after, .list-banners h6:after, .product-a:before, .product-a .more a, .list-news figure:before, .list-news img { transition: all .4s linear; -webkit-transition-delay: -.1s; } .product-a.b.added .input-add-accessories span, .product-a.b .input-add-accessories span + span, #featured article:first-child, #featured.is-slider article, .module-filters .module-price, .discount-active .discount-code, .box-b.toggle .inner, .comments-active .box-comment, .is-slider, .module-gallery .gallery-thumbs > figure:first-child, .module-gallery .slick-slide .gallery-thumbs figure, .module-gallery .main-pic > figure:first-child, .module-gallery .slick-slide .main-pic figure { position: relative; top: auto; left: auto; } .add-box .select, .add-box button, #nav > ul > li:hover > ul { transition: all .9s cubic-bezier(.2,0,.4,1) 0s; -webkit-transition-delay: -.1s; } .inner-wrapper-sticky { width: 400px!important; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 40px 0 30px; padding: 0; border: 0; border-top: 1px solid var(--alto); background: none; font-size: 0; } #top, #top > * { -webkit-transform: translate3d(0, 0, 0); } .module-about h1:first-child, .module-about h2:first-child, .module-about h3:first-child, .module-about h4:first-child, .module-about h5:first-child, .module-about h6:first-child { margin-top: 0; } #kqs-box-zawartosc {padding:0px!important} #kqs-cookie { display: none; z-index: 1000000; } #kqs-cookie.show-cookie { display: block; } #kqs-cookie a {color:#ffffff; text-decoration:underline} #kqs-cookie a:hover {text-decoration:none} #root .m20 { margin-bottom: 20px; } #root .m35 { margin-bottom: 35px; } #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: var(--green); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--green); color: var(--white); text-shadow: none; } .dodatkowe-strony {margin-bottom:30px} .dodatkowe-strony input[type=checkbox] { height:15px!important; width:15px!important} .dodatkowe-strony input.text {width:auto!important} .dodatkowe-strony .table-rwd label {display:inline-block} .blog-dodatkowe {color:#000000; font-size:18px;} .blog-dodatkowe a {color:#000000; text-decoration:underline} .katalogi a {padding:6px 2px; display:inline-block} .mauticform-errormsg {color: var(--crusta); padding:5px;} .mauticform-message {color: var(--puerto); padding:5px 5px 25px 5px;} /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Animations --------- */ [data-whatintent="mouse"] .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"] .pagination-a .btn a:hover, [data-whatintent="mouse"] .item-a .remove-btn a:hover, [data-whatintent="mouse"] .list-logo img:hover, [data-whatintent="mouse"] .list-d.a li:hover:before, [data-whatintent="mouse"] #mContact a:hover:before, [data-whatintent="mouse"] #mUser a:hover:before, [data-whatintent="mouse"] #mKoszyk a:hover:before, [data-whatintent="mouse"] .list-social a:hover i, [data-whatintent="mouse"] #top .box .free-a a:hover:before, [data-whatintent="mouse"] .list-info li:hover:before, [data-whatintent="mouse"] .list-b li:hover i, [data-whatintent="mouse"] .product-a .more span:hover, [data-whatintent="mouse"] .form-newsletter button:hover:before, [data-whatintent="mouse"] #go-top a:hover { -webkit-animation-name: popA; animation-name: popA; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .discount-code .button:hover, [data-whatintent="mouse"] .item-a:hover > figure img, [data-whatintent="mouse"] .module-gallery .slick-arrow:hover, [data-whatintent="mouse"] .button-a:hover, [data-whatintent="mouse"] .owl-nav button:hover, [data-whatintent="mouse"] form button:hover { -webkit-animation-name: popB; animation-name: popB; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .module-newsletter:hover img { -webkit-animation-name: fly; animation-name: fly; -webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes pop {50% {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @keyframes pop {50% {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } @-webkit-keyframes popA {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @keyframes popA {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes popB {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } } @keyframes popB {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } } @-webkit-keyframes fly {50% {-webkit-transform: translateY(-5px); transform: translateY(-5px);} } @keyframes fly {50% {-webkit-transform: translateY(-5px); transform: translateY(-5px);} } /*! Flexbox --------- */ .module-newsletter button, .product-a, #podpowiedzi li, .product-a.b .input-add-accessories, .product-a.b, .module-c, #footer > ul:last-child, .module-price .a, .pagination-a .inner, .module-filters, .summary-a, .discount-code, .module-cart .legend, .item-a > div, .item-a .remove-btn, .item-a .line, .item-a, .list-logo, .list-summary li, .module-cart .cols, .list-e li, #mKoszyk .no, .list-social, #top .box, #nav > ul > li > a, #nav > ul, .add-box .select, .add-box .no, .slick-dots, .box-b .similar form, .rating-a, .rate-a, .module-tabs nav ul, .module-gallery .slick-arrow:before, .catalog-products form, .module-catalog .catalog-products, .module-login, .code-a > div, .breadcrumb ol, .module-products form, #featured .owl-nav, #featured header, #time .no, #time, #footer > ul, .owl-dots, .owl-stage, .list-news, .list-b, .list-banners h1:after, .list-banners h2:after, .list-banners h3:after, .list-banners h4:after, .list-banners h5:after, .list-banners h6:after, .list-banners, .product-day .timer, .module-a, .list-attr, .module-products, .module-newsletter, .module-quad, #footer > div > ul, #footer nav, #footer nav:before, #footer nav:before, .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-a, #podpowiedzi li, .product-a.b .input-add-accessories, .product-a.b, .module-c, #footer > ul:last-child, .module-price .a, .pagination-a .inner, .module-filters, .summary-a, .discount-code, .module-cart .legend, .item-a > div, .item-a .line, .item-a, .list-logo, .list-summary li, .module-cart .cols, .list-e li, .list-social, .add-box .select, .add-box .no, .slick-dots, .box-b .similar form, .rating-a, .rate-a, .module-tabs nav ul, .catalog-products form, .module-catalog .catalog-products, .module-login, .code-a > div, .breadcrumb ol, .module-products form, #featured .owl-nav, #time .no, #time, #footer > ul, .owl-dots, .owl-stage, .list-news, .list-b, .list-banners, .product-day .timer, .module-a, .list-attr, .module-products, .module-newsletter, .module-quad, #footer > div > ul, #footer nav { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .add-box .list-attr { -webkit-flex-direction: row; flex-direction: row; } #nav > ul > li > a, #featured header, .list-attr { -webkit-flex-direction: column; flex-direction: column; } .text-left .link-btn, .link-btn.text-left { -webkit-justify-content: flex-start; justify-content: flex-start; } .module-newsletter button, .box-c .list-logo, #mKoszyk .no, #nav > ul > li > a, .slick-dots, .module-gallery .slick-arrow:before, #featured .owl-nav, #featured .link-btn, #featured header, #time .no, .owl-dots, .list-banners h1:after, .list-banners h2:after, .list-banners h3:after, .list-banners h4:after, .list-banners h5:after, .list-banners h6:after, .text-center .link-btn, .link-btn.text-center { -webkit-justify-content: center; justify-content: center; } #footer > ul:last-child, #top .box, #footer > div > ul, .text-right .link-btn, .link-btn.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; } .module-c, .module-filters, .list-summary li, .list-e li, #nav > ul, .module-tabs nav ul, .list-b, .module-newsletter { -webkit-justify-content: space-between; justify-content: space-between; } .module-a { -webkit-align-items: flex-start; align-items: flex-start; } .module-newsletter button, #podpowiedzi li, .product-a.b .input-add-accessories, .product-a.b, .module-price .price-input, .pagination-a .inner, .module-cart .legend, .item-a > div, .item-a .remove-btn, .item-a .line, .item-a, .list-logo, .list-summary li, #mKoszyk .no, .list-social, #top .box, .add-box .select, .add-box .no, .rating-a, .rate-a, .module-gallery .slick-arrow:before, .code-a > div, #featured .owl-nav, #time .no, #time, .list-banners h1:after, .list-banners h2:after, .list-banners h3:after, .list-banners h4:after, .list-banners h5:after, .list-banners h6:after, .product-day .timer, .module-newsletter { -webkit-align-items: center; align-items: center; } .list-attr { -webkit-align-items: flex-end; align-items: flex-end; } .product-a.b .input-add-accessories span, .discount-code p:first-child, .module-cart .legend > *:first-child, .item-a .title, .module-cart .module-items, .add-box .btn, .product-page > *:nth-child(1), .module-a .column { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .product-a.b .input-add-accessories span, .discount-code p:first-child, .module-cart .legend > *:first-child, .item-a .title, .module-cart .module-items, .add-box .btn, .product-page > *:nth-child(1), .module-a .column { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Fonts --------- */ @font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url('fonts/lato-300.woff2') format('woff2'),url('fonts/lato-300.woff') format('woff'),url('fonts/lato-300.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Lato';font-style:italic;font-weight:300;src:local('Lato Light Italic'),local('Lato-LightItalic'),url('fonts/lato-300i.woff2') format('woff2'),url('fonts/lato-300i.woff') format('woff'),url('fonts/lato-300i.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url('fonts/lato-400.woff2') format('woff2'),url('fonts/lato-400.woff') format('woff'),url('fonts/lato-400.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Lato';font-style:italic;font-weight:400;src:local('Lato Italic'),local('Lato-Italic'),url('fonts/lato-400i.woff2') format('woff2'),url('fonts/lato-400i.woff') format('woff'),url('fonts/lato-400i.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Lato';font-style:normal;font-weight:600;src:local('Lato SemiBold'),local('Lato-SemiBold'),url('fonts/lato-600.woff2') format('woff2'),url('fonts/lato-600.woff') format('woff'),url('fonts/lato-600.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Lato';font-style:italic;font-weight:600;src:local('Lato SemiBold Italic'),local('Lato-SemiBoldItalic'),url('fonts/lato-600i.woff2') format('woff2'),url('fonts/lato-600i.woff') format('woff'),url('fonts/lato-600i.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url('fonts/lato-700.woff2') format('woff2'),url('fonts/lato-700.woff') format('woff'),url('fonts/lato-700.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Lato';font-style:italic;font-weight:700;src:local('Lato Bold Italic'),local('Lato-BoldItalic'),url('fonts/lato-700i.woff2') format('woff2'),url('fonts/lato-700i.woff') format('woff'),url('fonts/lato-700i.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Lato';font-style:normal;font-weight:900;src:local('Lato Black'),local('Lato-Black'),url('fonts/lato-900.woff2') format('woff2'),url('fonts/lato-900.woff') format('woff'),url('fonts/lato-900.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Lato';font-style:italic;font-weight:900;src:local('Lato Black Italic'),local('Lato-BlackItalic'),url('fonts/lato-900i.woff2') format('woff2'),url('fonts/lato-900i.woff') format('woff'),url('fonts/lato-900i.ttf') format('truetype');font-display:fallback;} /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype'); font-display:fallback; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-back:before {content: "\e909"; } .icon-arrow-down:before {content: "\e901"; } .icon-arrow-left:before {content: "\e902"; } .icon-arrow-right:before {content: "\e903"; } .icon-arrow-up:before {content: "\e900"; } .icon-arrow:before {content: "\e90a"; } .icon-box:before {content: "\e90b"; } .icon-cancel:before {content: "\e90f"; } .icon-card:before {content: "\e90c"; } .icon-cart:before {content: "\e905"; } .icon-check:before {content: "\e913"; } .icon-clock:before {content: "\e910"; } .icon-close:before {content: "\e90e"; } .icon-email:before {content: "\e908"; } .icon-facebook2:before {content: "\e91b"; } .icon-facebook:before {content: "\e919"; } .icon-free:before {content: "\e91a"; } .icon-headphone:before {content: "\e90d"; } .icon-mail:before {content: "\e91d"; } .icon-menu:before {content: "\e904"; } .icon-minus:before {content: "\e914"; } .icon-passed:before {content: "\e911"; } .icon-plus:before {content: "\e912"; } .icon-pointer:before {content: "\e91e"; } .icon-remove:before {content: "\e915"; } .icon-send:before {content: "\e916"; } .icon-shipping:before {content: "\e917"; } .icon-truck:before {content: "\e918"; } .icon-user:before {content: "\e907"; } .icon-youtube:before {content: "\e91c"; } .icon-zoom:before {content: "\e906"; } /*! 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: 80em) { /* 1280 */ #top, #content, #footer, #nav > ul > li > ul { width: 980px; } #top { margin-left: -490px; } #top .form-search { width: 290px; } #footer { } #footer nav > * { width: 67%; } #footer nav > *:first-child { width: 33%; } #footer .triple > * { width: 50%; } #footer .triple > *:nth-child(3) { width: 100%; } .catalog-products { } .catalog-products .product-a { width: 25%; } .module-catalog { } .module-catalog .catalog-products .product-a { width: 33.3333%; } .module-gallery { } .module-gallery .main-pic figure { height: 400px; } .module-gallery .main-pic img { max-height: 400px; } .module-products { } .module-products .product-a { width: 25%; } .module-a .module-products .product-a { width: 33.333%; } .list-b { font-size: 14px; } .list-b li { width: 25%; } .list-b h1, .list-b h2, .list-b h3, .list-b h4, .list-b h5, .list-b h6 { font-size: 17px; } } @media only screen and (min-width: 62.51em) { /* 1000 */ .add-box .scroll-to-fixed-fixed { position: static!important; top: auto!important; left: auto!important; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer { width: 720px; } #root { padding-top: 120px; } #top { height: 120px; margin-left: -360px; z-index: 9; } #top:before { border-bottom: 2px solid var(--green); background: var(--blue); } #logo { top: 0; width: 165px; height: 64px; } #logo a { background: url(../images/logo-small.png) no-repeat 0 50%; } #top .form-search { top: 64px; left: 0; z-index: 20; width: 100%; } #menu-icon { display: block; } .menu-active #mobile { right: 0; } .menu-active #shadow { visibility: visible; opacity: 1; } #mContact, #mUser, #mKoszyk { top: 0; } #mUser > p > a, #mKoszyk > p > a { width: 64px; height: 64px; padding-top: 0; text-indent: -9999em; } #mUser > p > a { width: 55px; } #mUser > p > a:before, #mKoszyk > p > a:before { bottom: 0; padding-right: 0; color: var(--white); font-size: 25px; } #mUser > p > a:before, #mKoszyk > p > a:before { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } #mUser { right: 109px; } #mKoszyk { right: 45px; } #mKoszyk > p > a:before { font-size: 33px; } #mKoszyk .no { position: absolute; top: 8px; right: 2px; width: 20px; height: 20px; border-color: var(--whale); background: var(--green); text-indent: 0; } #top .box, #nav, #mContact, #mUser > p > a:after, #mUser:hover .drop { display: none; } #footer { } #footer nav { margin-left: -25px; } #footer nav > * { width: 70%; border-width: 25px; } #footer nav > *:first-child { width: 30%; } #footer > div > ul { -webkit-justify-content: flex-start; justify-content: flex-start; } #footer > ul { position: relative; bottom: auto; left: auto; } #footer > ul:last-child { -webkit-justify-content: flex-start; justify-content: flex-start; } #featured { margin-bottom: 40px; } #featured article { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { font-size: 30px; } #featured br { display: none; } #featured figure { height: 300px; padding-left: 0; } #featured header { opacity: 1; position: relative; top: auto; bottom: auto; left: auto; width: calc(100% - 40px); margin: -55px auto 0; padding: 15px; font-size: 17px; } #featured header:before { opacity: .85; } #featured .link-btn { margin-top: 0; } #featured .link-btn a { width: auto; padding-top: 20px; padding-bottom: 20px; } .breadcrumb { margin-top: -20px; } .breadcrumb ol { margin-bottom: 0; } .breadcrumb li { padding-left: 0; padding-right: 0; } .breadcrumb li:before { top: 10px; } .breadcrumb a { display: block; padding: 10px 22px; } .box-c, .box-c + .box-c { float: none; width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .box-b .title { padding: 16px 30px 16px 0; font-size: 17px; } .catalog-products { } .catalog-products .product-a { width: 33.3333%; } .code-a { } .code-a figure { width: 150px; } .code-a img { width: 100%!important; } .module-a { } .module-a > * { padding: 0; } .module-a > *:first-child { width: 100%; padding-top: 25px; } .module-a .box { margin-bottom: 30px; } .module-b > * { width: 100%; } .module-cart { } .module-cart .aside { width: 100%; margin-left: 0; } .module-catalog { padding-left: 0; } .module-catalog nav, .catalog-about.clone { display: none; } .module-gallery { } .module-gallery .main-pic { margin-bottom: 50px; } .module-gallery .slick-dots { top: auto; left: 0; right: 0; } .module-filters { } .module-filters .pagination-a { display: none; } .module-products .product-a { width: 33.3333%; } .pagination-a { font-size: 17px; } .pagination-a .inner { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; } .pagination-a .mobile { margin-right: 5px; font-weight: 700; } .pagination-a form, .pagination-a .title { display: none; } .pagination-a .btn a { width: 70px; height: 70px; background: var(--green); color: var(--white); font-size: 30px; } [data-whatintent="mouse"] .pagination-a .btn a:hover { color: var(--white); } .pagination-a .prev { margin-right: auto; } .pagination-a .next { margin-left: auto; } .pagination-a .btn.prev a:before { content: "\e909"; } .pagination-a .btn.next a:before { content: "\e90a"; } .pagination-a.a { margin-bottom: 1px; } #podpowiedzi { top: 120px!important; z-index: 100; } .product-a { padding-bottom: 37px; } .product-a .more { visibility: visible; opacity: 1; } .product-a .more:before, [data-whatintent="mouse"] .product-a:hover .more:before { opacity: 0; } .product-a .more a, [data-whatintent="mouse"] .product-a:hover .more a { opacity: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(0,0,0,0); } .product-a .more a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; } .product-a .more a span { margin-bottom: 10px; padding: 5px 10px; font-size: 14px; font-weight: 400; } .product-page { position: static!important; padding-right: 0; } .product-page > * { padding-right: 0; } .product-page > *:nth-child(2) { width: 100%; margin-right: 0; padding-left: 0; } .inner-wrapper-sticky { position: static!important; top: auto!important; left: auto!important; width: 100%!important; transform: none!important; } .is-affixed { position: static!important; height: auto!important; } .product-page .no.scroll-to-fixed-fixed { padding-top: 5px; padding-bottom: 5px; } .product-page .no.scroll-to-fixed-fixed .select { padding-top: 5px; padding-bottom: 5px; } .product-page .no.scroll-to-fixed-fixed button { padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: 400; } .list-b li { width: 50%; } .user-info { } .user-info p { width: 100%; } .user-info .short { width: 50%; } html.menu-active { overflow-y: hidden; } #root .desktop-hide, #root .tablet-only, .module-catalog .catalog-about, .pagination-a .mobile, .add-box .no + div { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, .product-a .more a:before, .scroll-to-fixed-fixed + div, .module-gallery .gallery-thumbs { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ body { background: var(--whale); } #top, #content, #footer { width: auto; } #content, #footer { padding-left: 20px; padding-right: 20px; } #top { left: 20px; right: 20px; margin-left: 0; } #top { } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 1.3em; } #content { padding-top: 27px; } #content > .list-c { margin-bottom: 30px; } #footer { padding-top: 2px; font-weight: 400; } #footer:before { border-top: 2px solid var(--green); background: var(--blue); } #footer nav:before { background: var(--blue); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 0; padding: 16px 0; font-size: 20px; font-weight: 600; cursor: pointer; } #footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before, #footer h5:before, #footer h6:before { visibility: visible; opacity: 1; } #footer .toggle h1:before, #footer .toggle h2:before, #footer .toggle h3:before, #footer .toggle h4:before, #footer .toggle h5:before, #footer .toggle h6:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #footer ul { margin-bottom: 0; } #footer nav { margin-bottom: 0; margin-left: 0; padding-top: 5px; } #footer nav > *, #footer nav > *:first-child { width: 100%; margin-bottom: 0; border-width: 0; border-bottom: 1px solid var(--alto); } #footer nav a { display: block; padding: 2px 0; } #footer > ul { margin-bottom: 30px; -webkit-flex-direction: column; flex-direction: column; } #footer .triple { } #footer .triple > * { width: 100%; } #footer #go-top { bottom: 30px; right: 20px; } #footer #go-top a { background: var(--green); } #footer > div { margin-bottom: 25px; border-bottom: 1px solid var(--alto); } #footer > div ul { margin-bottom: 20px; -webkit-flex-direction: column; flex-direction: column; } #footer > div a { display: block; padding: 6px 0; } #footer > ul:last-child { margin-top: -15px; padding-top: 0; border-top: 0; } #featured { margin: 0 -20px 20px; padding-bottom: 40px; } #featured:first-child { margin-top: -27px; } #featured article { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { font-size: 22px; } #featured figure { height: 222px; } #featured header { min-height: 200px; margin-top: -40px; padding: 10px 15px 0; font-size: 14px; } #featured .link-btn a { padding-top: 14px; padding-bottom: 14px; font-size: 16px; } #featured .owl-nav { bottom: -40px; } p { margin-bottom: 15px; } h1 { font-size: 36px; } h2 { font-size: 28px; } h3, .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6, .module-login h1, .module-login h2, .module-login h3, .module-login h4, .module-login h5, .module-login h6, .header-c { font-size: 20px; } h4, .module-b h1, .module-b h2, .module-b h3, .module-b h4, .module-b h5, .module-b h6, .box-d h1, .box-d h2, .box-d h3, .box-d h4, .box-d h5, .box-d h6 { font-size: 18px; } h5, h6 { font-size: 14px; } .heading-a { margin-bottom: 10px; font-size: 14px; } .header-a { font-size: 20px; } .header-b { margin-bottom: 25px; font-size: 20px; } .header-b.a, .header-b.b { font-size: 22px; } .header-b.b { margin-bottom: 20px; } hr { margin: 30px 0 25px; } .add-box { } .add-box h1, .add-box h2, .add-box h3, .add-box h4, .add-box h5, .add-box h6 { margin-bottom: 12px; font-size: 24px; } .add-box .no button { padding-top: 24px; padding-bottom: 24px; font-size: 18px; } .breadcrumb { margin-bottom: 15px; } .item-a { position: relative; z-index: 2; padding: 10px 20px 15px; } .item-a > figure { width: 100%; margin-bottom: 20px; margin-left: 0; } .item-a > figure img { width: auto; max-height: 120px; } .item-a > div { padding-left: 0; } .item-a .title { width: 100%; margin-bottom: 15px; padding-right: 0; } .item-a .title { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .item-a .title strong { font-size: 16px; font-weight: 700; } .item-a .line { position: static; width: 100%; } .item-a .price, .item-a .no { width: 50%; } .item-a .price, .item-a .no { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } .item-a .remove-btn { top: 20px; right: 10px; margin-top: 0; } .module-catalog { } .module-catalog .catalog-products .product-a, .catalog-products .product-a { width: 50%; } .module-categories { } .module-categories .header-a { cursor: pointer; } .module-categories .header-a:before { visibility: visible; opacity: 1; } .categories-active .module-categories .header-a:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .module-description { } .module-description h1, .module-description h2, .module-description h3, .module-description h4, .module-description h5, .module-description h6 { font-size: 28px; } .module-gallery { } .module-gallery .main-pic figure { height: 280px; } .module-gallery .main-pic img { max-height: 280px; } .module-gallery .slick-arrow { display: none!important; } .module-newsletter { margin-bottom: 30px; padding-top: 30px; padding-bottom: 30px; } .module-newsletter > *, .module-newsletter figure { width: 100%; max-width: 100%; } .module-newsletter figure { text-align: center; } .module-newsletter figure img { width: auto; max-height: 200px; } .module-newsletter h1, .module-newsletter h2, .module-newsletter h3, .module-newsletter h4, .module-newsletter h5, .module-newsletter h6 { font-size: 28px; } .module-newsletter .promo { font-size: 48px; } .module-login { } .module-login > *, .module-login > *:first-child { width: 100%; padding-top: 0; padding-right: 0; } .module-login > *:first-child { margin-bottom: 20px; } .module-login input, .module-login button { max-width: 100%; } .module-login .box { max-width: 100%; } .module-quad { margin-bottom: 40px; padding-top: 3px; } .module-quad > * { width: 50%; } .module-products { margin-bottom: 15px; margin-left: 0; } .module-products, .module-products form { white-space: nowrap; overflow: hidden; overflow-x: auto; } .module-products, .module-products form { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .module-products .product-a, .module-a .module-products .product-a { width: 182px; margin-bottom: 15px; margin-right: 20px; border-left-width: 0; white-space: normal; } .module-products .product-a:last-child, .module-a .module-products .product-a:last-child { margin-right: 0; } .module-products .product-a figure, .module-a .module-products .product-a figure { width: 180px; } .module-tabs { } .module-tabs nav { font-size: 16px; } .content-tab { font-size: 14px; } .content-tab h1, .content-tab h2 { margin-bottom: 20px; font-size: 20px; } .content-tab h3, .content-tab h4, .content-tab h5, .content-tab h6 { margin-bottom: 15px; font-size: 18px; } .content-tab .code-a h1, .content-tab .code-a h2, .content-tab .code-a h3, .content-tab .code-a h4, .content-tab .code-a h5, .content-tab .code-a h6 { margin-bottom: 10px; font-size: 14px; } .content-tab .code-a figure { margin-top: 0; margin-bottom: 20px; } .content-tab figure { margin-top: 30px; margin-bottom: 35px; } .owl-dots { padding-top: 20px; } .owl-nav { } .owl-nav button.owl-prev { left: -18px; } .owl-nav button.owl-next { right: -18px; } .list-banners { display: none; margin-left: 0; } .list-banners.slide { display: block; } .list-banners li { width: 100%; margin-bottom: 0; border-left-width: 0; } .list-banners h1, .list-banners h2, .list-banners h3, .list-banners h4, .list-banners h5, .list-banners h6 { bottom: 0; left: 0; font-size: 16px; } .list-banners span { margin-bottom: 5px; font-size: 13px; } .list-news { } .list-news li { width: 50%; } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { font-size: 19px; } .list-news.is-slider li { width: 252px; } form { } input, select { height: 38px; } .form-footer.a { } .form-footer.a h1, .form-footer.a h2, .form-footer.a h3, .form-footer.a h4, .form-footer.a h5, .form-footer.a h6 { font-size: 18px; } .user-info .short { width: 100%; } #root .m60 { margin-bottom: 30px; } #root .tablet-hide, #root .mobile-only, .categories-active .module-categories .module-quad, #footer .toggle ul, #footer > div h1, #footer > div h2, #footer > div h3, #footer > div h4, #footer > div h5, #footer > div h6, #footer > .toggle ul { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .list-b, .list-banners .owl-nav, .module-categories .module-quad, .module-quad > *:before, #footer nav > *:before, #footer nav ul, #footer > div ul, #featured .owl-nav > button, .module-login > *:before, .module-cart .legend { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 31.25em) { /* 500 */ .module-catalog .catalog-products .product-a, .catalog-products .product-a { width: 100%; } .product-day .timer { padding-left: 0; } .product-day .timer > p { width: 100%; margin-left: 0; padding-right: 0; text-align: left; } .dodatkowe-strony .table-rwd td {width: 100%;display: block;text-align: left !important;} .dodatkowe-strony .table-rwd td div {text-align:left!important} .dodatkowe-strony input.text {width:auto!important; margin:4px 0} .list-news li { width: 100%; } .katalogi a {padding:6px 2px; display:inline-block} }