/* ========================================================================== MAIN ========================================================================== */ * { margin: 0; padding: 0;}*.cl{clear:both} a:focus {outline:none;} img {border: 0;} fieldset {border:0;} ul {list-style: none;} .clearfix:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 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%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, input, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {border:0pt none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0pt;outline-color:invert;outline-style:none;outline-width:0pt;padding:0pt; margin: 0;vertical-align:baseline;} body {color: #212121; font-family: 'Exo', sans-serif; font-size: 15px; font-weight: 400; background: #fff;} @-ms-viewport { width: device-width; } @viewport { width: device-width; } #nav { display: block; } .buttons { display: none!important; } .module-a, .module-filters, .module-filters * { box-sizing: border-box; } /*! Repeatable --------- */ .list-checks:after, .section-c ul:after, .similar-a:after, #nav:after, #nav ul:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after { content: "\00A0"; display: block; overflow: hidden; height: 0; clear: both; font-size: 0; } .slide-box a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 20; text-align: left; text-indent: -3000em; direction: ltr; } .list-checks a:before, .module-filters .title a:before, .module-filters .drop:before, .filter-a .box:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } .module-filters .title a:after, .list-checks a:after, .pagination-a .btn a:before, #mobile-bar a:before, #mobile ul > li > .toggle:before , #mobile .close a:before, #menu-icon:before, .shop-attributes div:before, .product-title span.promo:before, .submit-btn:before, .sort-form p:nth-child(2):before, .sort-btn:before, .search-btn:before, .attributes div:before, .header #mKoszyk:after, .header .account:after, .list-attrs .promo:before, .list-attrs .sale:before, .list-attrs .bestseller:before, .list-attrs .free-parcel:before, .list-attrs .new: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; } #mobile-bar:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; } .module-filters:hover .title a:before, .module-filters:hover .drop { visibility: visible; opacity: 1; } .module-filters .title a:before, .module-filters .drop, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } .filter-a a:hover { text-decoration: underline; } .list-attrs .bestseller:before, .header #mKoszyk:after { background: -webkit-linear-gradient(#f9c000, #f59d00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .list-attrs .sale:before { background: -webkit-linear-gradient(#f57a00, #f54000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .sort-btn, .search-btn, .banners .narrow.banner-1 div p a, .banners .narrow.banner-2 div p a, .slider-main .slide-1 .more span, .slider-main .slide-2 .more span, .slider-main .slide-3 .more span { background: linear-gradient(180deg, #f9c000 0%, #f59d00 100%); } .sort-btn:hover, .search-btn:hover, .banners .narrow.banner-1 div p a:hover, .banners .narrow.banner-2 div p a:hover, .slider-main .slide-box:hover .more span { background: linear-gradient(180deg, #f57a00 0%, #f54000 100%); } .submit-btn { background: linear-gradient(180deg, #88c824 0%, #679e0b 100%); } .product-title span.promo, .submit-btn:hover { background: linear-gradient(180deg, #f2562a 0%, #b71f00 100%); } .search-btn, .submit-btn, .sort-btn { position: relative; z-index: 2; height: 40px; border: 0; border-radius: 14px; color: #fff; font-family: 'Exo', sans-serif; cursor: pointer; } .search-btn { width: auto; padding: 0 45px 0 20px; text-align: left; text-transform: uppercase; } .search-btn:before { content: "\e90b"; left: auto; right: 0; width: 40px; color: #000; font-size: 23px; } .sort-btn { width: auto; padding: 0 45px 0 20px; text-align: left; text-transform: uppercase; } .sort-btn:before { content: "\e918"; left: auto; right: 0; width: 40px; color: #fff; font-size: 26px; } .submit-btn { width: auto; padding: 0 45px 0 20px; font-size: 15px; font-weight: 700; text-align: left; text-transform: uppercase; } .submit-btn:before { content: "\e906"; left: auto; right: 0; width: 45px; color: #fff; font-size: 22px; } #podpowiedzi {position: absolute; left:0px!important; top:98px!important; width: 100%; z-index: 999; background:#fff; border:1px solid #177800; visibility: hidden; border-radius: 14px; } .podmin {height:45px; line-height:45px; margin:auto; overflow:hidden; display:block; border-bottom:1px solid #dedede} .podmin:hover {background:#f2f4f3} .podminobr {float:left; margin-right:5px;} /* style /* --------------------------- */ .root {width: 100%; min-width: 320px; overflow: hidden;} .container { position: relative; z-index: 6; width: 1200px; margin: 0 auto;} a {color: #212121; text-decoration: none;} a:hover {color: #ff8c00; text-decoration: none;} .heading {padding: 38px 0 64px 0; margin: 0 0 16px 0; clear: both; background: url(../images/heading.webp) no-repeat center bottom; font-size: 27px; color: #4a5d6b; font-weight: 700; text-transform: uppercase; text-align: center;} #menu-icon { display: none; position: absolute; top: 85px; right: 0; z-index: 6; width: 60px; height: 70px; margin-bottom: 0; padding-top: 42px; color: #2b7a1d; font-size: 13px; text-align: center; font-weight: 700; cursor: pointer; } #menu-icon:before { content: '\e904'; top: 0; height: 52px; margin-top: 0; font-size: 30px; line-height: 1; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -320px; right: auto; top: 0; bottom: 0; z-index: 1220; width: 310px; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.25); background: #32393f; color: #fff; line-height: 1.3; } #mobile li.toggle > a { color: #fff; } #mobile ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } #mobile ul > li { position: relative; float: none; margin: 0; border-bottom: 1px solid #646975; font-size: 14px; color: #fff; } #mobile ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 15px 20px; background: #26282b; color: #fff; text-transform: none; text-decoration: none; line-height: 1.2; } /*#mobile ul > li > a { position: relative; z-index: 2; }*/ #mobile > ul > li > ul { display: none; background: #744d19; font-weight: 400; } #mobile .toggle > ul { display: block; } #mobile .sub > a { padding-right: 55px!important; } #mobile > ul > .sub.toggle > a { background: #de9200; } #mobile ul > li > .toggle { display: block; position: absolute; top: 0; right: 0; z-index: 20; width: 48px; height: 48px; background: rgba(0,0,0,.3); cursor: pointer; } #mobile ul > li > .toggle:before { content: "\e902"; font-size: 9px; color: #fff; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #mobile ul > .sub.toggle > .toggle { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } #mobile > ul > .toggle > ul > li > a { display: block; padding: 14.5px 40px 14.5px 30px; background: #a04400; color: #fff; } #mobile .sub > ul ul li a { display: block; padding: 14.5px 20px 14.5px 38px; } #mobile .sub > ul > li > ul { display: none; } #mobile .sub > ul .toggle > ul { display: block; } #mobile .toggle > ul li { border-color: #e38f1c; } #mobile .toggle > ul > li > ul > li a { background: #136c65; } #mobile .toggle > ul > li > ul > li { border-color: #55c5bd; } #mobile .clone-main a { background: #2c2f34; } #mobile .close { display: none!important; } #mobile .close a { position: relative; z-index: 2; height: 48px; padding: 0 60px 0 20px; background: #303234; color: #fff; } #mobile .close a:before { content: '\e915'; top: 0; left: auto; right: 0; width: 48px; height: 48px; margin-top: 0; background: #2c7e1e; font-size: 20px; } #shadow, .shadow { visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; z-index: 1100; width: 100%; height: 100%; background: rgba(0,0,0,.45); cursor: pointer; } .clone-brands { padding: 15px; } .clone-brands h3 { margin-bottom: 19px; color: #fff; font-size: 16px; font-weight: 400; } .clone-brands select { border: 0; background: #000; color: #fff; } #mobile-bar { position: fixed; bottom: -50px; left: 10px; right: 20px; z-index: 6; height: 45px; } #mobile-bar:before { border-top: 1px solid #ffb400; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); } #mobile-bar ul { margin: 0; padding: 0; width: 100% } #mobile-bar a { display: block; position: relative; z-index: 2; width: 45px; height: 45px; color: #ffb400; font-size: 24px; text-indent: -9999em; } #mobile-bar .home:before { content: '\e908'; } #mobile-bar .user:before { content: '\e907'; } #mobile-bar .fav:before { content: '\e90f'; } #mobile-bar .cart:before { content: '\e906'; } #mobile-bar .cart .no, #mobile-bar .fav .no { position: absolute; top: 2px; right: -2px; font-size: 15px; text-indent: 0; } #koszyk-info-pos {width:100%; margin:15px auto; text-align:center; background:#e84200; font-size:18px} #koszyk-info { padding:10px 20px; color:#fff} #koszyk-info b {color:#000; font-weight:700} .minikoszyk {font-size:11px; font-style: italic} /* header /* --------------------------- */ .header { position: relative; z-index: 8; margin: 0 0 26px 0; background: #f5f6f8 url(../images/header.webp) no-repeat center 0; border-bottom: 3px solid #177800;} .header > div {width: 1200px; margin: 0 auto; position: relative;} .header .logo {width: 290px; height: 64px; padding: 33px 0 65px 31px; display: block; text-align: center} .header .logo a {width: 290px; height: 100%; display: inline-block; background: url(../images/logo.webp) no-repeat; text-indent: -2000em;} .header #mKoszyk {width: 87px; height: 108px; padding: 0; position: absolute; top: 5px; right: 132px; overflow: hidden; border: 3px solid transparent; border-radius: 10px;} .header #mKoszyk:after { content: "\e906"; position: absolute; top: 40px; left: 23px; width: 44px; height: 100%; margin-top: 0; font-size: 40px; line-height: 1; } .header #mKoszyk:hover {padding: 0 132px 0 0; right: 0; background: #fdfdfe; border: 3px solid #e9e9ee; z-index: 10;} .header > div > #mKoszyk > span {padding: 10px 0 0 20px; display: block; font-size: 15px; font-weight: 700;} .header #mKoszyk small {height: 24px; line-height: 24px; padding: 0 7px; display: inline-block; position: absolute; top: 35px; left: 49px; z-index: 10; background: #62a716; border: 3px solid #fff; border-radius: 20px; font-size: 15px; color: #fff; font-weight: 700; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1;} .header #mKoszyk:hover small { opacity: 0;} .header #mKoszyk ul {width: 99px; position: absolute; top: -25px; right: -99px; opacity: 0; position: relative; background: #fdfdfe; font-size: 15px; font-weight: 400; z-index: 2;} .header #mKoszyk:hover ul {opacity: 1;} .header #mKoszyk ul li {padding: 0 0 5px 0; text-align: center;} .header #mKoszyk ul li strong {font-size: 23px; font-weight: 700;} .header #mKoszyk ul li a {width: 99px; height: 108px; padding: 0 0 0 87px; position: absolute; top: 0; left: -87px; display: block;} .header #mKoszyk ul li span {height: 40px; line-height: 40px; margin: 40px 0 0 0; display: block; background: linear-gradient(180deg, #f9c000 0%, #f59d00 100%); border-radius: 10px; font-size: 20px; color: #e9e8e6; font-weight: bold; text-align: center;} .header #mKoszyk ul li span:hover {background: #000;} .header .account {width: 129px; height: 108px; position: absolute; top: 5px; right: 0; border: 3px solid transparent; border-radius: 10px;} .header .account .login-btn {display: none;} .header .account:after { content: "\e91a"; top: 50px; margin-top: 0; font-size: 40px; } .header .account:hover {background: #fdfdfe; border: 3px solid #177800;} .header .account span {padding: 10px 0 0 20px; display: block; font-size: 15px; font-weight: 700;} .header .account ul {padding: 19px 0 0 20px; opacity: 0; position: relative; background: #fdfdfe; font-size: 14px; font-weight: 400; z-index: 2;} .header .account:hover ul {opacity: 1;} /* search /* --------------------------- */ .search {width: 45%; padding: 4px; position: absolute; top: 45px; right: 246px; background: #fff; border: 3px solid #177800; border-radius: 14px;} .search label {position: absolute; top: -25px; left: 22px; font-size: 15px; font-weight: 700;} .search .text {width: 72%; padding: 0 4%; height: 40px; float: left; font-size: 14px; color: #222; font-weight: 700; border:0px!important} /* main menu /* --------------------------- */ .main-menu {position: absolute; top: 125px; right: 0;} .main-menu ul li {padding: 0 21px; float: left; font-size: 15px; font-weight: 400;} .main-menu ul li.active a {color: #ff8c00;} /* menu /* --------------------------- */ #nav { clear: both; padding: 4px 0 0 0; position: relative; z-index: 3; background: #fff; border-radius: 15px; box-shadow: 0 0 7px #d4d8db; } #nav > ul > li {position: relative; z-index: 10; float: left; font-size: 14px; text-transform: uppercase;} #nav > ul > li > a {height: 52px; line-height: 47px; padding: 0 10px; display: block; border-top: 3px solid transparent; border-left: 3px solid transparent; border-right: 3px solid transparent; color: #4d4d4d; font-weight: 600; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;} #nav > ul > li.sub > a {border-top: 3px solid transparent; border-left: 3px solid transparent; border-right: 3px solid transparent; position: relative; z-index: 9999;} #nav > ul > li.sub:hover > a {background: #fff; border-top: 3px solid #177800; border-left: 3px solid #177800; border-right: 3px solid #177800;} #nav > ul > li.sub:hover > a {color: #177800;} #nav > ul > li > ul { width: 490px; position: absolute; top: 52px; left: 0; z-index: 9998; clear: both; } #nav > ul > li.wide > ul { width: 1000px; } #nav > ul > li.wide > ul, #nav > ul > li.wide > ul * { box-sizing: border-box; } #nav > ul > li.wide > ul > li { width: 25%; padding: 3px 0; } #nav > ul > li > ul { padding: 15px 0 10px; background: #fff; border: 3px solid #177800; box-shadow: 0 3px 3px #e8dcbe; color: #000; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-topleft: 0; border-radius: 10px; border-top-left-radius: 0; } #nav > ul > li > ul { display: none; } /*#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; pointer-events: none; }*/ /*#nav > ul > li:hover > ul { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; }*/ #nav > ul > li:hover > ul { display: block; } #nav > ul > li:nth-child(6) > ul, #nav > ul > li:nth-child(7) > ul, #nav > ul > li:nth-child(8) > ul, #nav > ul > li:nth-child(9) > ul {left: auto; right: 0;} #nav > ul > li:nth-child(6) > ul, #nav > ul > li:nth-child(7) > ul, #nav > ul > li:nth-child(8) > ul, #nav > ul > li:nth-child(9) > ul {-webkit-border-radius: 10px; -webkit-border-top-right-radius: 0; -moz-border-radius: 10px; -moz-border-radius-topright: 0; border-radius: 10px; border-top-right-radius: 0;} #nav > ul > li > ul {padding: 15px;} #nav > ul > li > ul > li {width: 47%; padding: 2px 0 2px 3%; float: left;} #nav > ul > li > ul > li a {background: #fff!important; color: #212121!important; text-decoration: none;} #nav > ul > li > ul > li a:before {content: "- ";} #nav > ul > li > ul > li a:hover,#nav > ul > li > ul > li.active a {color: #177800!important;} #nav > ul > li > ul .active a {color: #212121; text-decoration: none;} #nav > ul > li > ul { transition: all .4s linear; -webkit-transition-delay: -.1s; } /* brands /* --------------------------- */ .brands-ico {height: 36px; line-height: 36px; padding: 0 7px 0 25px; display: inline-block; position: absolute; top: 20px; left: 48px; z-index: 10; background: url(../images/green.webp); font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; cursor: pointer;} .brands-ico:after {width: 53px; height: 36px; position: absolute; top: 0; right: -53px; content: ""; background: url(../images/green-2.webp);} .brands {width: 98%; position: absolute; top: 201px; left: 0; z-index: 2;} .brands div {height: 0; overflow: hidden; opacity: 0;} .brands.show div {height: auto; overflow: visible; opacity: 1;} .brands.show .brands-ico {display: none;} .brands > div > span {width: 15px; height: 15px; line-height: 15px; position: absolute; top: 30px; right: 10px; background: #ed2643; font-size: 13px; color: #fff; font-weight: 700; text-align: center; cursor: pointer;} .brands > div > span:hover {background: #7dc232;} .brands h3 {padding: 0 0 8px 29px; position: absolute; top: 38px; left: 0; display: inline-block; border-bottom: 2px solid #ffa60b; font-size: 14px; color: #7dc232; font-weight: 600;} .brands ul {padding: 38px 0 15px 15%; font-size: 14px; font-weight: 400; background: #fff; -moz-box-shadow: 0 0 10px #c9c9c9; -webkit-box-shadow: 0 0 10px #c9c9c9; box-shadow: 0 0 10px #c9c9c9; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;} .brands ul li {width: 21%; padding: 0 1% 7px 3%; float: left;} .brands ul li.active a {color: #ffab21;} /* brands logos /* --------------------------- */ .brands-logos {padding: 47px 0 15px 0;} .brands-logos figure { height: 80px; } .brands-logos img {width: auto!important; margin: 0 auto;} /* section a /* --------------------------- */ .section-a {min-height: 210px; position: relative; background: url(../images/bg-2.webp) no-repeat 0 0; border-radius: 15px;} .section-a .shipping {width: 412px; min-height: 178px; padding: 0 15px 0 18px; position: absolute; top: 15px; right: 15px; background: #fff; border-radius: 16px;-webkit-box-shadow: inset 0px 7px 16px -8px rgba(140,140,140,1);-moz-box-shadow: inset 0px 7px 16px -8px rgba(140,140,140,1);box-shadow: inset 0px 7px 16px -8px rgba(140,140,140,1);} .section-a .shipping h3 {padding: 23px 0 35px 0; font-size: 25px; font-weight: 300;} .section-a .shipping ul {font-size: 0;} .section-a .shipping ul li {float: left;} .section-a .shipping ul li span {height: 50px; display: block; text-indent: -9999em;} .section-a .shipping ul li .pp {width: 205px; background: url(../images/shipping-1.webp);} .section-a .shipping ul li .dpd {width: 76px; background: url(../images/shipping-2.webp);} .section-a .shipping ul li .pacz {width: 50px; background: url(../images/shipping-3.webp);} .section-a .shipping ul li .inp {width: 78px; background: url(../images/shipping-4.webp);} /* newsletter /* --------------------------- */ .newsletter {width: 100%; max-width: 509px; padding: 33px 0 0 16px;} .newsletter h3 {padding: 0 0 16px 20px; font-size: 25px; font-weight: 500;} .newsletter p {padding: 0 0 16px 20px; font-size: 14px;} .newsletter .inputs {padding: 3px 1%; position: relative; background: #fff; border: 2px solid #e1e1e8; border-radius: 16px;} .newsletter .inputs .tx {width: 52%; height: 40px; padding: 0 3%; float: left; background: none; font-size: 15px; color: #222; font-weight: 700; } .newsletter .inputs .remove-btn {width: 15%; height: 40px; margin: 0 1% 0 0; float: right; background: #e1ded4; border-radius: 16px; font-size: 17px; color: #222; font-weight: 600; cursor: pointer;} .newsletter .inputs .remove-btn:hover {background: #7c8b9c; color: #fff;} .newsletter .inputs .go {width: 22%; height: 40px; margin: 0 1px 0 0; float: right; background: linear-gradient(180deg, #f9c000 0%, #f59d00 100%); border-radius: 16px; font-size: 17px; color: #e9e8e6; font-weight: 600; cursor: pointer;} .newsletter .inputs .go:hover {background: #d31f1f;} /* section b /* --------------------------- */ .section-b {padding: 33px 0 30px 0;} .section-b > div {width: 27%; float: left;} .section-b > div:nth-child(2) {width: 46%; min-height: 871px; float: left; background: url(../images/bg-1.webp) no-repeat center 0;} .section-b > div > h3 {padding-top: 69px; padding-bottom: 10px; font-size: 25px; font-weight: 300; text-align: center;} .section-b > div > ul > li {padding: 20px 0; border-bottom: 1px solid #e9e9ee;} .section-b > div > ul > li > figure {width: 25%; float: left; text-align: center; overflow: hidden;} .section-b > div > ul > li > figure > a > img {-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} .section-b > div > ul > li:hover > figure > a > img {-webkit-transform:scale(1.12, 1.12);-moz-transform:scale(1.12, 1.12);-ms-transform:scale(1.12, 1.12);-o-transform:scale(1.12, 1.12);transform:scale(1.12, 1.12);} .section-b > div > ul > li > div {width: 63%; padding: 0 5% 0 2%; float: left;} .section-b > div > ul > li > div > h2 {line-height: 20px; margin: 0 0 13px 0; font-size: 13px; font-weight: 300;} .section-b > div > ul > li > div > h2 a {display: block;} .section-b > div > ul > li > div > p {font-size: 17px; color: #177800; font-weight: 700;} .section-b > div > ul > li > div > p b {color: #c70c0c;} .section-b > div > ul > li > div > p small {display: inline-block; padding: 0 0 0 10px; font-size: 15px; color: #212121; font-weight: 300; text-decoration: line-through;} .section-b > div:nth-child(2) {width: 46%; float: left;} .section-b > div:nth-child(2) > .title {padding-left: 40px; padding-top: 69px; padding-bottom: 10px; font-size: 29px; color: #fff; font-weight: 700; text-align: center;} .section-b > div:nth-child(2) > div {width: 65%; max-width: 371px; padding: 75px 20px 0 10%; text-align: center;} .section-b > div:nth-child(2) > div > figure {padding: 0 0 5px 0; overflow: hidden;} .section-b > div:nth-child(2) > div > figure img {-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} .section-b > div:nth-child(2) > div:hover > figure img {-webkit-transform:scale(1.12, 1.12);-moz-transform:scale(1.12, 1.12);-ms-transform:scale(1.12, 1.12);-o-transform:scale(1.12, 1.12);transform:scale(1.12, 1.12);} .section-b > div:nth-child(2) > div > h2 {height: 60px; line-height: 20px; overflow: hidden; font-size: 15px; font-weight: 300;} .section-b > div:nth-child(2) > div > h2 a {display: block;} .section-b > div:nth-child(2) > div > p {padding: 22px 0 0 0; font-size: 28px; color: #177800; font-weight: 700;} /* section c /* --------------------------- */ .section-c {margin: 30px 0 30px 0; position: relative; border: 2px solid #e9e9ee; border-radius: 15px; text-align: center;} .section-c h3 {padding: 0 0 20px 0; display: inline-block; position: relative; top: -17px; background: #fff; font-size: 25px; font-weight: 300;} .section-c h3:before {width: 33px; height: 100%; position: absolute; top: 0; left: -33px; content: ""; background: #fff;} .section-c h3:after {width: 33px; height: 100%; position: absolute; top: 0; right: -33px; content: ""; background: #fff;} .section-c ul {padding: 0 0 28px 0; font-size: 0; text-align: center;} .section-c ul li {padding: 13px; margin: 0 9px 9px 9px; display: inline-block; border: 2px solid #e9e9ee; border-radius: 15px;} .section-c ul li:hover {border: 2px solid #d4d4dc; -moz-box-shadow: 0 0 8px #d4d4dc; -webkit-box-shadow: 0 0 8px #d4d4dc; box-shadow: 0 0 8px #d4d4dc;} .section-c ul li img { width: auto; max-height: 105px; -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} .section-c ul li:hover img {-webkit-transform:scale(1.12, 1.12);-moz-transform:scale(1.12, 1.12);-ms-transform:scale(1.12, 1.12);-o-transform:scale(1.12, 1.12);transform:scale(1.12, 1.12);} .section-c ul li.wpis_blog {width:25%} .section-c ul li.wpis_blog figure { overflow: hidden; } .section-c ul li.wpis_blog figure img { width: auto; max-height: 200px!important;} .section-c ul li.wpis_blog h4 {font-size:16px; font-weight:400; margin-top:15px;} .section-c ul li.wpis_blog p {font-size:13px; margin:8px 0;} .section-bl {margin: 30px 0 30px 0; position: relative; text-align: center;} .blog_wpis_txt p {line-height:20px; margin-bottom:10px} .blog_wpis_txt ul {list-style:disc; padding-left:20px; margin-top:10px} .blog_wpis_txt ul li {list-style:disc;} .blog_wpis_txt strong {font-weight:600} .blog_wpis_txt a {color:#ff8c00; text-decoration:underline} .blog_wpis_txt a:hover {text-decoration:none} .section-bl ul {padding: 0 0 28px 0; font-size: 0; text-align: center;} .section-bl ul li {padding: 13px; margin: 0 9px 9px 9px; display: inline-block; border: 2px solid #e9e9ee; border-radius: 15px;} .section-bl ul li:hover {border: 2px solid #d4d4dc; -moz-box-shadow: 0 0 8px #d4d4dc; -webkit-box-shadow: 0 0 8px #d4d4dc; box-shadow: 0 0 8px #d4d4dc;} .section-bl ul li img {max-height: 105px; -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} .section-bl ul li:hover img {-webkit-transform:scale(1.12, 1.12);-moz-transform:scale(1.12, 1.12);-ms-transform:scale(1.12, 1.12);-o-transform:scale(1.12, 1.12);transform:scale(1.12, 1.12);} .section-bl ul li.wpis_blog {width:25%} .section-bl ul li.wpis_blog figure { overflow: hidden; } .section-bl ul li.wpis_blog figure img { width: auto; max-height: 200px!important;} .section-bl ul li.wpis_blog h4 {font-size:16px; font-weight:400; margin-top:15px;} .section-bl ul li.wpis_blog p {font-size:13px; margin:8px 0;} .section-list-cat {margin: 30px 0 30px 0; border: 2px solid #e9e9ee; border-radius: 15px; } .section-list-cat nav {max-width: 1200px; margin: 0 auto;} .section-list-cat div { display:block;} .section-list-cat div h3 { padding:25px 15px;} .section-list-cat li {display: inline-block;} .section-list-cat a {padding: 13px; margin: 0 9px 9px 9px; display: inline-block; border: 2px solid #e9e9ee; border-radius: 15px; width:auto} .section-list-cat a:hover {padding: 13px; margin: 0 9px 9px 9px; display: inline-block; border: 2px solid #ff8c00; border-radius: 15px; width:auto} /* footer /* --------------------------- */ .footer {background: url(../images/footer.webp); border-top: 5px solid #e6e7e9;} .footer nav,.footer > div {width: 1200px; margin: 0 auto;} .footer nav {padding: 28px 0;} .footer nav div {width: 25%; min-height: 222px; padding: 0 2% 0 4%; float: left; border-right: 1px solid #d8d8dd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .footer nav div:last-child {padding: 0 0 0 4%; border-right: 0;} .footer nav div h3 {padding: 22px 0 30px 0; font-size: 22px; font-weight: 300;} .footer nav div ul li {padding: 5px 0 4px 0; font-size: 16px;} .footer nav div ul li.active a {color: #ff8c00;} .footer nav div h4 {padding: 22px 0 30px 0; font-size: 22px; font-weight: 600;} .footer nav div:last-child ul li {padding: 3px 0;} .footer nav div:last-child ul li span {font-size: 20px; font-weight: 500;} .footer nav div:last-child ul li a {color: #ff8c00; text-decoration: underline;} .footer nav div:last-child ul li a:hover {text-decoration: none;} .footer > div {padding: 24px 0 100px 0; border-top: 1px solid #d8d8dd; font-size: 16px;} .footer > div > p {padding: 0 0 0 40px; float: left;} /* navi /* --------------------------- */ .navi {padding: 0 22px 14px 22px; border-bottom: 1px solid #ebebeb; font-size: 15px;} .navi li {float: left; padding: 0 15px 0 0; background: url(../images/arrow.webp) no-repeat right 2px;} .navi li:last-child {background: none;} /* ========================================================================== MAIN PAGE ========================================================================== */ .naglowek-h1 {margin:0 auto; text-align:center; width:100%; padding:10px 20px 20px 20px; box-sizing: border-box; } .naglowek-h1 h1 {font-size:17px;} /* banners /* --------------------------- */ .banners {position: relative; z-index: 1;} .banners .narrow {width: 23%; height: 402px; margin: 0 0 30px 0; float: left; border-radius: 15px;} .banners .narrow.banner-1 {position: absolute; top: 0; left: 0; background: url(../images/banner-1.webp);} .banners .narrow.banner-1 div {line-height: 25px; padding: 220px 0 0 20px; position: relative; z-index: 10;} .banners .narrow.banner-1 div .ttitle {position: relative!important; top: auto!important; left: auto!important; z-index: 10; font-size: 24px; font-weight: 400;} .banners .narrow.banner-1 div .ttitle span {color: #7dc232; font-weight: 700;} .banners .narrow.banner-1 div p {position: absolute; top: 220px; left: 53%; z-index: 10;} .banners .narrow.banner-1 div p a {height: 40px; line-height: 40px; padding: 0 30px; display: inline-block; border-radius: 16px; font-size: 17px; color: #e9e8e6; font-weight: 600; cursor: pointer; text-align: center;} .banners .narrow.banner-2 {float: right; background: url(../images/banner-2.webp); color: #000;} .banners .narrow.banner-2 div {line-height: 25px; padding: 70px 0 0 38px; position: relative;} .banners .narrow.banner-2 div .ttitle {position: relative!important; top: auto!important; left: auto!important; font-size: 24px; font-weight: 400;} .banners .narrow.banner-2 div p {width: 100%; position: absolute; top: 221px; left: 38px;} .banners .narrow.banner-2 div p a {height: 40px; line-height: 40px; padding: 0 30px; display: inline-block; border-radius: 16px; font-size: 17px; color: #e9e8e6; font-weight: 600; cursor: pointer; text-align: center;} /* attributes /* --------------------------- */ .attributes {padding: 10px 0 0 0;} .attributes div { position: relative; z-index: 2; width: 25%; height: 175px; padding: 93px 13px 0 13px; margin: 0 0 51px 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .attributes div:before { top: 0; margin-top: 0; height: 60px; font-size: 60px; line-height: 1; } .attributes .title {padding: 0 5% 13px 5%; font-size: 22px; font-weight: 600;} .attributes div p {line-height: 14px; padding: 0 5%;} .attributes div strong {font-weight: 700;} .attributes div span {color: #1c5a0d; font-weight: 700;} .attributes div a {font-weight: 700; color: #741300; text-decoration: underline;} .attributes div a:hover {color: #7dc232;} .attributes .box-1:before { content: "\e90d"; } .attributes .box-2:before { content: "\e90c"; font-size: 77px; } .attributes .box-3:before { content: "\e918"; font-size: 68px; } .attributes .box-4:before { content: "\e927"; } .attributes .box-5:before { content: "\e910"; top: auto; bottom: 0; font-size: 80px; } .attributes .box-5 {padding: 0 13px 0 13px; } .attributes .img-box {height: 200px; padding:0 10px 0 0;} .attributes .img-box img {max-width: 100%;} /* slide /* --------------------------- */ .slider-main { display: block; width: 49%; margin: 0 2% 0 25%; float: left; position: relative; border-radius: 15px;} .slider-main .slide-box { overflow: hidden; position: relative; z-index: 2; height: 402px!important; padding: 0 0 30px 0; position: relative;} .slider-main .slide-box figure {height: 402px; border-radius: 15px; overflow: hidden;background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;} .slider-main .slide-1 div {width: 100%; line-height: 25px; padding: 75px 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; color: #fff;} .slider-main .slide-1 div:after {width: 400px; height: 366px; position: absolute; top: 63px; right: 0; content: ""; background: url(../images/ksylitol.webp);} .slider-main .slide-1 div .title {padding-left: 62px; font-size: 24px; font-weight: 400;} .slider-main .slide-1 div p {padding-left: 62px; font-size: 24px; font-weight: 700;} .slider-main .slide-1 div .more {width: 100%; position: absolute; top: 221px; left: 0; z-index: 2;} .slider-main .slide-1 div .more span {height: 40px; line-height: 40px; padding: 0 30px; display: inline-block; border-radius: 16px; font-size: 17px; color: #e9e8e6; font-weight: 600; cursor: pointer; text-align: center;} .slider-main .slide-2 div {width: 100%; line-height: 25px; padding: 75px 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; color: #fff;} .slider-main .slide-2 div:after {width: 400px; height: 366px; position: absolute; top: 63px; right: 0px; content: ""; background: url(../images/olej_kokosowy.webp) no-repeat;} .slider-main .slide-2 div .title {padding-left: 62px; font-size: 24px; font-weight: 400;} .slider-main .slide-2 div p {padding-left: 62px; font-size: 24px; font-weight: 700;} .slider-main .slide-2 div .more {width: 100%; position: absolute; top: 221px; left: 0; z-index: 2;} .slider-main .slide-2 div .more span {height: 40px; line-height: 40px; padding: 0 30px; display: inline-block; border-radius: 16px; font-size: 17px; color: #e9e8e6; font-weight: 600; cursor: pointer; text-align: center;} .slider-main .slide-3 div {width: 100%; line-height: 25px; padding: 75px 0 0 0; position: absolute; top: 0; bottom: 0; left: 0; color: #fff;} .slider-main .slide-3 div:after {width: 400px; height: 366px; position: absolute; top: 63px; right: 0px; content: ""; background: url(../images/witamina.webp) no-repeat;} .slider-main .slide-3 div .title {padding-left: 62px; font-size: 24px; font-weight: 400;} .slider-main .slide-3 div p {padding-left: 62px; font-size: 24px; font-weight: 700;} .slider-main .slide-3 div .more {width: 100%; position: absolute; top: 221px; left: 0; z-index: 2;} .slider-main .slide-box a { color: #fff; } .slider-main .slide-3 div .more span {height: 40px; line-height: 40px; padding: 0 30px; display: inline-block; border-radius: 16px; font-size: 17px; color: #e9e8e6; font-weight: 600; cursor: pointer; text-align: center;} .slider-main .slide-4 { } .slider-main .slide-4 div .title { opacity: 0; } .slider-main .slide-4 .more { display: none; } .slider-main .owl-controls {position: absolute; bottom: 40px; left: 0;} .slider-main .owl-controls .owl-dots {padding: 0 0 0 14px;} .slider-main .owl-controls .owl-dots .owl-dot {width: 19px; height: 19px; margin: 0 6px 0 0; float: left; background: #fff; border: 2px solid #f6aa2d; border-radius: 10px;} .slider-main .owl-controls .owl-dots .owl-dot.active {background: #89c648; border: 2px solid #fff;} .owl-carousel { position: absolute; top: -3000em; left: -3000em; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-nav { position: absolute; top: 50%; left: -18px; right: -18px; } .owl-nav button { position: absolute; top: 0; z-index: 2; min-width: 0; width: 48px; height: 48px; margin-top: -24px; padding: 0; box-shadow: none; border: 1px solid var(--clr-main); background: var(--bg); color: var(--clr-main); font-size: 16px; text-indent: -9999em; cursor: pointer; } [data-whatintent="mouse"] .owl-nav button:hover { border-color: var(--clr-third); color: var(--clr-third); } .owl-nav button:before { content: "\e905"; top: 0; height: 100%; } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-nav button.owl-next:before { content: "\e906"; } .owl-dots { position: absolute; left: 20px; bottom: 40px; } .owl-dots button { width: 19px; height: 19px; margin: 0 6px 0 0; float: left; background: #fff; border: 2px solid #f6aa2d; border-radius: 10px; } .owl-dots button.active { background: #89c648; border: 2px solid #fff; } /* tabs /* --------------------------- */ .tabs-container {clear: both;} .tabs {position: relative; text-align: center;} .main-page .tabs {text-align: left;} .tabs:before {width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; content: ""; background: #e7e9ec;} .tabs.subs:before {display: none;} .tabs li {padding: 0 18px; margin: 0 0 0 17px; display: inline-block; position: relative; z-index: 10; font-size: 0;} .tabs.subs li {padding: 0; margin: 0;} .tabs li a {line-height: 25px; padding: 0 18px 30px 18px; display: inline-block; position: relative; border-bottom: 3px solid transparent; font-size: 25px; font-weight: 300;} .tabs.subs li a {padding: 0 18px 12px 18px; font-size: 27px;} .tabs li a:hover {text-decoration: none; color: #177800;} .tabs-container .tabs li .active, .tabs-container .tabs .active a {border-bottom: 3px solid #177800; color: #177800; font-weight: 600;} .tabs-container .tabs li .active:after, .tabs-container .tabs .active a:after { position: absolute; bottom: -12px; right: -1px; content: ""; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #8fc63e; } .tabs-container .tabs.subs li .active:after, .tabs-container .tabs.subs .active a:after {right: 13px;} .tabs-container .tabs.subs a { padding-top: 9px; } .tabs-container .is-affixed ul { position: relative; z-index: 2; } .tabs-container .is-affixed .tabs.subs:before { content: ""; display: block!important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; z-index: 3; border-bottom: 3px solid #e7e9ec; background: #fff; } .tabs-container .inner-wrapper-sticky { width: 1200px!important; } .content-tab {padding: 0 0 15px 0;} .content-tab.rounded {padding: 55px 23px 0 23px; margin: -3px 0 30px 0; border: 3px solid #e7e9ec; border-radius: 15px;} .content-tab.rounded .text {line-height: 160%; font-size: 16px; text-align: justify} .content-tab.rounded .text p {padding: 0 0 40px 0;} .content-tab.rounded .text strong {font-weight: 700;} /* ========================================================================== CATALOG ========================================================================== */ .content-seo-cat {padding: 8px 22px; border-bottom: 1px solid #ebebeb; line-height:160%; text-align: justify; font-size: 16px;} .content-seo-cat h2 {font-size:19px; font-weight:600; margin:10px 0;} .content-seo-cat strong {font-weight:600;} .content-seo-cat a {color:#ff8c00; text-decoration:underline} .content-seo-cat a:hover {color:#7dc232; text-decoration:underline} /* styles /* --------------------------- */ .catalog {padding: 39px 0;} .catalog .product-a {width: 20%; padding: 10px; float: left; border-right: 1px solid #d8d8dd; border-bottom: 1px solid #d8d8dd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; position:relative} .catalog .product-a:nth-child(5n+7) {border-right: 0;} .catalog .product-a figure {padding: 0 0 5px 0; overflow: hidden; height:200px; } .catalog .product-a figure img {-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width:200px; height:auto} .catalog .product-a:hover figure img {-webkit-transform:scale(1.12, 1.12);-moz-transform:scale(1.12, 1.12);-ms-transform:scale(1.12, 1.12);-o-transform:scale(1.12, 1.12);transform:scale(1.12, 1.12);} .catalog .product-a h2 {height: 60px; line-height: 20px; overflow: hidden; font-size: 15px; font-weight: 300; margin-top:10px;} .catalog .product-a h2 a {display: block;} .catalog .product-a p {padding: 10px 0; font-size: 17px; color: #177800; font-weight: 700; text-align: center;} .catalog .product-a p b {color: #c70c0c; font-weight:bold} .catalog .product-a p small {display: inline-block; padding: 0 0 0 10px; font-size: 15px; color: #212121; font-weight: 300; text-decoration: line-through;} .catalog .product-a .basket { margin: 0 auto; } .catalog .product-a .basket .inputIlosc {margin-right:4px;text-align:center; padding:0 4px; height:40px; width:40px; border:1px solid #d6d6d6; border-radius: 13px; float:left;} .list-attrs { position: absolute; top: 5px; left: 5px; z-index: 2; font-size:13px; text-align:left; text-transform:uppercase; font-weight:600} .list-attrs > div { position: relative; z-index: 2; } .list-attrs span {padding-left:5px;} .list-attrs .promo {background:#c91616; color:#fff; padding: 5px 7px 3px 25px; border-radius:8px; line-height:20px; border:1px solid #c91616; margin:0 0 3px 0; align-items: center; display: flex; } .list-attrs .promo:before { content: "\e917"; width: 25px; font-size: 20px; } .list-attrs .sale {background:#ffffff; color:#c91616; padding: 5px 7px 3px 25px; border-radius:8px; line-height:20px; border:1px solid #c91616; margin:0 0 3px 0; align-items: center; display: flex; } .list-attrs .sale:before {content: "\e911"; width: 25px; font-size: 18px; } .list-attrs .new {background:#ffffff; color:#49731c; padding: 5px 7px 3px 25px; border-radius:8px; line-height:20px; border:1px solid #629f20; margin:0 0 3px 0; align-items: center; display: flex;} .list-attrs .new:before {content: "\e90a"; width: 25px; font-size: 18px; } .list-attrs .bestseller {background:#ffffff; color:#823400; padding: 5px 7px 3px 25px; border-radius:8px; line-height:20px; border:1px solid #823400; margin:0 0 3px 0; align-items: center; display: flex;} .list-attrs .bestseller:before {content: "\e90a"; width: 25px; font-size: 18px; } .list-attrs .free-parcel{background:#c91616; color:#ffffff; padding: 5px 7px 3px 25px; border-radius:8px; line-height:20px; border:1px solid #c91616; margin:0 0 3px 0; align-items: center; display: flex; } .list-attrs .free-parcel:before {content: "\e90e"; width: 25px; font-size: 18px; } .list-attrs .krotki-opisik {background:#c91616; color:#fff; padding: 5px 7px 3px 7px; border-radius:8px; line-height:16px; border:1px solid #c91616; margin:0 6px 3px 0; align-items: center; display: flex;} .list-attrs .krotki-opisik span {padding-left:0px} /* brands /* --------------------------- */ .brands-names {padding: 8px 22px; border-bottom: 1px solid #ebebeb; font-size: 0;} .brands-names span {line-height: 40px; padding: 0 20px 0 0; display: inline-block; font-size: 15px;} .brands-names div {display: inline-block;} .brands-names a {line-height: 38px; padding: 0 15px; display: inline-block; font-size: 15px; color: #000; font-weight: 400;} .brands-names a:hover {color: #89cc42;} .brands-names a b {line-height: 38px; padding: 0 17px; display: inline-block; border: 2px solid #dedede; border-radius: 10px; font-size: 15px; font-weight: 700; color: #7dc232;} /* sort /* --------------------------- */ .sort { position: relative; z-index: 10; padding: 15px 20px 0 20px; } .sort-form p {display: inline-block; position: relative; float: left;} .sort-form p label {height: 38px; line-height: 38px; display: inline-block; padding: 0 21px 0 0; font-size: 15px; font-weight: 700;} .sort-form p select {padding: 0 50px 0 0; position: relative; top: 50%; transform: translateY(-50%); background: none; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 15px; color: #526a7c; font-family: exo; font-weight: 300; cursor: pointer;} .sort-form p:nth-child(2) { position: relative; z-index: 2; height: 34px; padding: 0 0 0 7px; margin: 0 4px 0 0; border: 2px solid #dedede; border-radius: 10px;} .sort-form p:nth-child(2):before { content: "\e901"; top: 5px; left: auto; right: 5px; width: 25px; height: 25px; margin-top: 0; border-radius: 50%; background: #81c836; color: #fff; font-size: 12px; line-height: 29px; text-align: center; } .sort .pagination-a { margin-bottom: 15px;} /* pagination /* --------------------------- */ .pagination-a { margin: 0 -15px 26px; } .pagination-a > * { margin: 0 15px; } .pagination-a .title { margin-right: 10px; font-size: 16px; font-weight: 500; } .pagination-a div { height: 44px; padding: 6px; border: 1px solid #000; } .pagination-a input { max-width: 56px; height: 46px; padding: 0 5px; border: 1px solid #d3d4dc; border-radius: 13px; background: #fff; color: #999; font-size: 18px; text-align: center; } .pagination-a label { position: absolute; top: -3000em; left: -3000em; } .pagination-a .btn { } .pagination-a a { display: block; position: relative; z-index: 2; width: 32px; height: 30px; box-shadow: none; border: 0; color: #e7721c; font-size: 14px; text-indent: -9999em; } .pagination-a a:hover { color: #13cc00; } .pagination-a .btn.prev a:before { content: "\e902"; } .pagination-a .btn.next a:before { content: "\e903"; } /* ========================================================================== PRODUCT PAGE ========================================================================== */ /* styles /* --------------------------- */ .product-title {padding: 21px 160px 6px 24px; margin: 0 0 10px 0; position: relative; border-bottom: 3px solid #e7e9ec;} .product-title > * { margin-bottom: 10px; } .product-title h1 { font-size: 27px; font-weight: 600;} .product-title span.promo { position: absolute; top: 30px; right: 15px; z-index: 2; line-height: 40px; padding: 0 47px 0 18px; display: block; border-radius: 14px; font-size: 16px; color: #fff;} .product-title span.promo:before { content: "\e90d"; left: auto; right: 0; width: 50px; font-size: 23px; } .product-info {width: 72%; padding: 0 0 10px 0; float: right; } .product-info > figure {width: 55%; float: left; text-align: center; position: relative;} .product-info > figure a { display: block; height: 465px; } .product-info > figure img { width: auto!important; height: auto!important; max-height: 465px; } .product-info .column {width: 43%; padding: 30px 2px 0 0; float: left; text-align: right;} .product-info .column ul li {padding: 0 0 18px 0;} .product-info .column ul li a {font-weight: 700; color: #e84200; text-decoration: underline;} .product-info .column ul li a:hover {color: #7dc232;} .product-info .column ul li strong {font-weight: 700;} .product-info .column ul li span {color: #73ba27; font-weight: 700;} .product-info .column ul li .price {padding: 0 10px; display: inline-block; color: #73ba27; font-size: 27px;} .product-info .column ul li .price.promo {color: #c70c0c;} .product-info .column ul li small {font-size: 20px; text-decoration: line-through;} .product-info .column ul li img {margin: 0 0 0 10px;} .product-info .column .add-form {padding: 0 0 9px 0;} .product-info .column .add-form p {padding: 0 0 18px 0; position: relative;} .product-info .column .add-form .add-buttons {width: 340px; height: 54px; float: right;} .product-info .column .add-form p .more {width: 25px; height: 25px; line-height: 25px; position: absolute; top: 15px; right: 167px; display: block; border: 2px solid #73ba27; border-radius: 15px; font-weight: 700; text-align: center; cursor: pointer;} .product-info .column .add-form p .more span {width: 300px; padding: 12px 0; display: none; position: absolute; bottom: 35px; right: -94px; background: #212121; border-radius: 20px; font-size: 14px; color: #fff; font-weight: 300;} .product-info .column .add-form p .more:hover span {display: inline-block;} .product-info .column .add-form p .more span:after {width: 100%; height: 15px; content: ""; position: absolute; bottom: -15px; right: 0; background: url(../images/corner.webp) no-repeat 67% 0;} .product-info .column .add-form p .more span a {color: #e84200; text-decoration: underline;} .product-info .column .add-form p .more span a:hover {text-decoration: none;} .product-info .column .add-form p label {line-height: 54px; display: inline-block;} .product-info .column .add-form p .discount {width: 130px; height: 54px; line-height: 50px; padding: 0 10px; background: #fff; border: 2px solid #d6d6d6; border-radius: 13px; font-size: 17px; color: #83868b; font-weight: 700; text-align: center;} .product-info .column .add-form p .pInputIlosc {width: 47px!important; height: 54px; line-height: 50px; padding: 0 5px; margin: 0 10px; background: #fff; border: 2px solid #d6d6d6; border-radius: 13px; font-size: 17px; color: #83868b; font-weight: 700; text-align: center!important;} .product-info .column .add-form p span {float: left;} .product-info .column .add-form p span input {margin: 0;} .product-info .add-buttons .submit-btn { width: 100%; height: 54px; font-size: 20px; font-weight: 700; } .product-info .add-buttons .submit-btn:before { width: 60px; font-size: 29px; } .product-info > .column > p {clear: both;} .product-info > .column > p span {color: #177800; font-weight: 700;} .product-info .dostepna-ilosc { position: relative; z-index: 2; padding-right: 25px!important; } .product-info .dostepna-ilosc img { position: absolute; top: 0; right: 0; } .omnibus-price {color:#767676; margin-top:5px;} .omnibus-price span {color:#767676!important; font-weight:300!important; display:inline-block} .omni-calatog {color:#767676; margin:0 0 5px 0; font-size:12px; height:16px;} .omni-calatog span { display:inline-block} .other {padding: 0 0 50px 0;} .other h4 {padding: 0 0 40px 0; font-size: 27px; color: #177800; font-weight: 500; text-align: center;} .other .similar-a { } .other .product-b {width: 25%; padding: 10px 0; margin: 0 0 10px 0; float: left; border-right: 1px solid #e9e9ee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .other .product-b > figure {width: 30%; float: left; text-align: center; overflow: hidden;} .other .product-b > figure > a { } .other .product-b > figure > a > img { width: auto; height: auto; } .other .product-b > figure > a > img {-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;} .other .product-b:hover > figure > a > img {-webkit-transform:scale(1.12, 1.12);-moz-transform:scale(1.12, 1.12);-ms-transform:scale(1.12, 1.12);-o-transform:scale(1.12, 1.12);transform:scale(1.12, 1.12);} .other .product-b > div {width: 63%; padding: 0 5% 0 2%; float: left;} .other .product-b > div > h2 {line-height: 20px; margin: 0 0 13px 0; font-size: 13px; font-weight: 300;} .other .product-b > div > h2 a {display: block;} .other .product-b > div > p {font-size: 17px; color: #177800; font-weight: 700;} .other .product-b > div > p span {color: #c70c0c;} .other .product-b > div > p small {display: inline-block; padding: 0 0 0 10px; font-size: 15px; color: #212121; font-weight: 300; text-decoration: line-through;} .dodatkowe-podstrony{padding:15px 20px; line-height:24px;} .dodatkowe-podstrony strong { font-weight:bold;} .basket-title {padding: 21px 24px 16px 24px; margin: 0 0 10px 0; position: relative; border-bottom: 3px solid #e7e9ec;} .basket-title h2 {width: 80%; font-size: 23px; font-weight: 600;} .razemD {font-size: 21px; font-weight: 600;color:#177800} .razemK {font-size: 18px; font-weight: 600;color:#212121} .razemDK {font-size: 25px; font-weight: 600;color:#177800} .form-a {width: 90%; padding: 20px 0; margin: 0 auto; font-size: 15px; color: #4d4d4d;} .form-a h2 {padding: 0 0 10px 0; font-size: 22px; font-weight: normal;} .form-a h3 {padding: 0 0 10px 0; margin: 0 0 20px 0; font-size: 22px; font-weight: normal; text-align: center;} .form-a h4 {padding: 0 0 10px 0; margin: 0 0 0 20px; font-size: 22px; font-weight: normal;} .form-a a {color: #177800; text-decoration: none;} .form-a a:hover {text-decoration: underline;} .form-a .block-a {line-height: 25px; padding: 20px 10px; border: 1px solid #e7e9ec; text-align: center;} .form-a .block-a span {color: #177800; font-weight: bold;} .form-a .block-b {} .form-a .block-b .item {padding: 10px; position: relative; border-bottom: 1px solid #e7e9ec;} .form-a .block-b .picture {width: 25%; padding: 10px 1%; float: left; text-align: center;} .form-a .block-b .column {width: 59%; padding: 30px 1% 0 1%; float: left;} .form-a .block-b .column p {padding: 2px 0;} .form-a .block-b .column .pogrubienie a {font-size: 15px; color: #177800; font-weight: bold; text-decoration: none;} .form-a .block-b .column .pogrubienie a:hover {font-weight: bold; text-decoration: underline;} .form-a .block-b .column label {line-height: 34px; display: inline-block; font-size: 13px;} .form-a .block-b .column input {width: 30px; line-height: 32px; padding: 0 5px; margin: 0 15px 0 0; display: inline-block; border: 1px solid #e2e2e2; font-size: 14px; color: #595959; text-align: center;} .form-a .block-b .column span {line-height: 34px; display: inline-block;} .form-a .block-b .column strong {font-weight: bold;} .form-a .block-b .column span span {font-weight: bold; margin-left:15px;} .form-a .block-b .remove {position: absolute; top: 40%; right: 20px;} .form-a .block-b .remove a {width: 44px; height: 30px; display: block; background: url(../images/usun.gif); text-indent: -9999em;} .form-a .block-b .remove a:hover {background-position: 0 -30px;} .form-a .block-c {padding: 30px; font-size: 14px; text-align: right;} .form-a .block-c p {padding: 7px 0;} .form-a .block-c p span {font-size: 18px; color: #177800; font-weight: bold;} .form-a .block-c p input {padding: 6px 15px; margin: 0 0 0 10px; cursor: pointer;} .form-a .block-c p input:nth-child(1) {background: #cfd5dc; color: #72828f;} .form-a .block-c p input:nth-child(1):hover {background: #88bdea; color: #fff;} .form-a .block-c p input:nth-child(2) {background: #177800; color: #fff;} .form-a .block-c p input:nth-child(2):hover {background: #ff4800;} .form-a .block-c p a {font-size: 16px;} .form-a .block-d {padding: 20px 30px 10px 30px; margin: 0 0 15px 0; border: 1px solid #e7e9ec; position: relative;} .form-a .block-d ul {padding: 15px 0 0 0;} .form-a .block-d li {padding: 7px 0; position: relative; border-bottom: 1px solid #eaecee;} .form-a .block-d li input {display: none;} .form-a .block-d li input + label {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 0; cursor: pointer;} .form-a .block-d li input + span label {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 0; cursor: pointer;} .form-a .block-d li small {position: absolute; top: 7px; right: 25px; font-size: 14px;} .form-a .block-d li small strong {font-weight: 700;} .form-a .block-d li input:checked + label {background-position: 0 -100px; color: #41cf80;} .form-a .block-d li input:checked + span label {background-position: 0 -100px; color: ##177800;} .form-a .block-d li input:checked + label + small {font-weight: bold; color: #41cf80;} .form-a .block-d li input + strong {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 -100px; cursor: pointer; font-weight: 700;} .form-a .block-e {padding: 20px 30px 10px 30px; margin: 0 0 15px 0; border: 1px solid #e7e9ec; position: relative;} .form-a .block-e ul {padding: 15px 0 0 0;} .form-a .block-e li {padding: 7px 0 ; position: relative; border-bottom: 1px solid #e7e9ec;} .form-a .block-e li input {display: none;} .form-a .block-e li input + label {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 0; cursor: pointer;} .form-a .block-e li input + span label {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 0; cursor: pointer;} .form-a .block-e li input:checked + label {background-position: 0 -100px; color: #41cf80;} .form-a .block-e li input:checked + span label {background-position: 0 -100px; color: #41cf80;} .form-a .block-e li input + strong {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 -100px; cursor: pointer; font-weight: 700;} .form-a .block-e li small {position: absolute; top: 7px; right: 25px; font-size: 14px;} .form-a .block-e li small strong {font-weight: 700;} .form-a .block-e li small strong:before {content:"+"; font-size:17px} .form-a .block-f {padding: 0 30px 20px 30px; font-size: 14px; text-align: right;} .form-a .block-f li {padding: 3px 0;} .form-a .block-f li span {font-size: 17px;} .form-a .block-f li span strong{font-weight: 700;} .form-a .block-f li:last-child span {font-size: 22px; color: #177800; font-weight: bold;} .form-a .block-g {padding: 20px 30px 10px 30px; margin: 0 0 15px 0; border: 1px solid #41cf80; position: relative;} .form-a .block-g ul {padding: 15px 0 0 0;} .form-a .block-g li {padding: 0 0 14px 0;} .form-a .block-g li input {display: none;} .form-a .block-g li input + label {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 0; cursor: pointer;} .form-a .block-g li input + span label {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 0; cursor: pointer;} .form-a .block-g li input:checked + label {background-position: 0 -100px; color: #41cf80;} .form-a .block-g li input:checked + span label {background-position: 0 -100px; color: #41cf80;} .form-a .block-h {padding: 20px 30px 10px 30px; border: 1px solid #e7e9ec; position: relative;} .form-a .block-h p {padding: 0 0 11px 0;} .form-a .block-h p label {width: 50%!important; height: 30px; line-height: 30px; padding: 0 1% 0 0!important; display: block; float: left!important; text-align: right!important;} .form-a .block-h p label b {font-weight: bold} .form-a .block-h p input {width: 30%!important; height: 34px; padding: 0 1%; margin: 0!important; float: left!important; border: 1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; color: #69879c;} .form-a .block-h p .sel {width: 30%; height: 30px; line-height: 28px; padding: 0 1%; display: block; float: left; border: 1px solid #a8becd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .form-a .block-h p .sel select {width: 100%; background: none; border: 0; font-size: 13px; color: #69879c;} .form-a .block-h p .width-1 {width: 15%; margin: 0 1% 0 0;} .form-a .block-h p .width-2 {width: 6%;} .form-a .block-h p .width-3 {width: 6%;} .form-a .block-h p .width-4 {width: 12%; margin: 0 1% 0 0;} .form-a .block-h p .width-5 {width: 17%;} .form-a .block-h p .break {width: 2%; height: 30px; line-height: 30px; float: left; text-align: center;} .form-a .block-h div {padding: 25px 0; text-align: center;} .form-a .block-h div input + label {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 0; cursor: pointer;} .form-a .block-h div input:checked + label {background-position: 0 -100px; color: #48d07a;} .form-a .block-h p textarea {width: 96%; height: 90px; padding: 10px 2%; border: 1px solid #a8becd; resize: none; font-size: 13px; color: #69879c;} .form-a .block-h ul {padding: 15px 0 0 0;} .form-a .block-h li {padding: 0 0 14px 0;} .form-a .block-h li input {display: none;} .form-a .block-h li input + label {min-height: 20px; padding: 1px 0 0 35px; display: inline-block; background: url(../images/checkbox.webp) no-repeat 0 0; cursor: pointer;} .form-a .block-h li input:checked + label {background-position: 0 -100px; color: #41cf80;} .form-a .block-i {padding: 30px 10px; text-align: center;} .form-a .block-i input {padding: 7px 15px; background: #41cf80; font-size: 15px; color: #fff; cursor: pointer;} .form-a .block-i input:hover {background: #ff3600;} .form-a .block-b:after,.form-a .block-b .item:after,.form-a .block-h p:after{content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .form-a .block-d li input + label:hover,.form-a .block-e li input + label:hover,.form-a .block-g li input + label:hover {color: #ff0000; background-position: 0 -100px;} /* shop attributes /* --------------------------- */ .shop-attributes {width: 28%; float: right;} .shop-attributes div { position: relative; z-index: 2; padding: 18px 20px 18px 85px; border-bottom: 1px solid #c7c7c7;} .shop-attributes div:before { width: 85px; font-size: 35px; } .shop-attributes div:last-child {border-bottom: 0;} .shop-attributes div h3 {padding: 0 0 3px 0; font-size: 15px; font-weight: 600;} .shop-attributes div p {line-height: 14px;} .shop-attributes div span {color: #177800; font-weight: 500;} .shop-attributes div a {font-weight: 500; color: #e84200; text-decoration: underline;} .shop-attributes div a:hover {color: #7dc232;} .shop-attributes .box-1:before { content: "\e90d"; } .shop-attributes .box-2:before { content: "\e90c"; font-size: 47px; } .shop-attributes .box-3:before { content: "\e918"; font-size: 43px; } .shop-attributes .box-4:before { content: "\e910"; font-size: 42px; } .shop-attributes .box-5:before { content: "\e927"; } .shop-attributes .box-6 {background: url(../images/attr-6.webp) no-repeat 4px center;} /* ask /* --------------------------- */ .ask-container {padding: 10px 0 29px 0; clear: both;} .ask-container h3 {padding: 0 0 20px 0; font-size: 18px; color: #72cfe4; font-weight: 700;} .ask-form {padding: 0 0 0 2%; font-size: 14px; color: #83868b;} .ask-form .tx {height: 40px; line-height: 40px; padding: 0 5%; background: #fff; border: 1px solid #e2e2e2; color: #000;} .ask-form textarea {width: 96%; height: 110px; padding: 10px 1%; margin: 0 0 14px 0; background: #fff; border: 1px solid #e2e2e2; color: #000; resize: none;} .ask-form .line li {width: 32%; padding: 0 2% 0 0; float: left;} .ask-form .line li:last-child {width: 30%; padding: 0;} .ask-form .line li input {width: 90%;} .ask-form label {line-height: 42px; padding: 0 0 0 10px; display: block; font-size: 13px; color: #000;} .ask-form .verify {width: 98%; padding: 0; float: left;} .ask-form .verify label {display: inline-block; padding: 0 10px; float: left;} .ask-form .verify .tx {width: 100px; padding: 0 10px; margin: 0 7px 5px 0; float: left;} .ask-form .verify .image-code {display: inline-block; padding: 5px 15px 0 15px; float: left; margin: 0 0 5px 0;} .ask-form .verify .go {height: 43px; padding: 0 25px; display: inline-block; background: #7dc232; border: 1px solid #fff; font-size: 13px; color: #fff; font-weight: 700; text-transform: uppercase; cursor: pointer;} .ask-form .verify .go:hover {background: #000; border: 1px solid #000;} .pogrubienie { font-weight:bold} input.text, select {height: 40px; line-height: 40px; padding: 0 2px; background: #fff; border: 1px solid #e2e2e2; color: #000; margin:0px!important} textarea { line-height: 40px; padding: 0 2px; background: #fff; border: 1px solid #e2e2e2; color: #000;} input.buttones {height: 43px; padding: 0 5px; display: inline-block; background: #d5d6d6; border: 1px solid #fff; font-size: 13px; color: #727272; font-weight: 700; text-transform: uppercase; cursor: pointer;} input.buttones:hover {background: #177800; border: 1px solid #177800; color:#fff} input.button {height: 43px; padding: 0 5px; display: inline-block; background: #7dc232; border: 1px solid #fff; font-size: 13px; color: #fff; font-weight: 700; text-transform: uppercase; cursor: pointer;} input.button:hover {background: #ffa60b; border: 1px solid #ffa60b;} .dodatkowe-podstrony a {color:#db1400} .dodatkowe-podstrony a:hover {color:#73ba27; text-decoration:underline} .top-menu:after,.sub-menu-category .inside ul:after,.brands ul:after,.newsletter .inputs:after,.section-b:after,.section-b > div > ul > li:after,.footer nav:after,.footer > div:after,.banners:after,.tabs:after,.catalog:after,.content-tab:after,.pagination:after,.navi ul:after, .ask-container:after,.product-info .column .add-form p:after,.attributes:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .product-a label { position: absolute; top: -3000em; left: -3000em; } .list-attrs { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; } .module-a { } .module-a .product-info { width: 72%; } .module-a .shop-attributes { width: 28%; } /*! Modules --------- */ .module-filters { position: relative; z-index: 4; } .module-filters .title a { position: relative; z-index: 2; padding: 20px 30px 20px 20px; color: #000; font-size: 15px; font-weight: 700; } .module-filters .title a:before { top: -5px; box-shadow: 0 -5px 5px rgba(0,0,0,.1); border-radius: 10px 10px 0 0; background: #fff; } .module-filters .title a:after { content: "\e901"; left: auto; right: 0; width: 30px; font-size: 10px; } .module-filters:hover .title a:before { top: -10px; } .module-filters .drop { position: absolute; top: 100%; left: 0; width: 715px; padding: 20px; text-align: left; } .module-filters .drop { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; } .module-filters .drop:before { border-radius: 0 10px 10px 10px; box-shadow: 0 5px 15px rgba(0,0,0,.1); background: #fff; } .module-filters:hover .drop { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; } .filter-a { margin-left: -27px; font-size: 14px; } .filter-a .box { position: relative; z-index: 2; width: 50%; margin-bottom: 20px; padding-right: 33px; border-left: 27px solid rgba(0,0,0,0); } .filter-a .box:before { left: auto; right: 0; width: 1px; background: #e7e7e7; } .filter-a .box p { margin-bottom: 18px; color: #000; } .sort-price { width: 100%; margin-bottom: 35px; padding-left: 27px; line-height: 1.2; } .sort-price .title { position: relative; z-index: 2; width: 100%; margin-right: 12px; padding-bottom: 14px; font-weight: 700; } .sort-price p { margin-bottom: 8px; } .sort-price label { display: inline-block; margin-right: 15px; font-size: 14px; } .sort-price input { width: 120px; height: 45px; margin-right: 20px; padding-inline: 7px; border: 2px solid #dbdbdb; border-radius: 10px; background: #fff; color: #000; font-size: 16px; text-align: center; } .sort-price button { position: relative; z-index: 2; padding: 16px 25px; border: 0; border-radius: 10px; background: linear-gradient(180deg, #88c824 0%, #679e0b 100%); color: #fff; font-family: exo; font-size: 14px; font-weight: 700; cursor: pointer; } .sort-price button:hover { background: linear-gradient(180deg, #f2562a 0%, #b71f00 100%); } /*! Lists --------- */ .list-checks { overflow: hidden auto; max-height: 250px; margin-bottom: 7px; padding: 5px 0; line-height: 1.2; } .list-checks li { position: relative; z-index: 2; margin-bottom: 12px; padding-right: 10px; } .list-checks span { position: absolute; top: 0; right: 10px; } .list-checks a { position: relative; z-index: 2; padding-left: 30px; padding-right: 50px; color: #000; } .list-checks a:before { top: -1px; width: 15px; height: 15px; border: 2px solid #80c835; background: #fff; } .list-checks .fwachk a:before { background: #80c835; } .list-checks .fwachk a { color: #ff5500; } /*! Flexbox --------- */ .sort-price, .filter-a, .module-filters .title a, .catalog form, .similar-a form, .module-a, .product-info > figure a, .sort-form, .sort, .pagination-a, #mobile-bar ul, #mobile .close a:before, #mobile .close a, #menu-icon:before, .add-buttons, .catalog .basket, .header .search p, .brands-logos, .brands-logos figure { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sort-price, .filter-a, .catalog form, .similar-a form, .module-a, .sort-form, .sort, .pagination-a, #mobile-bar ul, .add-buttons, .catalog .basket, .header .search p { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .module-a { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .product-info > figure a, #mobile .close a:before, #menu-icon:before, .brands-logos, .brands-logos figure { -webkit-justify-content: center; justify-content: center; } .sort-form, .pagination-a { -webkit-justify-content: flex-end; justify-content: flex-end; } .sort, #mobile-bar ul { -webkit-justify-content: space-between; justify-content: space-between; } .sort-price, .module-filters .title a, .sort, .product-info > figure a, .sort-form, .pagination-a, #mobile-bar ul, #mobile .close a:before, #mobile .close a, #menu-icon:before, .brands-logos, .brands-logos figure { -webkit-align-items: center; align-items: center; } .add-buttons .trigger_action, .catalog .basket button, .header .search input { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .add-buttons .trigger_action, .catalog .basket button, .header .search input { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Helpers --------- */ .filter-a, .brands-logos > figure, .slider-main > .slide-box { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .drop .filter-a, .brands-logos > figure:nth-child(-n+8), .slider-main > .slide-box:first-child { position: relative; top: auto; left: auto; } .module-filters .title a:before, .module-filters .drop, #mobile, #shadow { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } .module-filters .title, .brands-logos.is-slider { display: block; } #accept-cookies-checkbox { background: #224208!important; font-weight: 700; } /*#tab2, #tab3, #tab4 { display: none; }*/ /*#cookies-message-container { display: none!important; }*/ /*! Fonts --------- */ @font-face{font-family:'Exo';font-style:normal;font-weight:300;src:local('Exo Light'),local('Exo-Light'),url('fonts/exo-300.woff2') format('woff2'),url('fonts/exo-300.woff') format('woff'),url('fonts/exo-300.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Exo';font-style:normal;font-weight:400;src:local('Exo Regular'),local('Exo-Regular'),url('fonts/exo-400.woff2') format('woff2'),url('fonts/exo-400.woff') format('woff'),url('fonts/exo-400.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Exo';font-style:normal;font-weight:500;src:local('Exo Medium'),local('Exo-Medium'),url('fonts/exo-500.woff2') format('woff2'),url('fonts/exo-500.woff') format('woff'),url('fonts/exo-500.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Exo';font-style:normal;font-weight:600;src:local('Exo SemiBold'),local('Exo-SemiBold'),url('fonts/exo-600.woff2') format('woff2'),url('fonts/exo-600.woff') format('woff'),url('fonts/exo-600.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Exo';font-style:normal;font-weight:700;src:local('Exo Bold'),local('Exo-Bold'),url('fonts/exo-700.woff2') format('woff2'),url('fonts/exo-700.woff') format('woff'),url('fonts/exo-700.ttf') format('truetype');font-display:fallback;} /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype');font-display:fallback; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before {content: "\e901";} .icon-arrow-left:before {content: "\e902";} .icon-arrow-right:before {content: "\e903";} .icon-arrow-up:before {content: "\e900";} .icon-arrow:before {content: "\e905";} .icon-box:before {content: "\e90e";} .icon-cart:before {content: "\e906";} .icon-check:before {content: "\e910";} .icon-clock:before {content: "\e927";} .icon-close:before {content: "\e915";} .icon-discount-coupon:before {content: "\e90d";} .icon-discount:before {content: "\e917";} .icon-double-arrow:before {content: "\e928"; } .icon-fire:before {content: "\e911";} .icon-heart:before {content: "\e90f";} .icon-home:before {content: "\e908";} .icon-mail:before {content: "\e909";} .icon-megaphone:before {content: "\e90a";} .icon-menu:before {content: "\e904";} .icon-minus:before {content: "\e914";} .icon-package:before {content: "\e919";} .icon-phone:before {content: "\e913";} .icon-plus:before {content: "\e912";} .icon-refresh:before {content: "\e918";} .icon-star:before {content: "\e916";} .icon-truck:before {content: "\e90c";} .icon-user:before {content: "\e907";} .icon-zoom:before {content: "\e90b";} .icon-lock:before {content: "\e91a"; } /*! Lib --------- */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* ========================================================================== RESPONSIVE ========================================================================== */ img, video, embed, object, table {max-width: 100%;} @-ms-viewport{width:device-width;} @media only screen and (max-width: 1300px) { .header > div,.container,.footer nav,.footer > div {width: 100%; max-width: 1200px;} } @media only screen and (max-width: 1220px) { .top-menu > li > a {padding: 0 4px; font-size: 13px;} .search {width: 40%;} .banners .narrow.banner-1 div {padding: 75px 0 0 43%;} .banners .narrow.banner-1 div p {left: 43%;} .pagination span {display: none;} .tabs-container .inner-wrapper-sticky { left: 0!important; width: 100%!important; } } @media only screen and (min-width: 1024px) { .brands {display: block!important;} } @media only screen and (max-width: 1023px) { .root { padding-bottom: 50px; } #menu-icon { display: block; } .menu-active #mobile { left: 0; } .menu-active #shadow { visibility: visible; opacity: 1; } #mobile-bar { bottom: 0; } .search-btn { display: block; width: 55px; padding: 0; text-indent: -9999em; } .search-btn:before { width: 55px; } .header .logo {padding: 10px 0 10px 31px;} .header #mKoszyk, .header .account, .header .top-menu, #nav ul, .main-menu { display: none!important; } #nav { height: 67px; border-radius: 0; } .slider-main .slide-box { height: auto!important; } .slider-main .slide-box figure { height: auto!important; background: none!important; } .slider-main .slide-box figure img { height: auto; width: 100%; } .search {width: auto; padding: 4px 1%; top: 92px; left: 15px; right: 60px; z-index: 10; display: block!important; } .search label {display: none;} .brands {width: 100%; position: relative; top: auto; left: auto;} .brands div {height: auto; opacity: 1;} .brands .brands-ico,.brands > div > span {display: none;} .brands h3 {width: 95%; padding: 0 0 8px 5%;} .brands ul {padding: 85px 0 10px 0;} .brands ul li {width: 21%;} .brands {display: none;} .brands-logos {padding: 15px 0;} .section-a {min-height: 0; background: #e6e6e6; border-radius: 0;} .newsletter {max-width: 100%; padding: 0;} .newsletter h3 {padding: 6px 20px; background: #406c11; border-bottom: 2px solid #fff; font-size: 17px; color: #fff; cursor: pointer;} .newsletter h3:hover,.newsletter h3.clicked {background: #000;} .newsletter div {padding: 20px;} .section-a .shipping {width: 100%; min-height: 0; padding: 0; position: relative; top: auto; right: auto; background: #fff; border-radius: 0;} .section-a .shipping h3 {padding: 6px 20px; background: #406c11; border-bottom: 2px solid #fff; color: #fff; font-size: 17px; font-weight: 500; cursor: pointer;} .section-a .shipping h3:hover,.section-a .shipping h3.clicked {background: #000;} .section-a .shipping ul {padding: 30px 10px; border-bottom: 3px solid #e6e6e6; text-align: center;} .section-a .shipping ul li {display: inline-block; float: none;} .section-b {padding: 0;} .section-b > div {width: 100%; float: none;} .section-b > div:nth-child(2) {width: 100%; min-height: 0; float: none; background: #fff;} .section-b h3,.section-b .title {padding: 6px 20px!important; background: #406c11; border-bottom: 2px solid #fff; font-size: 17px!important; color: #fff; font-weight: 500!important; cursor: pointer; text-align: left!important;} .section-b h3:hover,.section-b .title:hover,.section-b h3.clicked,.section-b .title.clicked {background: #000;} .section-b > div > ul {display: none;} .section-b > div:nth-child(2) {width: 100%; float: none;} .section-b > div:nth-child(2) > div {width: 90%; max-width: 90%; padding: 10px 5%; display: none;} .section-b > div:nth-child(2) > div > figure {padding: 0 0 5px 0; overflow: hidden;} .section-b > div:nth-child(2) > div > h2 {height: auto;} .section-b > div:nth-child(2) > div > p {padding: 17px 0;} .section-c {margin: 0; border: 0; border-radius: 0;} .section-a h3, .section-b h3, .section-b .title, .section-c h3, .footer h3 { position: relative; z-index: 2; } .section-c h3 { padding: 6px 20px; display: block; top: auto; background: #406c11; border-bottom: 2px solid #fff; font-size: 17px; font-weight: 500; color: #fff; cursor: pointer; text-align: left;} .section-a h3:before, .section-b h3:before, .section-b .title:before, .section-c h3:before, .footer h3:before { content: "\e901"; display: block; position: absolute; top: 50%; left: auto; right: 0; width: 30px; margin: -10px 0 0; background: none; font-size: 12px; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } .section-c h3:hover,.section-c h3.clicked {background: #000;} .section-c h3:after {display: none;} .section-c ul {padding: 20px 0; display: none;} h3.clicked:before, h4.clicked:before { content: "\e900"; } .section-bl {margin: 0; border: 0; border-radius: 0;} .section-bl ul {padding: 20px 0; display: none;} .footer {border-top: 0;} .footer nav {padding: 0;} .footer nav div {width: 100%; min-height: 0; padding: 0; float: none; border-right: 0;} .footer nav div:last-child {display: none;} .footer nav div h3 {padding: 6px 20px; display: block; top: auto; background: #406c11; border-bottom: 2px solid #fff; font-size: 17px; font-weight: 500; color: #fff; cursor: pointer; text-align: left;} .footer nav div h3:hover,.footer h3.clicked {background: #000;} .footer nav div ul li {padding: 0;border-bottom: 1px solid #eee;} .footer nav div ul li a {padding: 7px 10px; display: block;} .footer nav div ul li:hover a ,.footer nav div ul li.active a {background: #ffa02c; color: #fff;} .footer > div {padding: 10px 0; font-size: 13px;} .footer > div > p {padding: 0 0 0 10px; float: none;} .banners .narrow {display: none;} .slider-main {width: 100%; margin: 0; float: none;} .catalog .product-a {width: 33.33%;} .catalog .product-a:nth-child(5n+5) {border-right: 1px solid #d8d8dd;} .pagination {text-align: center;} .pagination .prev,.pagination .next,.pagination span,.pagination small {display: none;} .brands-names {padding: 0;} .brands-names span {line-height: 40px; padding: 0 20px; display: block; background: #7dc232; font-size: 17px; color: #fff; font-weight: 500; cursor: pointer;} .brands-names span:hover,.brands-names span.clicked {background: #000;} .brands-names div {padding: 5px 0; display: none;} .brands-names div a {margin: 0 5px 5px 0;} .other .product-b {width: 50%;} .product-info {width: 100%; padding: 0 0 10px 0; float: none;} .shop-attributes {width: 100%; padding: 20px 0; float: none; clear: both;} .attributes div {width: 50%;} .attributes .img-box {text-align: center;} .form-a .block-h h4 {margin: 0 0 20px 0;} .form-a .block-h p label {width: 100%!important; padding: 0!important; float: none!important; text-align: left!important;} .form-a .block-h p input {width: 100%!important; height: 30px!important; padding: 0 1%!important; float: none!important;} .form-a .block-h p .sel {width: 100%; height: 30px; line-height: 28px; padding: 0 1%; float: none;} .form-a .block-h p .width-1,.form-a .block-h p .width-2,.form-a .block-h p .width-3,.form-a .block-h p .width-4,.form-a .block-h p .width-5 {width: 100%; margin: 0 0 10px 0;} .form-a .block-h p .break {display: none;} #podpowiedzi {position: absolute; left:0px!important; top:248px!important; width: 100%; z-index: 999; background:#fff; border:1px solid #177800; visibility: hidden; border-radius: 14px; } .brands-logos > figure:nth-child(7), .brands-logos > figure:nth-child(8) { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .owl-dots { display: none; } .module-a { } .module-a .product-info, .module-a .shop-attributes { width: 100%; } } @media only screen and (max-width: 900px) { .brands-logos > figure:nth-child(4), .brands-logos > figure:nth-child(5), .brands-logos > figure:nth-child(6) { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } } @media only screen and (max-width: 768px) { .brands ul li {width: 46%;} .catalog .product-a {width: 50%;} .sort .pagination {padding: 20px 0 0 0; position: relative; top: auto; right: auto;} .ask-form .verify .tx {width: 90%; padding: 0 5%; margin: 0 0 5px 0; float: none;} .ask-form .verify .go {width: 100%; padding: 0;} .ask-form .line li {width: 98%!important; padding: 0; margin: 0 0 10px 0; float: none;} .product-info figure {width: 100%; float: none;} .product-info .column {width: 100%; padding: 30px 0 0 3%; float: none; text-align: left;} .product-info .column .add-form p .more {left: 167px; right: auto;} .product-info .column .add-form p span {float: left;} .product-info .column .add-form p .pInputIlosc {padding: 0 5%; margin: 0 10px 10px 10px;} .product-info .column .add-form .add-buttons {float: left;} .product-title { padding-right: 0; } .product-title span.promo { display: inline-block; position: relative; top: auto; right: auto; } .main-page .tabs li {padding: 0;} .main-page .tabs li a {padding: 0 3px 12px 3px; font-size: 15px;} .form-a .block-b .picture {display: none;} .form-a .block-b .column {width: 80%;} .brands-logos > figure:nth-child(6), .brands-logos > figure:nth-child(5), .brands-logos > figure:nth-child(4) { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .section-c { } .section-c ul, .section-c li { box-sizing: border-box; } .section-c ul li.wpis_blog { float: left; width: 48%; margin-inline: 1%; } .section-c li:nth-child(2n+1) { clear: left; } .module-filters { margin-left: -20px; } .filter-a .box { width: 100%; } .module-filters .drop { width: calc(100vw - 20px); } .filter-active .module-filters .drop { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; } .filter-active .module-filters .drop, .filter-active .module-filters .title a:before { visibility: visible!important; opacity: 1!important; } .module-filters:hover .drop, .module-filters:hover .title a:before { visibility: hidden; opacity: 0; } .filter-active .module-filters .title a:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } @media only screen and (max-width: 600px){ .sub-menu-category .inside ul li {width: 94%; padding: 2px 3%; float: none;} .search .text {width: 92%; float: none;} .search .go {width: 100%; float: none;} .newsletter .inputs .tx {width: 90%; padding: 0 5%; margin: 0 0 5px 0; float: none;} .newsletter .inputs .remove-btn {width: 100%; margin: 0 0 5px 0; float: none;} .newsletter .inputs .go {width: 100%; margin: 0 0 5px 0; float: none;} .sort-form p {padding: 0; margin: 10px 0 0 0; display: block; float: none;} .sort-form p .go {width: 100%;} .other .product-b {width: 100%; border-right: 0; border-bottom: 1px solid #e3e3e3;} .tabs.subs li a {font-size: 15px;} .attributes div {width: 100%;} .table-rwd td {display:block; text-align:left!important;} .table-rwd td div {text-align:left!important;} } @media only screen and (max-width: 480px){ .brands ul li {width: 96%;} .catalog .product-a {width: 100%;} .product-info .column .add-form p .pInputIlosc {margin: 0 10px 0 0;} .product-info .column .add-form p label {display: none;} .main-page .tabs li {margin: 0;} .brands-logos > figure:nth-child(3) { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .section-c ul li.wpis_blog { float: none; width: 98%; margin-inline: 1%; } .tabs.subs li a {padding: 0 5px 12px 5px; } } .site-error {background-color:#fff; padding:30px 30px 50px 30px; border-radius:10px; text-align:left;line-height:25px; } .site-error h1 {font-size:76px; line-height:76px; margin-bottom:40px;} .site-error p {line-height:25px;} .site-error ul {padding-left:20px; line0height:25px;} .site-error a {color: #ff8c00;}