/* ------------------------------------------- Name: ANGELA Date: 2020/10/01 Author: https://www.sucro.pl --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: #11bbed; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; } body { min-height: 100%; background: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: #595959; font-family: Roboto, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.31; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 21px; } h1, h2, h3, h4, h5, h6, legend { color: #494949; font-weight: 700; line-height: 1.2; } h1, h2 { font-size: 28px; } h1 { color: #11bbed; } h3, h4, h5, h6 { font-size: 18px; font-weight: 500; } a { background: none; color: #11bbed; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } ul, ol, dd, blockquote { padding-left: 20px; } /*! Repeatable --------- */ .module-blog:after, #nav .withsub-no > ul:after, .module-g:after, .module-aside:after, .nav-categories ul:after, .nav-categories:after, .product-b .col:after, .module-filters:after, .selected-filters:after, .module-about:after, .module-specification:after, .module-add .price:after, .module-add:after, .module-product:after, .page-navigation:after, .rating-b:after, .list-comments, .list-comments li:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, .module-s:after, .module-review:after, .cart-buttons:after, .payment-info:after, .wbox .inside:after, .module-items:after, .wbox:after, .box-doc:after, .list-doc:after, .list-summary:after, .cart-summary:after, .module-d:after, .heading-c:after, .box-a:after, .form-ask:after, .module-map:after, .form-footer:after, .module-c:after, .form-a:after, .heading-b:after, .module-b:after, .module-pattern > header:after, .module-pattern:after, .heading-a:after, .list-b:after, #footer > nav:after, #content:after, #top:after, #footer:after, form p:after, .double:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; } .list-checkbox a:before, .nav-categories a:before, .nav-categories li:before, .box-c:before, .product-a:before, .module-review:before, .steps a:before, .steps ul:before, .module-e:before, .list-select label:before, .list-doc label:before, .check-a label:before, .box-b:before, .form-footer .input:before, .form-a.b:before, .module-c:before, .module-b > *:before, .module-pattern:before, #nav:before, #nav .drop a:before, #nav > ul > .withsub:before, #nav > ul > .withsub:after, #nav > ul > li.withsub > a:before, .link-btn a:after, .link-btn a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } .module-a:before, .module-products:before, .module-products:after, .steps.scroll-to-fixed-fixed:before, #top:before, #panel:before, #footer > div:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; } .selected-filters h1:before, .selected-filters h2:before, .selected-filters h3:before, .selected-filters h4:before, .selected-filters h5:before, .selected-filters h6:before, .module-filters .title-a:before, .list-checkbox a:before, .list-filters a:before, .nav-subpage li:before, .module-add .add-btn button:before, .link-back a:before, .owl-nav button:before, .availability:before, .product-a .submit button:before, .list-sum .link-discount:before, .cart-buttons .print:before, .module-items .item .remove-btn a:after, .wbox .inside:before, .list-select label:before, .list-doc label:before, .check-a label:before, .form-footer .input:before, form-a.b:before, #mobile ul > li > .toggle:before, #menu-icon:before, #nav .drop ul ul li:before, #nav .drop .withsub-no > a:after, #nav > ul > li.withsub > a:after, #mKoszyk a:after, #mKoszyk a:before, .storebox a:before, .form-search button:before, #footer nav li:before, .link-btn a:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } .nav-categories a:before, .baner-a a:before, .baner-a a:after, .module-products:before { z-index: 8; } .list-logos .owl-dots, #featured .owl-dots { -webkit-transform: translateX(-50%); transform: translateX(-50%); } [data-whatintent="mouse"] .module-gallery:hover .slick-arrow, [data-whatintent="mouse"] #featured:hover .owl-nav { visibility: visible; opacity: 1; } .module-gallery .slick-arrow, #featured .owl-nav, .owl-nav.disabled, .owl-nav .disabled, .owl-dots.disabled, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } .list-blog figure img, #featured img, .baner-a img { display: block; position: relative; z-index: 1; width: 100% !important; } #mobile, #shadow { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .pagination .active a, .owl-dots button.active, .steps .active a, [disabled], .disabled { cursor: default; } .list-blog h1 a:hover, .list-blog h2 a:hover, .list-blog h3 a:hover, .list-blog h4 a:hover, .list-blog h5 a:hover, .list-blog h6 a:hover, [data-whatintent="mouse"] .nav-subpage a:hover, [data-whatintent="mouse"] .product-a a:hover, [data-whatintent="mouse"] .list-e .a a:hover, .cart-custom .check-a span, [data-whatintent="mouse"] .list-c.a a:hover, [data-whatintent="mouse"] #nav a:hover, [data-whatintent="mouse"] .list-contact a:hover, [data-whatintent="mouse"] #up a:hover, [data-whatintent="mouse"] #footer a:hover, a { text-decoration: underline; } .list-blog h1 a, .list-blog h2 a, .list-blog h3 a, .list-blog h4 a, .list-blog h5 a, .list-blog h6, .list-f a, .nav-categories a, .pagination a, .nav-subpage a, .link-back a, .page-navigation a, .product-a a, .list-e .a a, .steps a, .list-sum .link-discount, .cart-buttons button, .cart-buttons a, [data-whatintent="mouse"] .cart-custom .check-a span:hover, .list-c.a a, [data-whatintent="mouse"] #nav > ul > .withsub > a:hover, #nav a, .list-contact a, .list-social a, #mKoszyk a, .storebox a, #up a, [data-whatintent="mouse"] .list-social a:hover, [data-whatintent="mouse"] #footer .list-social a:hover, [data-whatintent="mouse"] #footer .link-btn a:hover, #footer a, .link-btn a, [data-whatintent="mouse"] a:hover { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding-top: 190px; } #top { position: absolute; top: 0; left: 50%; z-index: 9; width: 1300px; height: 190px; margin-left: -650px; font-size: 14px; } #logo { position: absolute; top: 62px; left: 9px; z-index: 9; width: 220px; height: 60px; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; background: url(../images/logo.png); text-indent: -3000em; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: #11bbed; color: #fff; font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #up { position: absolute; top: 24px; right: 19px; } #up > ul { list-style: none; margin: 0 -13px; padding: 0; line-height: 1.2; } #up > ul > li { margin-left: 13px; padding-right: 13px; } #up a { color: #595959; } [data-whatintent="mouse"] #up a:hover { color: #11bbed; } #links { position: absolute; top: 0; left: 19px; z-index: 2; height: 57px; } #links .list-social { margin: 0 -10px; font-size: 21px; } #links .list-social li { margin: 0 10px; } #panel { position: absolute; top: 57px; left: 0; right: 0; z-index: 2; height: 67px; padding-left: 240px; } #panel:before { background: #11bbed; } #panel .form-search { max-width: 410px; } #panel .storebox { margin-left: 49px; } #mKoszyk { margin-left: 35px; } #mKoszyk a { position: relative; z-index: 2; height: 67px; padding: 15px 54px 0 55px; color: #fff; line-height: 1.2; } [data-whatintent="mouse"] #mKoszyk a:hover { background: #16a0c8; } #mKoszyk a:before { content: "\e905"; top: 0; width: 43px; height: 100%; margin-top: 0; background: #17b2df; color: #e1fc0a; font-size: 25px; } #mKoszyk a:after { content: "\e909"; left: auto; right: 20px; width: auto; font-size: 10px; } [data-whatintent="mouse"] #mKoszyk a:hover:before { background: #ff3e34; color: #fff; } #mKoszyk .no { position: relative; z-index: 2; display: inline-block; font-size: 18px; font-weight: 700; } #mKoszyk .no:before { content: "("; font-weight: 300; } #mKoszyk .no:after { content: ")"; font-weight: 300; } #nav { position: absolute; top: 135px; left: 0; right: 0; z-index: 20; } #nav:before { top: auto; bottom: -8px; height: 1px; background: #e5e5e5; } #nav > ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li { position: relative; z-index: 2; } [data-whatintent="mouse"] #nav > ul > li:hover { position: relative; z-index: 4; } #nav > ul > li > a { position: relative; z-index: 3; height: 48px; padding: 0 38px 0 22px; color: #1b1b1b; font-size: 18px; font-weight: 500; } [data-whatintent="mouse"] #nav > ul > li > a:hover { color: #11bbed; } [data-whatintent="mouse"] #nav > ul > .withsub:hover > a { color: #1b1b1b; } #nav > ul > .withsub, #nav > ul > .withsub > a { position: relative; z-index: 2; } #nav > ul > .withsub:before { box-shadow: 0 0 8px rgba(0,0,0,.3); } #nav > ul > .withsub:after { top: auto; bottom: -6px; z-index: 8; height: 20px; background: #fff; } #nav > ul > li.withsub > a:after { content: "\e909"; left: auto; right: 15px; width: auto; color: #80b400; font-size: 10px; } #nav .drop { position: absolute; top: 50px; left: 0; z-index: 2; width: 250px; box-shadow: 0 0 8px rgba(0,0,0,.3); background: #fff; line-height: 1.1; } #nav .drop ul { list-style: none; margin-bottom: 0; } #nav .drop > ul, #nav .drop .withsub-no > ul { padding: 8px 0; } #nav .drop a { display: block; position: relative; z-index: 2; padding: 6px 22px; color: #393939; font-size: 15px; font-weight: 300; } #nav .drop a:before { top: auto; left: 22px; right: 22px; height: 1px; background: #e7e7e7; } #nav .drop ul ul { padding-left: 25px; } #nav .drop ul ul li { padding-left: 11px; } #nav .withsub > ul { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 100%; z-index: -1; width: 250px; min-height: 100%; box-shadow: 0 0 8px rgba(0,0,0,.3); background: #fff; } #nav .withsub-no > ul { display: none; } #nav .withsub-no.withsub > ul { display: block; } #nav .withsub-no > ul { min-height: 100%; } #nav .drop .withub-no ul { padding-top: 8px; padding-bottom: 8px; } #nav .drop .withsub-no > a:after { content: "\e90a"; left: auto; right: 22px; width: auto; color: #a1c742; font-size: 8px; } #nav .withsub:hover > ul { opacity: 1; visibility: visible; left: 100%; z-index: 2; height: auto; } #nav .withsub > ul:before { right: auto; width: 1px; background: #e3e3e3; } [data-whatintent="mouse"] #nav .drop a:hover { color: #11bbed; } #nav .drop { display: none; } #nav .withsub > a[aria-expanded=true] + .drop { display: block; top: 100%!important; } #nav .a { position: relative; } #nav .a .drop { width: 1300px; margin-left: -140px; } #nav .a .drop li { width: 20%; } #menu-icon { display: none; position: absolute; top: 60px; left: 0; width: 50px; height: 50px; z-index: 30; cursor: pointer; } #menu-icon:before { content: "\e904"; color: #fff; font-size: 30px; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -250px; right: auto; top: 0; bottom: 0; z-index: 100; width: 240px; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.25); background: #4f5357; line-height: 1.3; } #mobile li.toggle, #mobile li.toggle > a { color: #fff; } #mobile ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } #mobile ul > li { position: relative; float: none; margin: 0; border-bottom: 1px solid #61656a; font-size: 14px; color: #fff; } #mobile ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 8px 20px; color: #fff; text-transform: none; text-decoration: none; } #mobile .sub > a { padding-right: 60px; } #mobile ul > li > .toggle { display: block; position: absolute; top: 0; right: 0; z-index: 20; width: 30px; height: 34px; cursor: pointer; } #mobile ul > li > .toggle:before { content: "\e901"; font-size: 10px; } #mobile ul > .sub.toggle > .toggle { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } #mobile ul > li > ul { position: absolute; left: -3000em; top: 0; list-style: none; margin: 0; padding: 0; border-top: 1px solid #434343; background: rgba(0,0,0,.25); } #mobile ul > li.toggle > ul { position: relative; left: 0; } #mobile ul > li > ul li { position: relative; margin: 0; padding: 0; font-size: 14px; } #mobile ul > li > ul li a { display: block; padding: 4px 20px; color: #fff; text-decoration: none; } #mobile .drop { display: none; } #mobile .toggle .drop { display: block; background: #0082a8; } #mobile .toggle .drop li { border-color: #0f95bc; } #mobile .toggle .drop li li { border-color: #0d86aa; border-width: 1px; } #mobile .clone.a { background: #3a3f40; } #mobile .list-social li { border-width: 0; font-size: 20px; } #shadow { visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; z-index: 30; width: 100%; height: 100%; background: rgba(0,0,0,.3); cursor: pointer; } #content { position: relative; z-index: 5; width: 1300px; margin: 0 auto; padding-top: 30px; } #content > *:last-child { margin-bottom: 55px; } #footer { position: relative; z-index: 2; width: 1300px; margin: 0 auto; padding-left: 25px; padding-right: 25px; font-size: 15px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #009de0; font-size: 17px; font-weight: 400; } #footer nav { margin-left: -90px; } #footer nav > div { width: 25%; border-left: 90px solid rgba(0,0,0,0); } #footer nav ul { list-style: none; padding: 0; } #footer nav li { position: relative; z-index: 2; margin-bottom: 12px; padding-left: 18px; } #footer nav li:before { content: "\e90a"; top: 0; width: auto; margin-top: -2px; color: #80b400; font-size: 7px; } #footer nav a { color: #595959; } [data-whatintent="mouse"] #footer nav a:hover { color: #009de0; } #footer hr { width: auto; margin: 0 -25px 35px;} #footer > div { position: relative; z-index: 2; margin: 0 0 0-90px; padding-top: 33px; } #footer > div:before { background: #eaf3fa; } #footer > div > * { border-left: 90px solid rgba(0,0,0,0); } #footer > div > figure { width: 100%; margin-bottom: 30px; } #footer > div a { color: #595959; } #footer > div p { width: 75%; } #footer > div p:last-child { width: 25%; } #footer > div span { text-transform: uppercase; } #featured { } #featured .owl-dots { position: absolute; left: 50%; bottom: 10px; } /*! Columns --------- */ .cols-a { padding-left: 250px; } .cols-a > * { float: right; width: 100%; margin-left: 0; padding-left: 25px; } .cols-a > *:first-child, .cols-a > *:nth-child(3) { float: left; clear: left; width: 250px; margin-left: -250px; padding-left: 0; } .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double.a { margin-left: -75px; } .double.a > * { float: left; width: 50%; border-left-width: 75px; } .double.b { margin-left: -75px; } .double.b > * { float: left; width: 50%; border-left-width: 75px; } .double.c { margin-left: -75px; } .double.c > * { float: left; width: 60%; border-left-width: 80px; } .double.c > *:first-child { width: 40%; } .double.d { margin-left: -45px; } .double.d > * { float: left; width: 36%; border-left-width: 45px; } .double.d > *:first-child { width: 64%; } .double.e { margin-left: -49px; } .double.e > * { float: left; width: 50%; border-left-width: 49px; } /*! Modules --------- */ .availability { position: relative; z-index: 2; padding-left: 35px; color: #81b502; font-size: 14px; font-weight: 400; } .product-a .availability { margin-bottom: 6px; } .availability:before { content: "\e91f"; width: auto; color: #b0b0b0; font-size: 26px; } .availability.noavailable { color: #e30014; } .availability.days { color: #ffa200; } .baner-a { } .baner-a a { display: block; position: relative; z-index: 2; } .baner-a a > * { position: relative; z-index: 2; } .baner-a a:before, .baner-a a:after { content: ""; position: absolute; width: 0; height: 0; background: rgba(255,255,255,.2) } [data-whatintent="mouse"] .baner-a a:hover:before { top: 0; left: 0; width: 95%; height: 95%; } [data-whatintent="mouse"] .baner-a a:hover:after { bottom: 0; right: 0; width: 95%; height: 95%; } .box-a { margin-bottom: 64px; padding: 40px 40px 2px; border-radius: 5px; background: #fff; font-size: 15px; line-height: 2.07; } .box-a:last-child { margin-bottom: 19px; } .box-a h1, .box-a h2, .box-a h3, .box-a h4, .box-a h5, .box-a h6 { color: #000; font-size: 16px; font-weight: 500; } .box-a ul { list-style: none; padding: 0; } .double.b .box-a { } .box-b { position: relative; z-index: 2; height: 100%; margin-bottom: 20px; padding: 40px; font-size: 15px; } .box-b:before { bottom: 20px; border-radius: 5px; background: #fff; } .box-b h1, .box-b h2, .box-b h3, .box-b h4, .box-b h5, .box-b h6 { margin-bottom: 40px; color: #000; font-size: 16px; font-weight: 500; } .box-c { position: relative; z-index: 2; margin: 0 0 30px -20px; } .box-c:before { border: 2px solid #eaf3fa; } .box-c > * { width: 45%; padding: 22px 22px 0; } .box-c > *:first-child { width: 55%; border-right: 2px solid #eaf3fa; } .box-c ul { list-style: none; padding: 0; } .box-c li { margin-bottom: 17px; } .box-c .line { } .box-c .line p:first-child { margin-right: 14px; } .box-c .availability { font-size: 17px; font-weight: 700; } .box-d { margin-bottom: 24px; padding: 15px 12px 10px 22px; border: 2px solid #e5e5e5; } .box-doc { padding-right: 445px; } .box-doc ul { width: 445px; margin-bottom: 10px; margin-right: -445px; padding-left: 30px; } .box-doc h1, .box-doc h2, .box-doc h3, .box-doc h4, .box-doc h5, .box-doc h6 { width: 100%; padding-right: 30px; font-size: 16px!important; font-weight: 300!important; text-align: right; } .cart-info { margin-bottom: 10px; margin-left: -10px; margin-right: -10px; font-size: 15px; } .cart-info > * { margin-left: 10px; margin-right: 10px; } .cart-info span { padding: 3px 10px; border-radius: 5px; background: #81b502; color: #fff; font-weight: 700; } .cart-summary { position: relative; z-index: 2; padding-top: 30px; padding-bottom: 30px; background: #fff; } .cart-summary header { position: absolute; top: 45px; left: 0; padding-left: 50px; } .cart-summary h1, .cart-summary h2, .cart-summary h3, .cart-summary h4, .cart-summary h5, .cart-summary h6 { color: #000; font-size: 20px; font-weight: 500; } .info-a { padding: 10px 39px 10px; border: 1px solid #80b400; border-radius: 5px; background: #fff; font-size: 15px; line-height: 1.53; } .info-a p, .info-a figure { margin-bottom: 10px; } .module-a { position: relative; z-index: 2; padding: 11px 0; } .module-a:before { background: #eaf3fa; } .module-a .module-newsletter, .module-a .product-b { width: 50%; } .module-a .module-newsletter { padding: 15px 15px 0 20px; } .module-about { margin-bottom: 10px; padding: 0 10px; font-size: 15px; line-height: 1.4; } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6 { margin-bottom: 15px; color: #11bbed; font-size: 23px; font-weight: 700; } .module-add { } .module-add .price { padding-left: 63px; } .module-add .price p:first-child { width: 63px; margin-left: -63px; padding-top: 10px; } .module-add .price .default { display: block; margin-bottom: 5px; color: #000; font-size: 25px; font-weight: 700; line-height: 1.2; } .module-add .price .promo { color: #e30014; } .module-add .price .old { display: block; color: #595959; font-size: 15px; font-weight: 300; text-decoration: line-through; } .module-add .add { padding-left: 63px; } .module-add .add label { width: 63px; margin-left: -63px; } .module-add .add input { float: left; width: 45px; height: 36px; padding: 0 5px; border: 1px solid #c6c6c6; border-radius: 5px; text-align: center; } .module-add .add-btn { margin-bottom: 6px; padding-left: 63px; } .module-add .add-btn > * { float: left; width: 100%; } .module-add .add-btn .store { width: 63px; margin-left: -63px; padding-left: 5px; } .module-add .add-btn button { position: relative; z-index: 2; padding: 10px 43px 10px 14px; border: 0; border-radius: 5px; background: #11bbed; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.1; cursor: pointer; } .module-add .add-btn button:before { content: "\e905"; left: auto; right: 10px; width: auto; margin-top: -13px; font-size: 22px; line-height: 1; } [data-whatintent="mouse"] .module-add .add-btn button:hover { background: #81b502; } .module-aside { margin-bottom: 55px; padding: 55px 375px 0 25px; } .module-aside > * { float: left; width: 100%; padding-right: 85px; } .module-aside > *:last-child { width: 375px; margin-right: -375px; padding-right: 0; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { color: #1b1b1b; font-size: 18px; font-weight: 500; } .module-aside h1 span, .module-aside h2 span, .module-aside h3 span, .module-aside h4 span, .module-aside h5 span, .module-aside h6 span { display: block; margin-top: -30px; color: #11bbed; font-size: 28px; font-weight: 700; } .module-b { margin-left: -75px; font-size: 15px; line-height: 1.8; } .module-b > * { position: relative; z-index: 2; width: 50%; margin-bottom: 39px; padding: 32px 40px 10px; border-left: 75px solid rgba(0,0,0,0); } .module-b > *:before { border-radius: 5px; background: #fff; } .module-banners { margin-left: -49px; } .module-banners > * { width: 66.8%; border-left: 49px solid rgba(0,0,0,0); } .module-banners > *:last-child { width: 33.2%; } .module-banners #featured, .module-banners .baner-a { margin-bottom: 49px; } .module-blog { margin-bottom: 20px; } .module-blog header { margin-bottom: 6px; padding: 18px 18px 8px 25px; background: #11bbed; } .module-blog header h1, .module-blog header h2, .module-blog header h3, .module-blog header h4, .module-blog header h5, .module-blog header h6 { margin-bottom: 10px; color: #fff; font-size: 28px; font-weight: 700; } .module-blog header ul a { background: #fff; color: #81b502; } [data-whatintent="mouse"] .module-blog header ul a:hover { background: #81b502; color: #fff; } .module-c { position: relative; z-index: 2; margin-bottom: 19px; } .module-c:before { top: 12px; left: -21px; right: -21px; border: 1px solid #ffde00; border-radius: 5px; } .module-c h1:first-child, .module-c h2:first-child, .module-c h3:first-child, .module-c h4:first-child, .module-c h5:first-child, .module-c h6:first-child { display: inline-block; margin: 0 0 30px -10px; padding: 0 10px; background: #fff; color: #000; font-size: 16px; font-weight: 400; } .module-c .line { margin-left: -10px; margin-right: -10px; } .module-c .line > * { margin-left: 10px; margin-right: 10px; } .module-c input { width: 100%; max-width: 125px; height: 35px; padding: 0 15px; border: 1px solid #d4e1eb; font-size: 14px; } .module-c label span { color: #f11111; font-weight: 700; } .module-cart { position: relative; z-index: 2; background: #eaf3fa; } .module-cart:before { background: #eaf3fa; } .module-catalog { margin-bottom: 21px; margin-left: -16px; } .module-catalog form { } .module-catalog .product-a { width: 25%; margin-bottom: 16px; border-left: 16px solid rgba(0,0,0,0); } .module-comments { padding: 20px 60px; border-radius: 5px; background: #fff; margin-bottom: 20px; font-size: 15px; } .module-comments p { margin-bottom: 14px; padding-left: 130px; } .module-comments label { width: 130px; margin-left: -130px; } .module-comments label span { color: #f11111; font-weight: 700; } .module-comments input, .module-comments textarea { width: 100%; height: 35px; padding: 0 15px; border: 1px solid #d4e1eb; font-size: 14px; } .module-comments input { max-width: 236px; } .module-comments textarea { width: 100%!important; height: 135px; min-height: 135px; padding-top: 15px; padding-bottom: 15px; } .module-comments .a p { padding-left: 0; } .module-comments .a label { width: 100%; margin-left: 0; } .module-comments .line { margin-left: -10px; margin-right: -10px; } .module-comments .line > * { margin-bottom: 14px; margin-left: 10px; margin-right: 10px; } .module-comments .line p { padding-left: 0; } .module-comments .line label { width: auto; margin-left: -10px; padding-top: 0; padding-right: 0; } .module-comments .submit { padding-left: 0; } .module-comments button { padding: 6px 15px; border: 0; border-radius: 5px; background: #11bbed; color: #fff; line-height: 1.1; cursor: pointer; } [data-whatintent="mouse"] .module-comments button:hover { background: #81b502; } .module-comments .rating-select { margin-bottom: 5px; padding-left: 130px; } .module-comments .rating-select p:first-child { width: 130px; margin-bottom: 15px; margin-left: -130px; padding-left: 0; } .module-comments .rating-select .rating-b { float: left; width: 100%; margin-bottom: 15px; } .module-contact { } .module-contact ul { list-style: none; padding: 0; } .module-contact li, #footer .module-contact li { padding-left: 0; } .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6, #footer .module-contact h1, #footer .module-contact h2, #footer .module-contact h3, #footer .module-contact h4, #footer .module-contact h5, #footer .module-contact h6 { position: relative; z-index: 2; font-weight: 700; } .module-contact h1 i, .module-contact h2 i, .module-contact h3 i, .module-contact h4 i, .module-contact h5 i, .module-contact h6 i { display: block; width: 100%; margin-bottom: 11px; color: #80b400; font-size: 25px; } .module-d { padding-top: 40px; padding-left: 50px; background: #fff; font-size: 15px; } .module-d textarea { width: 100%!important; height: 205px; min-height: 205px; margin: 0 0 30px!important; padding: 15px!important; border: 1px solid #cdd8e1; border-radius: 5px; } .module-d .submit-btn { padding-left: 45px; } .module-description { padding: 30px 20px 10px; font-size: 15px; line-height: 2.07; } .module-discount { margin: 0 -10px 10px; font-size: 15px; } .module-discount > * { margin: 0 10px 20px; } .module-discount .a { padding: 10px 20px; border: 1px solid #c6c6c6; border-radius: 5px; } .module-discount input { width: 105px; border: 0; font-size: 17px; } .module-discount button, .module-discount .button { color: #11bbed; border: 0; background: none; cursor: pointer; } .module-discount button:hover, .module-discount .button:hover { text-decoration: underline; } .discount-active .module-discount { position: relative; left: 0; top: 0; } .module-e { float: left; position: relative; z-index: 2; width: 50%; padding: 40px; } .module-e h1, .module-e h2, .module-e h3, .module-e h4, .module-e h5, .module-e h6 { color: #000; font-size: 20px; font-weight: 500; } .module-f { padding: 30px 20px 1px; } .module-f h1, .module-f h2, .module-f h3, .module-f h4, .module-f h5, .module-f h6 { margin-bottom: 55px; color: #000; font-size: 20px; font-weight: 500; } .module-filters { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } .module-filters .title-a { position: relative; z-index: 2; margin-bottom: 20px; color: #11bbed; font-size: 20px; font-weight: 400; } .module-filters .title-a:before { content: "\e901"; display: none; left: auto; right: 20px; width: auto; font-size: 12px; } .module-filters button { width: 100%; padding: 6px 10px; border: 0; border-radius: 5px; background: #11bbed; color: #fff; font-size: 15px; line-height: 1.1; cursor: pointer; } [data-whatintent="mouse"] .module-filters button:hover { background: #81b502; } .box-filter { } .box-filter h1, .box-filter h2, .box-filter h3, .box-filter h4, .box-filter h5, .box-filter h6 { margin-bottom: 14px; color: #595959; font-size: 17px; font-weight: 500; text-decoration: underline; } .filter-prices { margin-left: -5px; margin-right: -5px; font-size: 15px; } .filter-prices > * { margin-left: 5px; margin-right: 5px; } .filter-prices input { width: 100%; height: 36px; padding: 0 10px; border: 1px solid #c6c6c6; border-radius: 5px; } .module-g { padding-top: 34px; } .module-g header { margin-bottom: 15px; padding-left: 20px; } .module-g header h1, .module-g header h2, .module-g header h3, .module-g header h4, .module-g header h5, .module-g header h6 { margin-right: 35px; color: #e30014; font-size: 28px; font-weight: 700; } .module-g.a { background: #eaf3fa; } .module-g.a h1, .module-g.a h2, .module-g.a h3, .module-g.a h4, .module-g.a h5, .module-g.a h6 { color: #494949; } .module-gallery { position: relative; margin-bottom: 30px; padding-top: 25px; } .slick-slider { display: block; position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .module-gallery .main-pic { position: relative; } .module-gallery .main-pic figure { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 525px; background: #fff; } .module-gallery .main-pic figure img { width: auto; max-width: 95%; max-height: 525px; margin: 0 auto; float: none; } .module-gallery .gallery-thumbs { margin-left: -8px; margin-right: -8px; } .module-gallery .gallery-thumbs figure { position: relative; margin-bottom: 0; border: 1px solid rgba(0,0,0,0); background: #fff; margin-left: 8px; margin-right: 8px; } .module-gallery .gallery-thumbs figure a { outline: none; } .module-gallery .gallery-thumbs figure img { overflow: hidden; max-height: 130px; margin: 0 auto; } .module-gallery .gallery-thumbs .slick-current { border-color: #11bbed; } .module-gallery .slick-arrow { display: block; position: absolute; top: 50%; z-index: 10; width: 23px; height: 31px; margin-top: -20px; border: 0; background: transparent; font-size: 0; text-indent: -9999em; cursor: pointer; outline: none; } .module-gallery .slick-arrow:before { display: block; width: 100%; height: 100%; font-size: 30px; font-family: i; text-indent: 0; font-weight: normal; } .module-gallery .slick-prev { left: 10px; } .module-gallery .slick-next { right: 10px; } .module-gallery .slick-prev:before { content: "\e902"; } .module-gallery .slick-next:before { content: "\e903"; } .module-gallery .slick-disabled { display: none!important; } .module-items { margin: 0 0 25px; border: 1px solid #eaf3fa; } .module-items .item { position: relative; z-index: 2; padding: 16px 25px 16px 200px; border-bottom: 1px solid #eaf3fa; color: #676767; font-size: 15px; } .module-items .item:last-child { border-bottom-width: 0; } .module-items .item figure { float: left; width: 200px; margin-bottom: 0; margin-left: -200px; text-align: center; } .module-items .item figure img { width: auto; max-height: 150px; } .module-items .item > div { float: left; width: 100%; padding-left: 15px; } .module-items .item .title { position: relative; margin-bottom: 8px; padding-bottom: 5px;color: #393d41; font-size: 18px; font-weight: 300; } .module-items .item .title strong { display: block; font-weight: 500; } .module-items .item .title a { color: #595959; text-decoration: none; } .module-items .item .title > div { margin: 0!important; padding-top: 5px; font-size: 13px; } .module-items .item .title > div > div { color: #b1b2b7; font-weight: 400; } .module-items .item .title > div > div strong { display: inline-block; color: #000; font-size: 300; } [data-whatintent="mouse"] .module-items .item .title a:hover { text-decoration: underline; } .module-items .item .line { margin-left: -5px; margin-right: -5px; } .module-items .item .line > * { margin: 0 0 5px; padding: 0 5px; } .module-items .item .price { width: 28%; } .module-items .item .option { width: 22%; } .module-items .item .price-all { width: 30%; } .module-items .item .remove-btn { width: 20%; } .module-items .item .line .price { } .module-items .item .line .price span { margin-left: 17px; color: #80b400; font-size: 17px; font-weight: 700; } .module-items .item .line .option { } .module-items .item .line .option input { width: 45px!important; height: 35px; margin: 0 0 0 23px; padding: 0 5px; border: 1px solid #dcdcdc; border-radius: 5px; background: #fff; color: #000; font-size: 17px; font-weight: 300; text-align: center; } .module-items .item .line .price-all { } .module-items .item .line .price-all span { margin-left: 17px; color: #000; font-size: 17px; font-weight: 700; } .module-items .item .remove-btn { line-height: 1.1; } .module-items .item .remove-btn a { display: block; float: right; position: relative; z-index: 2; padding-right: 26px; color: #fc512e; font-size: 15px; font-weight: 500; text-decoration: underline; } [data-whatintent="mouse"] .module-items .item .remove-btn a:hover { color: #ff2b00; text-decoration: none; } .module-items .item .remove-btn a:after { content: "\e91c"; left: auto; right: 0; width: auto; font-size: 16px; } .module-items .item .remove-btn a:before { content: "usuń"; } .module-items .item .remove-btn a img { display: none; } .module-newsletter { font-size: 15px; line-height: 1.4; } .module-newsletter h1, .module-newsletter h2, .module-newsletter h3, .module-newsletter h4, .module-newsletter h5, .module-newsletter h6 { margin-bottom: 14px; color: #009de0; font-size: 28px; font-weight: 700; } .module-newsletter .inputs { padding: 10px; background: #fff; } .module-newsletter .inputs input { height: 27px; padding: 0 12px; border: 0; font-size: 15px; font-style: italic; } .module-newsletter button { padding: 6px 15px; border: 0; border-radius: 5px; background: #11bbed; color: #fff; line-height: 1.1; cursor: pointer; } [data-whatintent="mouse"] .module-newsletter button:hover { background: #81b502; } .module-map { margin-bottom: 30px; } .module-map iframe { width: 100%!important; height: 450px!important; } .module-pattern { position: relative; z-index: 2; margin-bottom: 55px; padding: 45px 40px 1px; } .module-pattern:before { background: #eaf3fa; } .module-pattern > header { margin-bottom: 15px; padding: 0 11px; } .module-pattern > header h1, .module-pattern > header h2, .module-pattern > header h3, .module-pattern > header h4, .module-pattern > header h5, .module-pattern > header h6 { font-size: 20px; font-weight: 500; } .module-pattern.a { padding: 30px 20px 1px; } .module-product { margin-bottom: 60px; padding-right: 655px; font-size: 15px; } .module-product .module-gallery { float: left; width: 100%; padding-right: 50px; } .module-product .column { width: 655px; margin-right: -655px; padding-left: 25px; } .module-product .list-attr { list-style: none; margin-bottom: 35px; padding: 0; color: #fff; font-size: 14px; font-weight: 500; } .module-product .list-attr li { margin: 0 18px 10px 0; padding: 3px 7px; border-radius: 5px; background: #000; line-height: 1.1; } .module-product .list-attr .new { background: #81b502; } .module-product .list-attr .promo { background: #e30014; } .module-product .list-attr .sale { background: #025fb5; } .module-products { position: relative; z-index: 2; margin: 0 67px 42px; } .module-products:before, .module-products:after { z-index: 20; width: 3000px; background: rgba(255,255,255,.4); } .module-products:before { left: -3067px; right: auto; } .module-products:after { left: auto; right: -3067px; } .module-review { position: relative; z-index: 2; padding: 0 30px 22px; } .module-review:before { background: #eaf3fa; } .module-review > * { float: left; width: 50%; padding-top: 35px; } .module-review > *:first-child { padding-right: 25px; } .module-review > *:last-child { padding-left: 25px; } .module-review header { } .module-review header h1, .module-review header h2, .module-review header h3, .module-review header h4, .module-review header h5, .module-review header h6 { margin-bottom: 35px; color: #1b1b1b; font-size: 20px; font-weight: 500; } .module-s { padding-top: 33px; } .module-s header { padding-left: 20px; } .module-s header h1, .module-s header h2, .module-s header h3, .module-s header h4, .module-s header h5, .module-s header h6 { margin-bottom: 58px; color: #11bbed; font-size: 20px; font-weight: 500; } .module-specification { } .module-specification h1, .module-specification h2, .module-specification h3, .module-specification h4, .module-specification h5, .module-specification h6 { font-size: 17px; font-weight: 500; } .module-sort { margin-bottom: 28px; padding: 5px 9px 0; background: #eaf3fa; } .nav-categories { padding: 0 25px; } .nav-categories ul { list-style: none; margin-left: -22px; padding: 0; } .nav-categories li { position: relative; z-index: 2; width: 16.66666666666667%; margin-bottom: 22px; padding: 22px 16px 0; border-left: 22px solid rgba(0,0,0,0); } .nav-categories li:before { bottom: 62px; background: rgb(218,234,242); background: linear-gradient(135deg, rgba(218,234,242,1) 0%, rgba(207,219,231,1) 100%); } [data-whatintent="mouse"] .nav-categories li:hover:before { background: #ebf1f7; background: linear-gradient(135deg, #ebf1f7 0%, #bccdde 100%); } .nav-categories a { display: block; height: 50px; font-size: 18px; font-weight: 700; } .nav-categories figure { height: 145px; } .nav-subpage { padding-top: 12px; } .nav-subpage strong { padding:0 10px 0px 0; font-weight:500; display:block} .nav-subpage ul { list-style: none; padding: 0; font-size: 15px; } .nav-subpage li { position: relative; z-index: 2; margin-bottom: 9px; padding-left: 11px; } .nav-subpage li:before { content: "\e908"; width: auto; color: #000; font-size: 6px; } .nav-subpage a { color: #595959; display:inline-block; padding-right:40px} [data-whatintent="mouse"] .nav-subpage a:hover, .nav-subpage .active a { color: #11bbed; text-decoration: underline; } .nav-subpage span { position: absolute; top: 0; right: 0; color: #858585; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; } .owl-nav button { display: block; position: absolute; top: 0; left: 20px; width: 30px; height: 30px; margin-top: -15px; border: 0; border-radius: 5px; background: rgba(0,0,0,.3); color: #fff; text-indent: -9999em; outline: none; cursor: pointer; } .owl-nav button:before { content: "\e902"; font-size: 15px;} .owl-nav button.owl-next { left: auto; right: 20px; } .owl-nav button.owl-next:before { content: "\e903"; } [data-whatintent="mouse"] .owl-nav button:hover { background: #c4151a; } .owl-dots { padding-top: 36px; margin-bottom: 10px; } .owl-dots button { display: block; min-width: 0; width: 21px; height: 3px; margin: 0 3px 3px; padding: 0; border: 0; border-radius: 3px; box-shadow: none; background: #cecece; cursor: pointer; outline: none; } .owl-dots button.active { background: #11bbed; } .page-navigation { position: relative; z-index: 2; margin-top: -8px; margin-bottom: 28px; padding: 0 20px; color: #6a6a6a; font-size: 15px; line-height: 1.1; } .page-navigation ul { list-style: none; margin: 0 -13px; padding: 0; } .page-navigation li { position: relative; float: left; padding: 0 13px; } .page-navigation li:before { content: "/"; position: absolute; top: 0; right: -5px; width: auto; } .page-navigation a { color: #6d6e72; } .pagination { margin-left: -3px; margin-right: -3px; font-size: 15px; } .pagination ul { list-style: none; margin: 0; padding: 0; } .pagination li, .pagination p { margin-bottom: 5px; } .pagination li { margin-left: 3px; margin-right: 3px; } .pagination p { margin-left: 20px; } .pagination a { display: block; padding: 5px 9.5px; border: 1px solid #d9e4ed; border-radius: 5px; background: #fff; line-height: 1.1; } [data-whatintent="mouse"] .pagination a:hover, .pagination .active a { border-color: #11bbed; background: #11bbed; color: #fff; } .payment-info { margin-bottom: 20px; padding-top: 21px; border-top: 1px solid #eaf3fa; border-bottom: 1px solid #eaf3fa; font-size: 15px; } .payment-info p { margin-right: 30px; } .payment-info p, .payment-info figure { margin-bottom: 16px; } .product-a { position: relative; z-index: 2; padding: 13px 18px 0; } .product-a:before { border: 1px solid #efefef; background: #fff; } [data-whatintent="mouse"] .product-a:hover:before { border-color: #11bbed; } .product-a figure { position: relative; z-index: 2; margin-bottom: 11px; text-align: center; } .product-a .store { position: absolute; top: 0; right: 2px; } [data-whatintent="mouse"] .product-a .store:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .product-a .list-attr { list-style: none; position: absolute; top: 13px; left: 13px; right: 60px; z-index: 9; padding: 0; color: #fff; font-size: 14px; font-weight: 500; } .product-a .list-attr li { margin: 0 8px 8px 0; padding: 3px 7px; border-radius: 5px; background: #000; line-height: 1.1; } .product-a .list-attr .new { background: #81b502; } .product-a .list-attr .promo { background: #e30014; } .product-a .list-attr .sale { background: #025fb5; } .product-a h1, .product-a h2, .product-a h3, .product-a h4, .product-a h5, .product-a h6 { overflow: hidden; margin-bottom: 6px; height: 43px; font-size: 16px; font-weight: 300; line-height: 1.31; } .product-a a { color: #000; } .product-a .prices { height: 61px; background: url(../images/dotted.png) repeat-x 0 0; color: #000; font-size: 22px; font-weight: 700; line-height: 1.2; } .product-a .prices .promo { color: #e30014; } .product-a .prices .old { color: #595959; font-size: 15px; font-weight: 300; text-decoration: line-through; } .product-a .submit { position: absolute; bottom: 14px; right: 15px; } .product-a .submit button { position: relative; z-index: 2; width: 32px; height: 32px; border: 0; border-radius: 5px; background: #11bbed; text-indent: -9999em; cursor: pointer; } .product-a .submit button:before { content: "\e905"; color: #fff; font-size: 20px; } [data-whatintent="mouse"] .product-a .submit button:hover { background: #e30014; } .product-b { border: 1px solid #e4ecf3; background: #fff; padding: 0 275px 0 26px; } .product-b .col { float: left; position: relative; z-index: 2; width: 100%; padding: 10px 0 0; } .product-b > figure { width: 275px; margin-bottom: 0; margin-right: -275px; padding: 12px; text-align: center; } .product-b > figure img { width: auto; max-height: 180px; } .product-b h1, .product-b h2, .product-b h3, .product-b h4, .product-b h5, .product-b h6 { margin-bottom: 10px; color: #009de0; font-size: 28px; font-weight: 700; } .product-b h1 a, .product-b h2 a, .product-b h3 a, .product-b h4 a, .product-b h5 a, .product-b h6 a { display: block; padding-bottom: 7px; color: #595959; font-size: 16px; line-height: 1.31; } .product-b .prices { position: relative; z-index: 2; height: 61px; background: url(../images/dotted.png) repeat-x 0 0; color: #000; font-size: 22px; font-weight: 700; line-height: 1.2; } .product-b .prices .promo { color: #e30014; } .product-b .prices .old { color: #595959; font-size: 15px; font-weight: 300; text-decoration: line-through; } .product-b .link-btn { position: absolute; bottom: 30px; right: 0; } .ratings .rating > *:before, .ratings .rating > * .fill { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } .ratings { display: inline-block; position: relative; width: auto; padding: 0; } .ratings .rating { display: block; overflow: hidden; width: 95px; margin-left: auto; margin-right: auto; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em; } .ratings .rating > * { display: block; position: relative; z-index: 2; float: left; width: 15px; height: 14px; margin: 0 2px; } .ratings .rating > *:before, .ratings .rating > * .fill { z-index: 1; background: url(../images/ratings.png); } .ratings .rating > * .fill { right: auto; z-index: 2; background-position: 0 -14px; } .ratings .label span { position: relative; top: -1px; font-size: 20px; font-weight: 400; } .rating-a { list-style: none; margin-bottom: 15px; padding: 0; color: #888; font-size: 15px; font-weight: 400; } .rating-a li { margin-right: 13px; } .rating-a .no span { color: #000; font-weight: 600; } .rating-a a { color: #d81921; } .rating-b { position: relative; display: block; width: auto!important; } .rating-b input { display: none; } .rating-b label { display: block!important; position: static; top: auto; left: auto; float: right; width: auto; margin: 0; padding: 0; } .rating-b label span { display: none; position: absolute; top: 3px; left: 180px; width: 100px; background: #fff; color: #62a907; font-size: 14px; font-weight: 700; text-align: left; } .rating-b label:hover span, .rating-b input:checked + label span { display: block; } .rating-b label:before { content: ""; display: inline-block; width: 22px; height: 22px; margin: 0 5px; background: url(../images/stars.png); } .rating-b > input:checked ~ label:before, .rating-b:not(:checked) > label:hover:before, .rating-b:not(:checked) > label:hover ~ label:before { background-position: 0 -22px; } .rating-b > input:checked + label:hover, .rating-b > input:checked ~ label:hover:before, .rating-b > label:hover ~ input:checked ~ label:before, .rating-b > input:checked ~ label:hover ~ label:before { background-position: 0 -44px; } .rating-c { margin-bottom: 17px; } .rating-c p { margin-bottom: 10px; margin-right: 10px; } .rating-c ul { list-style: none; margin: 0 0 10px; padding: 0; font-size: 15px; } .rating-c ul > * { margin: 0 2px 3px; } .rating-c .ratings { margin-left: 10px; margin-right: 0; } .rating-c .stars { height: 19px; margin-right: 8px; } .rating-c .no span { color: #000; font-weight: 700; } .rating-c a { color: #11bbed; } .selected-filters { margin-bottom: 10px; } .selected-filters h1, .selected-filters h2, .selected-filters h3, .selected-filters h4, .selected-filters h5, .selected-filters h6 { position: relative; z-index: 2; padding: 0 22px; color: #595959; font-size: 17px; font-weight: 500; text-decoration: underline; } .selected-filters h1:before, .selected-filters h2:before, .selected-filters h3:before, .selected-filters h4:before, .selected-filters h5:before, .selected-filters h6:before { content: "\e901"; display: none; left: auto; right: 20px; width: auto; font-size: 12px; } .slide-a { } .slide-a .owl-carousel .owl-stage-outer { overflow: visible; } .steps { position: relative; z-index: 2; } .steps.scroll-to-fixed-fixed:before { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); } .steps ul { position: relative; z-index: 2; list-style: none; margin: 0 -1px; padding: 0 10px; font-size: 21px; font-weight: 500; line-height: 1.1; } .steps ul:before { top: auto; height: 2px; background: #eaf3fa; } .steps li { margin-right: 31px; } .steps li:last-child { margin-right: 0; } .steps a { display: block; position: relative; z-index: 2; padding: 13px 10px; color: #878787; } .steps a:before { top: auto; height: 2px; background: none; } [data-whatintent="mouse"] .steps a:hover, .steps .active a { color: #11bbed; } .steps .active a:before { background-color: #11bbed; } [data-whatintent="mouse"] .steps a:hover:before { background-color: #11bbed; } .storebox { position: relative; z-index: 2; } .storebox a { position: relative; z-index: 2; height: 67px; padding: 15px 10px 0 55px; color: #fff; line-height: 1.2; } [data-whatintent="mouse"] .storebox a:hover { background: #16a0c8; } .storebox a:before { content: "\e91d"; top: 0; width: 43px; height: 100%; margin-top: 0; background: #17b2df; color: #e1fc0a; font-size: 25px; } [data-whatintent="mouse"] .storebox a:hover:before { background: #ff3e34; color: #fff; } .storebox .no { position: relative; z-index: 2; display: inline-block; font-size: 18px; font-weight: 700; } .storebox .no:before { content: "("; font-weight: 300; } .storebox .no:after { content: ")"; font-weight: 300; } .wbox { padding-left: 20px; background: #fff; } .wbox .inside { position: relative; z-index: 2; min-height: 260px; padding-left: 330px; } .wbox .inside:before { content: "\e905"; top: 0; width: auto; margin-top: 0; color: #eaf3fa; font-size: 250px; line-height: 1; } /*! Headers --------- */ .header-a { margin-bottom: 18px; color: #11bbed; font-size: 23px; font-weight: 700; } .heading-a { margin-bottom: 15px; padding: 0 22px; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { color: #11bbed; font-size: 23px; } .heading-b { position: relative; z-index: 2; margin-bottom: 30px; } .heading-b h1, .heading-b h2, .heading-b h3, .heading-b h4, .heading-b h5, .heading-b h6 { margin-bottom: 45px; font-size: 18px; font-weight: 500; } .heading-b .link-btn a { min-width: 154px; } .heading-b i { position: absolute; bottom: 0; right: 10px; color: #81b502; font-size: 80px; } .heading-c { margin-bottom: 20px; } .heading-c h1, .heading-c h2, .heading-c h3, .heading-c h4, .heading-c h5, .heading-c h6 { margin-bottom: 12px; color: #000; font-size: 20px; font-weight: 500; } /*! Content --------- */ .regular { font-weight: 400; } .medium { font-weight: 500; } .strong { font-weight: 700; } .em { font-style: italic; } #root .text-center { text-align: center; } #root .text-right { text-align: right; } #root .text-left { text-align: left; } #root .text-justify { text-align: justify; } #root .text-uppercase { text-transform: uppercase; } .overlay-a { color: #11bbed; } .overlay-b { color: #494949; } .overlay-c { color: #e30014; } .overlay-d { color: #80b400; } .scheme-a { display: inline-block; font-size: 18px; font-weight: 400; } /*! Links --------- */ .link-back { margin-bottom: 16px; } .link-back a { display: inline-block; position: relative; z-index: 2; padding: 5px 25px 5px 40px; border-radius: 5px; background: #eaf3fa; color: #595959; font-size: 15px; line-height: 1.1; } .link-back a:before { content: "\e908"; left: 10px; width: auto; font-size: 10px; } .link-back a:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } [data-whatintent="mouse"] .link-back a:hover { background: #f1392b; color: #fff; } .link-back.a { padding-left: 20px; } .link-btn { } .link-btn a { position: relative; z-index: 2; padding: 6px 14px; color: #fff; line-height: 1.1; text-align: center; } .link-btn a:before { content: "\e903"; top: 0; left: auto; width: 20px; margin-top: 0; padding-left: 5px; border-radius: 5px; background: #11bbed; font-size: 10px; } .link-btn a:after { border-radius: 5px; background: #11bbed; } [data-whatintent="mouse"] .link-btn a:hover:before { right: -15px; } [data-whatintent="mouse"] .link-btn a:hover:after { background: #80b400; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /*! Lists --------- */ .cart-buttons { list-style: none; margin: 0 -10px 20px; padding: 0; } .cart-buttons li { margin: 0 10px 20px; } .cart-buttons li:first-child { margin-right: auto; } .cart-buttons button, .cart-buttons a { display: block; position: relative; z-index: 2; padding: 10px 23px; border: 0; border-radius: 5px; background: #eaf3fa; color: #595959; font-size: 15px; line-height: 1.1; cursor: pointer; } .cart-buttons i { margin-left: 20px; font-size: 10px; line-height: 1; } .cart-buttons li:last-child button, .cart-buttons li:last-child a { background: #11bbed; color: #fff; font-size: 18px; font-weight: 400; } [data-whatintent="mouse"] .cart-buttons button:hover, [data-whatintent="mouse"] .cart-buttons a:hover { background: #000; color: #fff; } .cart-buttons .print { padding-left: 62px; background: #80b400; color: #fff; } .cart-buttons .print:before { content: "\e91b"; left: 12px; width: auto; font-size: 30px; } .list-a { list-style: none; padding: 0; } .list-a li:before { content: "- "; } .list-b { list-style: none; margin: 0 0 0 -90px; padding: 0; font-size: 15px; line-height: 1.4; } .list-b li { position: relative; width: 25%; margin-bottom: 13px; padding-top: 50px; border-left: 90px solid rgba(0,0,0,0); } .list-b .link-btn { margin-top: auto; } .list-b i { position: absolute; top: 0; left: 0; } .list-blog { list-style: none; padding: 0; } .list-blog li { margin-bottom: 5px; padding: 0 0 5px; border-bottom: 1px solid #ececec; } .list-blog li > * { width: 50%; } .list-blog figure { overflow: hidden; margin-top: 0; margin-bottom: auto; } [data-whatintent="mouse"] .list-blog li:hover figure img { webkit-transform: scale(1.1); transform: scale(1.1); } .list-blog .blog-info { padding: 20px 30px 0; } .list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 { margin-bottom: 18px; font-size: 18px; font-weight: 700; } .list-blog .footer-blog { color: #a9a9a9; font-size: 15px; } .list-c { position: relative; z-index: 2; list-style: none; padding: 0; } .list-c li { padding-right: 110px; } .list-c .icon { position: absolute; top: 0; right: 0; font-size: 0!important; } .list-c .icon:before { color: #81b502; font-size: 80px!important; } .list-c span { color: #000; font-size: 18px; font-weight: 400; } .list-c.a { line-height: 1.6; } .list-c.a a { color: #000; } .list-c.a span { color: #11bbed; font-size: 18px; font-weight: 400; } .list-c.b { font-size: 16px; font-weight: 400; } .list-c.b h1, .list-c.b h2, .list-c.b h3, .list-c.b h4, .list-c.b h5, .list-c.b h6 { margin-bottom: 1px; } .list-c.b .icon { top: 50%; margin-top: -40px; } .list-checkbox { list-style: none; padding: 0; color: #000; font-size: 15px; font-weight: 300; } .list-checkbox li { position: relative; margin-bottom: 10px; line-height: 1.2; } .list-checkbox a { position: relative; display: block; padding-left: 25px; color: #000; text-decoration: none; } [data-whatintent="mouse"] .list-checkbox a:hover { text-decoration: underline; } .list-checkbox a:before { width: 15px; height: 15px; margin-top: -8px; border: 1px solid #c6c6c6; border-radius: 5px; } .list-checkbox .fwachk a { color: #11bbed; } .list-checkbox .fwachk a:before { overflow: visible; content: "\e910"; border-width: 0; color: #81b502; font-size: 17px; } .list-checkbox span { position: absolute; top: 0; right: 0; color: #858585; } .list-comments { list-style: none; padding: 0; font-size: 15px; } .list-comments li { margin-bottom: 12px; padding: 10px 16px 1px; border-radius: 5px; background: #fff; } .list-comments p { margin-bottom: 8px; } .list-comments .header-comment { margin-bottom: 8px; font-size: 14px; background: url(../images/dotted.png) repeat-x 0 100%; color: #000; } .list-comments .header-comment .stars { margin-left: 20px; } .list-comments .header-comment > * { margin-bottom: 7px; } .list-comments .header-comment > *:first-child { margin-right: auto; color: #959595; } .list-comments .comment { } .list-comments .comment > div { margin-bottom: 8px; margin-left: 20px; padding: 6px 10px 1px; border-radius: 5px; background: #eaf3fa; font-style: italic; text-align: right; } .list-comments .comment .author { display: block; color: #11bbed; font-style: normal; font-weight: 400; } .list-contact { list-style: none; padding: 0; } .list-contact li { position: relative; margin-right: 46px; padding-left: 34px; } .list-contact a { color: #595959; } .list-contact i { position: absolute; top: 50%; left: 0; margin-top: -12px; color: #80b400; font-size: 22px; } .list-contact .icon-mail { margin-top: -8px; font-size: 17px; } .list-d { list-style: none; margin-left: -20px; padding: 0; font-weight: 400; } .list-d li { width: 50%; border-left: 20px solid rgba(0,0,0,0); } .list-doc { list-style: none; padding: 0; margin-left: -25px; margin-right: -25px; line-height: 1.1; } .list-doc li { position: relative; z-index: 2; margin: 0 25px 10px; } .list-doc input { display: none; } .list-doc label { display: block; position: relative; z-index: 2; width: 100%; padding: 2px 20px 2px 35px; cursor: pointer; } .list-doc label:before { overflow: visible; width: 15px; height: 15px; border: 1px solid #c6c6c6; border-radius: 3px; background: #fff; color: #c6c6c6; font-size: 16px; } .list-doc input:checked + label, .list-doc input:checked + strong label { color: #97c22e; font-weight: 500; } .list-doc input:checked + label:before, .list-doc input:checked + strong label:before { content: "\e910"; border: 0; border-radius: 0; background: none; color: #97c22e; font-size: 12px; line-height: 22px; } .list-e { position: relative; z-index: 2; list-style: none; padding: 0 0 0 130px; line-height: 1.9; } .list-e li { } .list-e i { position: absolute; top: 0; left: 0; color: #81b502; font-size: 80px; } .list-e .a { } .list-e .a a { color: #000; font-size: 18px; } .list-e.a { font-size: 16px; font-weight: 400; } .list-e.a h1, .list-e.a h2, .list-e.a h3, .list-e.a h4, .list-e.a h5, .list-e.a h6 { margin-bottom: 10px; font-size: 16px; font-weight: 500; } .list-e.a li { margin-bottom: 45px; } .list-f { list-style: none; margin-left: -8px; margin-right: -8px; padding: 0; font-size: 17px; } .list-f li { margin: 0 8px 10px; } .list-f a { display: block; padding: 5px 14px; border-radius: 5px; line-height: 1.1 } .list-filters { list-style: none; padding: 15px 10px 8px 20px; border: 1px solid #e30014; color: #11bbed; font-size: 15px; } .list-filters li { position: relative; z-index: 2; } .list-filters li:first-child { position: relative; } .list-filters li:first-child span { position: absolute; top: -25px; left: -10px; padding: 0 10px; background: #fff; color: #595959; } .list-filters a { display: block; position: absolute; top: 0; right: 0; padding-right: 21px; color: #e30014; } .list-filters a:before { content: "\e91c"; left: auto; right: 0; width: auto; font-size: 14px; } .list-logos { list-style: none; margin-bottom: 35px; padding: 0; } .list-logos li { text-align: center; } .list-logos .owl-dots { position: absolute; bottom: -30px; left: 50%; } .list-select { list-style: none; width: 100%; padding: 0; color: #878c9a; font-size: 15px; font-weight: 300; line-height: 1.1; } .list-select li { display: block; position: relative; margin-bottom: 7px; border-bottom: 1px solid #eff2f5; } .list-select input { display: none; } .list-select label { display: inline-block; position: relative; z-index: 2; width: 100%; padding: 11px 90px 11px 46px; border: 1px solid #cdd8e1; border-radius: 5px; background: #fff; color: #7a7a7a; cursor: pointer; } .list-select label:before { overflow: visible; top: 50%; left: 15px; width: 15px; height: 15px; margin-top: -7px; border: 1px solid #c6c6c6; border-radius: 5px; background: #fff; color: #fff; font-size: 16px; } .list-select input:checked + label, .list-select input:checked + strong label, .list-select input:checked ~ .price { color: #80b400; font-weight: 500; } .list-select input:checked + label, .list-select input:checked + strong label { border-color: #80b400; background: #fff; } .list-select input:checked + label:before, .list-select input:checked + strong label:before { content: "\e910"; border: 0; background: #fff; color: #81b502; line-height: 16px; } .list-select .price { position: absolute; top: 12px; right: 13px; z-index: 2; width: 100px; color: #4d4d4d; text-align: right; } .list-social { list-style: none; padding: 0; margin-left: -12px; margin-right: -12px; font-size: 31px; } .list-social li { margin-left: 12px; margin-right: 12px; } .list-social a, #footer .list-social a { display: block; color: #80b400; } [data-whatintent="mouse"] .list-social a:hover { color: #3a3f48; } .list-specification { list-style: none; padding: 0; max-width: 475px; font-size: 15px; } .list-specification li:nth-child(2n+1) { background: #eaf3fa; } .list-specification p { width: 40%; padding: 3px 8px; } .list-specification p:first-child { width: 60%; color: #878787; } .list-sum { list-style: none; margin: 0 -10px; padding: 0; font-size: 15px; } .list-sum li { margin: 0 10px 25px; } .list-sum .a { color: #80b400; font-size: 25px; font-weight: 700; } .list-sum .a span { margin-right: 20px; color: #000; font-size: 20px; font-weight: 500; } .list-sum .link-discount { display: block; position: relative; z-index: 2; padding: 7px 33px 7px 15px; border-radius: 5px; background: #eaf3fa; color: #595959; font-size: 15px; line-height: 1.1; } [data-whatintent="mouse"] .list-sum .link-discount:hover { background: #d92400; color: #fff; } .discount-active .list-sum .link-discount { background: #0090ff; color: #fff; } .list-sum .link-discount:before { content: "\e909"; left: auto; right: 13px; width: auto; font-size: 10px; } .discount-active .list-sum .link-discount:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .list-summary { list-style: none; padding: 0; } .list-summary li { padding-right: 445px; border-bottom: 1px solid #eaf3fa; } .list-summary p { width: 100%; padding: 16px 30px; } .list-summary p:first-child { text-align: right; } .list-summary p:last-child { width: 445px; margin-right: -445px; } .list-summary li:nth-child(1) p:last-child { color: #80b400; font-size: 21px; font-weight: 400; } .list-summary li:nth-child(2) p:last-child { font-size: 19px; font-weight: 400; } .list-summary li:nth-child(3) p:last-child { background: #11bbed; color: #fff; font-size: 24px; font-weight: 700; } /*! Forms --------- */ ::-webkit-input-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } ::placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } .cart-custom { } .cart-custom .check-a { display: block; margin-bottom: 30px; } .cart-custom .check-a span { color: #11bbed; } .check-a label { display: block; position: relative; z-index: 2; padding: 0 0 0 30px; color: #659085; font-weight: 400; line-height: 1.1; cursor: pointer; } .check-a label:before { width: 15px; height: 15px; margin-top: -9px; border: 1px solid #c6c6c6; border-radius: 5px; background: #fff; color: #6aaf10; font-size: 15px; cursor: pointer; } .check-a input:checked + label:before { border-color: #4fb81c; background: #4fb81c; } .check-a input:checked + label:before { content: "\e910"; color: #fff; font-size: 10px; line-height: 15px; } .form-a { } .form-a p { margin-bottom: 14px; padding-left: 175px; } .form-a label { width: 175px; margin-left: -175px; padding-right: 17px; text-align: right; } .form-a label span { color: #f11111; font-weight: 700; } .form-a input { width: 100%; height: 35px; padding: 0 15px; border: 1px solid #d4e1eb; font-size: 14px; } .form-a button { width: 150px; padding: 6px 15px; border: 0; border-radius: 5px; background: #11bbed; color: #fff; line-height: 1.1; cursor: pointer; } [data-whatintent="mouse"] .form-a button:hover { background: #81b502; } .form-a .short input { max-width: 130px; } .form-a.a { } .form-a.a input { max-width: 238px; } .form-a.b { position: relative; z-index: 2; padding-right: 130px; } .form-a.b:before { content: "\e921"; top: 0; left: auto; right: 10px; width: auto; color: #81b502; font-size: 80px; line-height: 1; } .form-a.b p { padding-left: 110px; } .form-a.b label { width: 110px; margin-left: -110px; } .box-b .form-a p { margin-bottom: 10px; } .box-b .form-a input { border-radius: 5px; } .form-ask { max-width: 650px; margin: 0 auto 30px; font-size: 15px; } #form-contact header { margin-bottom: 40px; } .form-ask p { margin-bottom: 14px; padding-left: 175px; } .form-ask label { width: 175px; margin-left: -175px; padding-top: 8px; padding-right: 17px; text-align: right; } .form-ask label span { color: #f11111; font-weight: 700; } .form-ask input, .form-ask textarea { width: 100%; height: 35px; padding: 0 15px; border: 1px solid #d4e1eb; font-size: 14px; } .form-ask input { max-width: 236px; } .form-ask textarea { width: 100%!important; height: 135px; min-height: 135px; padding-top: 15px; padding-bottom: 15px; } .form-ask button { padding: 6px 15px; border: 0; border-radius: 5px; background: #11bbed; color: #fff; line-height: 1.1; cursor: pointer; } [data-whatintent="mouse"] .form-ask button:hover { background: #81b502; } .form-ask .line { margin-left: -10px; margin-right: -10px; } .form-ask .line > * { margin-bottom: 14px; margin-left: 10px; margin-right: 10px; } .form-ask .line p { padding-left: 0; } .form-ask .line label { width: auto; margin-left: -10px; padding-top: 0; padding-right: 0; } .form-ask .submit { padding-left: 0; } .form-footer { margin-bottom: 20px; color: #11110f; font-size: 15px; line-height: 1.07; } .form-footer .akc { margin-bottom: 12px; padding-left: 30px; } .form-footer table { width: auto; margin: 0!important; } .form-footer td { position: relative; z-index: 2; padding-bottom: 20px; } .form-footer td:first-child { vertical-align: top; } .form-footer td input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; width: 30px; height: 20px; opacity: 0; cursor: pointer; } .form-footer .input { position: relative; z-index: 2; width: 15px; height: 15px; margin-top: 0; color: #6aaf10; font-size: 16px; cursor: pointer; border: 1px solid #c6c6c6; border-radius: 5px; } .form-footer td input:checked + .input { border-color: #4fb81c; background: #4fb81c; } .form-footer td input:checked + .input:before { content: "\e910"; color: #fff; font-size: 10px; } .form-footer td label { display: block; padding-left: 10px; font-size: 15px; text-transform: none; cursor: pointer; } .form-footer span { color: #ff0000; font-weight: 700; } .form-footer.a { width: 100%; max-width: 715px; margin-bottom: 25px; margin-left: auto; margin-right: auto; } .form-search { width: 100%; background: #fff; } .form-search p { position: relative; z-index: 2; width: 100%; padding-right: 45px; } .form-search input { width: 100%; min-width: 10px; height: 40px; padding: 0 20px; border: 0; color: #848484; font-size: 14px; font-style: italic; } .form-search button { display: block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: 0; background: none; text-indent: -9999em; cursor: pointer; } .form-search button:before { content: "\e906"; color: #80b400; font-size: 20px; } .form-sort { position: relative; z-index: 20; margin-bottom: 5px; font-size: 15px; line-height: 1.2; } .form-sort select { position: relative; z-index: 10; width: 190px; height: 36px; padding: 0 34px 0 18px; border: 1px solid #d9e4ed; border-radius: 5px; background: #fff; color: #000; font-size: 15px; font-weight: 300; cursor: pointer; } .form-sort select { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjkyLjM2MnB4IiBoZWlnaHQ9IjI5Mi4zNjJweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjODBiNDAwIiBkPSJNMjg2LjkzNSw2OS4zNzdjLTMuNjE0LTMuNjE3LTcuODk4LTUuNDI0LTEyLjg0OC01LjQyNEgxOC4yNzRjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQKCQlDMS44MDcsNzIuOTk4LDAsNzcuMjc5LDAsODIuMjI4YzAsNC45NDgsMS44MDcsOS4yMjksNS40MjQsMTIuODQ3bDEyNy45MDcsMTI3LjkwN2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOAoJCXM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhMMjg2LjkzNSw5NS4wNzRjMy42MTMtMy42MTcsNS40MjctNy44OTgsNS40MjctMTIuODQ3QzI5Mi4zNjIsNzcuMjc5LDI5MC41NDgsNzIuOTk4LDI4Ni45MzUsNjkuMzc3eiIvPgo8L2c+Cjwvc3ZnPgo=) 90% center no-repeat #fff; background-size: auto 11px; } .form-sort select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .submit-btn { text-align: center; } .submit-btn button, .submit-btn .button { min-width: 155px; padding: 8px 20px; border: 0; border-radius: 5px; background: #11bbed; color: #fff; font-size: 18px; font-weight: 400; cursor: pointer; } .submit-btn button i, .submit-btn .button i { font-size: 10px; margin-left: 10px; } [data-whatintent="mouse"] .submit-btn button:hover, [data-whatintent="mouse"] .submit-btn .button:hover { background: #8dbc1b; } /*! Helpers --------- */ *, *:before, *:after { transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; transform-origin: center center; } option { transition: none; } .clear { clear: both; } .list-logos .owl-nav, .form-sort label, .page-navigation li:last-child:before, .module-discount, #nav .drop li:last-child a:before, .list-social span, #footer .module-contact li:before, .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .slide-a .owl-nav, .cart-custom .check-a input, #nav > ul > .withsub:before, [hidden], template { display: none; } [data-whatintent="mouse"] #nav > ul > .withsub:hover:before, #mKoszyk a, .storebox a, #mKoszyk span:first-child, .storebox span:first-child, article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .module-blog header ul, .nav-categories figure, .baner-a, #featured figure, .product-b .link-btn, .form-sort p, .nav-subpage ul, .list-specification p, .product-a .submit, .product-a .prices, .list-summary p, #menu-icon, #top .list-contact, #links .list-social, #mKoszyk p, .storebox, .form-search p, ul ul, ul ol, ol ol, ol ul, #logo { margin-bottom: 0; } #mobile, #shadow { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } .list-blog figure img, .baner-a a:before, .baner-a a:after, .owl-dots button, .product-a .store, .list-sum .link-discount:before, .link-btn a:after, .link-btn a:before { transition: all .4s linear; -webkit-transition-delay: -.1s; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #e5e5e5; background: none; font-size: 0; } ul ul, ul ol, ol ol, ol ul, #logo, #root .m0, .double .module-pattern { margin-bottom: 0; } #root .m10 { margin-bottom: 10px; } #root .m30 { margin-bottom: 30px; } #root .m35 { margin-bottom: 35px; } #root .m40 { margin-bottom: 40px; } #root .m50 { margin-bottom: 50px; } #root .m55 { margin-bottom: 55px; } #root .m75 { margin-bottom: 75px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: #11bbed; color: #fff; text-shadow: none; } ::-moz-selection { background: #11bbed; color: #fff; text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } [data-whatintent="mouse"] .module-add .add-btn .store:hover, [data-whatintent="mouse"] .product-a .submit button:hover, [data-whatintent="mouse"] .list-c:hover i, [data-whatintent="mouse"] .form-search button:hover, [data-whatintent="mouse"] .list-social a:hover, [data-whatintent="mouse"] .list-b li:hover i { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .module-contact:hover h1 i, [data-whatintent="mouse"] .module-contact:hover h2 i, [data-whatintent="mouse"] .module-contact:hover h3 i, [data-whatintent="mouse"] .module-contact:hover h4 i, [data-whatintent="mouse"] .module-contact:hover h5 i, [data-whatintent="mouse"] .module-contact:hover h6 i { -webkit-animation-name: bump; animation-name: bump; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .nav-categories li:hover figure, [data-whatintent="mouse"] .product-b:hover img, [data-whatintent="mouse"] .product-a:hover img { -webkit-animation-name: popB; animation-name: popB; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes pop {50% { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes pop {50% { -webkit-transform: scale(1.3); transform: scale(1.3); } } @-webkit-keyframes popA {50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes popA {50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @-webkit-keyframes popB {50% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes popB {50% { -webkit-transform: scale(0.9); transform: scale(0.91); } } @-webkit-keyframes bump {50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes bump {50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } /*! Flexbox --------- */ #nav .a .drop ul, .list-logos .owl-carousel .owl-stage, .list-blog .footer-blog, .list-blog li, .list-f, .module-blog header, .module-g header, .nav-categories ul, .nav-categories figure, .module-banners, .product-b .prices, .product-b, .module-newsletter .inputs, .module-a, .filter-prices, .module-sort, .pagination, .pagination ul, .module-catalog form, .list-specification li, .module-add .add-btn, .module-add .add, .module-add .price, .rating-c, .rating-c ul, .box-c .line, .module-product .list-attr, .box-c, .module-product, .module-comments .rating-select, .module-comments .line, .module-comments p, .list-comments .header-comment, .owl-dots, .product-a .list-attr, .product-a .prices, .steps ul, .module-discount, .list-sum, .cart-buttons, .payment-info, .module-items .item, .module-items .item .line, .cart-info, .box-doc, .list-doc, .list-summary li, .cart-custom, .double.b, .list-d, .form-ask .line, .form-ask p, .module-c .line, .form-a p, .module-b, #nav > ul > li > a, #nav > ul, .list-contact, #links, #panel .form-search, #mKoszyk a:before, .storebox a:before, #panel, #up > ul, .list-social, #footer nav, .list-b li, .list-b, #footer > div, .link-btn a:before, .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #nav .a .drop ul, .list-logos .owl-carousel .owl-stage, .list-blog .footer-blog, .list-blog li, .list-f, .module-blog header, .module-g header, .nav-categories ul, .nav-categories figure, .module-banners, .product-b .prices, .product-b, .module-newsletter .inputs, .module-a, .filter-prices, .module-sort, .pagination, .pagination ul, .module-catalog form, .list-specification li, .module-add .add-btn, .module-add .add, .module-add .price, .rating-c, .rating-c ul, .box-c .line, .module-product .list-attr, .box-c, .module-product, .module-comments .rating-select, .module-comments .line, .module-comments p, .list-comments .header-comment, .owl-dots, .product-a .list-attr, .product-a .prices, .steps ul, .module-discount, .list-sum, .cart-buttons, .payment-info, .module-items .item, .module-items .item .line, .cart-info, .box-doc, .list-doc, .list-summary li, .cart-custom, .double.b, .list-d, .form-ask .line, .form-ask p, .module-c .line, .form-a p, .module-b, #nav > ul > li > a, #nav > ul, .list-contact, #links, #panel .form-search, #mKoszyk a:before, .storebox a:before, #panel, #up > ul, .list-social, #footer nav, .list-b li, .list-b, #footer > div { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .product-b .prices, .product-a .prices, #mKoszyk a, .storebox a, .list-b li { -webkit-flex-direction: column; flex-direction: column; } .text-left .link-btn, .link-btn.text-left { -webkit-justify-content: flex-start; justify-content: flex-start; } .nav-categories figure, .product-b .prices, .owl-dots, .product-a .prices, .cart-custom, .double.b, #mobile .list-social, #nav > ul > li > a, #mKoszyk a:before, .storebox a:before, .link-btn a:before, .text-center .link-btn, .link-btn.text-center { -webkit-justify-content: center; justify-content: center; } .module-sort.a,.module-comments .submit, .module-comments .line, .list-comments .header-comment, .module-discount, .cart-buttons, .payment-info, .form-ask .line, .form-ask .submit, .form-a .submit, #panel, .text-right .link-btn, .link-btn.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; } .list-blog .footer-blog, .module-blog header, .module-sort, .list-sum, .cart-info { -webkit-justify-content: space-between; justify-content: space-between; } .module-b { -webkit-align-items: flex-start; align-items: flex-start; } .list-logos .owl-carousel .owl-stage, .list-blog li, .list-f, .module-blog header, .module-g header, .nav-categories figure, .product-b, .module-a, .filter-prices, .pagination, .pagination ul, .list-specification li, .module-add .add-btn, .module-add .add, .rating-c, .rating-c ul, .box-c .line, .module-comments .rating-select, .module-comments .line, .module-comments p, .list-comments .header-comment, .module-discount, .list-sum, .cart-buttons, .payment-info, .module-items .item, .module-items .item .line, .cart-info, .box-doc, .list-doc, .list-summary li, .form-ask .line, .module-c .line, .form-a p, #nav > ul > li > a, #links, #mKoszyk a:before, .storebox a:before, #panel, .link-btn a:before { -webkit-align-items: center; align-items: center; } #footer > div { -webkit-align-items: flex-end; align-items: flex-end; } .module-newsletter .inputs input, .filter-prices .input, #panel .form-search { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .module-newsletter .inputs input, .filter-prices .input, #panel .form-search { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype'); } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-address:before { content: "\e922"; } .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-automobile:before { content: "\e90b"; } .icon-call:before { content: "\e90c"; } .icon-cards:before { content: "\e90d"; } .icon-carpet:before { content: "\e90e"; } .icon-cart:before { content: "\e905"; } .icon-chat:before { content: "\e90f"; } .icon-check-mark:before { content: "\e911"; } .icon-check:before { content: "\e910"; } .icon-chevron:before { content: "\e912"; } .icon-clock:before { content: "\e913"; } .icon-close:before { content: "\e914"; } .icon-danger:before { content: "\e915"; } .icon-double-chevron:before { content: "\e908"; } .icon-facebook:before { content: "\e917"; } .icon-fire:before { content: "\e916"; } .icon-instagram:before { content: "\e919"; } .icon-mail:before { content: "\e907"; } .icon-menu:before { content: "\e904"; } .icon-phone:before { content: "\e91a"; } .icon-printer:before { content: "\e91b"; } .icon-search:before { content: "\e906"; } .icon-settings:before { content: "\e923"; } .icon-signs:before { content: "\e91c"; } .icon-star:before { content: "\e91d"; } .icon-trash:before { content: "\e91e"; } .icon-triangle-down:before { content: "\e909"; } .icon-triangle-right:before { content: "\e90a"; } .icon-truck:before { content: "\e91f"; } .icon-unlock:before { content: "\e920"; } .icon-user:before { content: "\e921"; } .icon-youtube:before { content: "\e918"; } .icon-a { width: 101px; height: 45px; background: url(../images/icon-a.png); } .icon-b { width: 65px; height: 45px; background: url(../images/icon-b.png); } .icon-c { width: 34px; height: 45px; background: url(../images/icon-c.png); } .icon-d { width: 37px; height: 45px; background: url(../images/icon-d.png); } /*! Lib --------- */ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* Responsive --------- */ @media only screen and (max-width: 84.375em) { /* 1350 */ #top, #content, #footer { width: 980px; } #top { margin-left: -490px; } #nav .a .drop { width: 1000px; } #footer { padding-left: 0; padding-right: 0; } #footer > div, #footer nav, .list-b { margin-left: -30px; } #footer > div > *, #footer nav > div, .list-b li { border-left-width: 30px; } .double.a, .double.b { margin-left: -40px; } .double.a > *, .double.b > * { border-left-width: 40px; } .double.e { margin-left: -20px; } .double.e > * { border-left-width: 20px; } .box-a { margin-bottom: 40px; } .module-a .module-newsletter { padding-left: 0; } .module-b { margin-left: -40px; } .module-b > * { border-width: 40px; } .module-banners { margin-left: -20px; } .module-banners > * { width: 67%; border-left-width: 20px; } .module-banners > *:last-child { width: 33%; } .module-banners #featured, .module-banners .baner-a { margin-bottom: 20px; } .module-gallery { } .module-gallery .main-pic figure { height: 350px; } .module-gallery .main-pic figure img { max-height: 350px; } .module-items { } .module-items .item .price, .module-items .item .option, .module-items .item .price-all, .module-items .item .remove-btn { width: 50%; } .module-items .item .remove-btn a { float: left; } .module-catalog .product-a { width: 33.3333%; } .module-comments { padding-left: 20px; padding-right: 20px; } .module-review { } .module-review > *:first-child { padding-right: 10px; } .module-review > *:last-child { padding-left: 10px; } .nav-categories li { width: 25%; } .wbox { } .wbox .inside { padding-left: 200px; } .wbox .inside:before { font-size: 150px; } .form-a.b { padding-right: 0; } .form-a.b:before { display: none; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer { width: 720px; } #root { padding-top: 110px; } #top { height: 110px; margin-left: -360px; } #top:before { background: #11bbed; } #logo { top: 0; left: 50%; margin-left: -110px; } #panel { top: 60px; height: 50px; padding-left: 50px; } #panel .storebox { margin-left: 5px; } #panel .form-search { max-width: 100%; } #nav, #up, #links { display: none; } #menu-icon { display: block; } .menu-active #mobile { left: 0; } .menu-active #shadow { visibility: visible; opacity: 1; } #mKoszyk { margin-left: 5px; } #mKoszyk a { width: 50px; height: 50px; padding: 0; } #mKoszyk a:before { width: 50px; } #mKoszyk a:after { content: "\e909";} [data-whatintent="mouse"] #mKoszyk a:hover:before { background: #ff3e34; color: #fff; } #mKoszyk span { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } #mKoszyk .no { position: absolute; top: 2px; left: auto; right: 2px; font-size: 16px; } #footer { } #footer > div > *, #footer nav > div, .list-b li { width: 50%; } #footer > div p, #footer > div p:last-child { width: 100%; } .heading-a { margin-bottom: 5px; padding: 0; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { font-size: 20px; } .cols-a { padding-left: 0; } .cols-a > * { padding-left: 0; } .cols-a > *:first-child, .cols-a > *:nth-child(3) { width: 100%; margin-left: 0; } .double.a, .double.b { } .double.a > *, .double.b > * { width: 100%; } .double.c, .double.d { } .double.c > *, .double.c > *:first-child, .double.d > *, .double.d > *:first-child { width: 100%; } .box-d { display: none; } .cart-summary { } .cart-summary header { position: relative; top: auto; left: auto; padding-left: 50px; } .module-a { } .module-a .module-newsletter, .module-a .product-b { width: 100%; } .module-a .module-newsletter { padding-right: 0; } .module-aside { margin-bottom: 10px; padding: 30px 0 0 0; } .module-aside > * { margin-bottom: 20px; padding-right: 0; } .module-aside > *:last-child { width: 100%; margin-right: 0; } .module-b > * { width: 100%; } .module-blog { margin-left: -20px; margin-right: -20px; } .module-blog header { -webkit-justify-content: flex-start; justify-content: flex-start; } .module-blog header h1, .module-blog header h2, .module-blog header h3, .module-blog header h4, .module-blog header h5, .module-blog header h6 { font-size: 25px; } .module-blog header ul { width: 100%; } .module-catalog .product-a { width: 33.3333%; } .module-d { padding-left: 0; } .module-description { padding-left: 0; padding-right: 0; } .module-e { float: none; width: auto; margin-left: -20px; margin-right: -20px; padding: 20px; } .module-filters { margin-bottom: 20px; padding-left: 0; padding-right: 0; } .module-filters .title-a { margin-bottom: 0; padding: 5px 20px; background: #11bbed; color: #fff; font-size: 17px; cursor: pointer; } .filters-active .module-filters .title-a:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .filters-active .module-filters .box-filter, .module-filters .title-a:before { display: block; } .filters-active .module-filters { background: #f9f9f9; } .filters-active .module-filters .title-a { background: #000; } .module-filters .box-filter { display: none; padding: 15px 20px 0; } .module-filters .box-filter .list-checkbox { margin-bottom: 0; } .module-product { padding-right: 0; } .module-product .module-gallery { padding-right: 0; } .module-product .column { width: 100%; margin-right: 0; } .module-review { } .module-review > * { width: 100%; padding-top: 35px; } .module-review > *:first-child { padding-right: 0; } .module-review > *:last-child { padding-left: 0; } .module-similar { } .module-similar header { padding-left: 0; } .module-similar header h1, .module-similar header h2, .module-similar header h3, .module-similar header h4, .module-similar header h5, .module-similar header h6 { margin-bottom: 20px; font-size: 17px; } .nav-categories, .page-navigation { padding-left: 0; padding-right: 0; } .selected-filters { margin-bottom: 2px; } .selected-filters h1, .selected-filters h2, .selected-filters h3, .selected-filters h4, .selected-filters h5, .selected-filters h6 { margin-bottom: 0; padding: 5px 20px; background: #11bbed; color: #fff; font-size: 17px; font-weight: 400; text-decoration: none; cursor: pointer; } .selected-filters .list-filters { display: none; } .selected-active .selected-filters .list-filters, .selected-filters h1:before, .selected-filters h2:before, .selected-filters h3:before, .selected-filters h4:before, .selected-filters h5:before, .selected-filters h6:before { display: block; } .selected-active .selected-filters h1:before, .selected-active .selected-filters h2:before, .selected-active .selected-filters h3:before, .selected-active .selected-filters h4:before, .selected-active .selected-filters h5:before, .selected-active .selected-filters h6:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .selected-active .selected-filters h1, .selected-active .selected-filters h2, .selected-active .selected-filters h3, .selected-active .selected-filters h4, .selected-active .selected-filters h5, .selected-active .selected-filters h6 { background: #ed2611; } .selected-filters .list-filters { margin-top: 20px; } .storebox { } .storebox a { width: 50px; height: 50px; padding: 0; } .storebox a:before { width: 50px; } .storebox span { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .storebox .no { position: absolute; top: 2px; left: auto; right: 2px; font-size: 16px; } .steps { } .steps ul { font-size: 16px; } .steps li { margin-right: 20px; } .wbox { padding-left: 0; } .wbox .inside { padding-left: 0; } .list-blog { } .list-blog li > * { width: 100%; } .list-blog .blog-info { padding-left: 20px; padding-right: 20px; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, .storebox .no:before, .storebox .no:after, #mKoszyk .no:before, #mKoszyk .no:after, #mKoszyk a:after, .wbox .inside:before { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top, #content, #footer { width: auto; } #content, #footer { padding-left: 20px; padding-right: 20px; } #top { left: 20px; right: 20px; margin-left: 0; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 15px; } #top { } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 1.3em; } #content > *:last-child { margin-bottom: 30px; } #footer, #footer .list-b { font-size: 14px; } #footer nav li { margin-bottom: 8px; } #footer > div { padding-top: 20px; font-size: 14px; } #footer > div > figure, #footer > div > p { margin-bottom: 5px; } .heading-b { margin-bottom: 10px; } .heading-b h1, .heading-b h2, .heading-b h3, .heading-b h4, .heading-b h5, .heading-b h6 { margin-bottom: 25px; font-size: 17px; } .heading-b i { bottom: 20px; font-size: 40px; } .box-a { margin-bottom: 20px; padding: 20px 20px 2px; } .box-b { margin-bottom: 20px; padding: 20px; } .box-b h1, .box-b h2, .box-b h3, .box-b h4, .box-b h5, .box-b h6 { margin-bottom: 20px; } .box-c { } .box-c > *, .box-c > *:first-child { width: 100%; border-right-width: 0; } .box-doc { padding-right: 0; } .box-doc ul { width: 100%; margin-right: 0; padding-left: 0; } .box-doc h1, .box-doc h2, .box-doc h3, .box-doc h4, .box-doc h5, .box-doc h6 { padding-right: 0; text-align: center; } .cart-summary { padding-top: 20px; padding-bottom: 20px; } .cart-summary header { padding-left: 0; } .cart-summary h1, .cart-summary h2, .cart-summary h3, .cart-summary h4, .cart-summary h5, .cart-summary h6 { font-size: 17px; } .module-about { padding-left: 0; padding-right: 0; font-size: 14px; } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6 { font-size: 18px; } .module-b { } .module-b > * { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } .module-b .module-c { margin-left: 20px; margin-right: 20px; } .module-banners { } .module-banners > *, .module-banners > *:last-child { width: 100%; } .module-blog { font-size: 15px; } .module-blog header h1, .module-blog header h2, .module-blog header h3, .module-blog header h4, .module-blog header h5, .module-blog header h6 { font-size: 20px; } .module-cart { } .module-items .item { padding-left: 16px; padding-right: 16px; } .module-items .item figure { float: none; width: 100%; margin-bottom: 20px; margin-left: 0; border: 1px solid #e2e3e3; background: #fff; text-align: center; } .module-items .item figure img { width: auto; max-height: 150px; } .module-items .item > div { float: none; padding-left: 0; } .module-catalog .product-a { width: 50%; } .module-comments { } .module-comments .rating-select { padding-left: 0; } .module-comments .rating-select p:first-child { width: 100%; margin-bottom: 10px; margin-left: 0; } .module-e { } .module-e h1, .module-e h2, .module-e h3, .module-e h4, .module-e h5, .module-e h6 { font-size: 16px; } .module-e:before { left: -20px; margin-right: -20px; background: #eaf3fa; } .module-f { padding: 20px 10px 1px; } .module-f h1, .module-f h2, .module-f h3, .module-f h4, .module-f h5, .module-f h6 { margin-bottom: 30px; font-size: 17px; } .module-gallery { } .module-gallery .main-pic figure { height: 250px; } .module-gallery .main-pic figure img { max-height: 250px; } .module-gallery .gallery-thumbs figure img { max-height: 50px; } .module-newsletter { font-size: 14px; } .module-newsletter h1, .module-newsletter h2, .module-newsletter h3, .module-newsletter h4, .module-newsletter h5, .module-newsletter h6 { margin-bottom: 10px; font-size: 17px; } .module-pattern { margin: 0 -20px 30px; padding: 30px 20px 1px; } .module-pattern > header { padding-left: 0; padding-right: 0; } .module-pattern > header h1, .module-pattern > header h2, .module-pattern > header h3, .module-pattern > header h4, .module-pattern > header h5, .module-pattern > header h6 { font-size: 17px; } .module-review { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .module-review > * { padding-top: 20px; } .module-review header h1, .module-review header h2, .module-review header h3, .module-review header h4, .module-review header h5, .module-review header h6 { margin-bottom: 15px; font-size: 17px; } .module-sort { margin-bottom: 20px; margin-left: -20px; margin-right: -20px; } .nav-categories { } .nav-categories li { width: 33.3333%; } .product-b { padding-left: 20px; padding-right: 20px; } .product-b h1, .product-b h2, .product-b h3, .product-b h4, .product-b h5, .product-b h6 { font-size: 18px; } .product-b > figure { width: 100%; margin-bottom: 20px; margin-right: 0; } .steps { } .steps ul { margin-left: -20px; margin-right: -20px; padding-left: 0; padding-right: 0; font-size: 13px; } .steps li { margin-right: 0; } .steps a { padding: 16px 7px; } .list-c { } .list-c li { padding-right: 60px; } .list-c .icon:before { font-size: 50px!important; } .list-doc { -webkit-justify-content: center; justify-content: center; } .list-e { padding-left: 70px; } .list-e i { font-size: 40px; } .list-e .a a { font-size: 15px; } .list-e.a { font-size: 15px; } .list-e.a h1, .list-e.a h2, .list-e.a h3, .list-e.a h4, .list-e.a h5, .list-e.a h6 { font-size: 15px; } .list-e.a li { margin-bottom: 15px; } .list-social { margin-left: -8px; margin-right: -8px; font-size: 25px; } .list-social li { margin-left: 8px; margin-right: 8px; } .list-sum .a { font-size: 20px; } .list-sum .a span { font-size: 15px; } .list-summary { margin-left: -20px; margin-right: -20px; font-size: 15px; } .list-summary li { padding-right: 0; } .list-summary p, .list-summary p:last-child { width: 50%; padding: 10px 20px; } .list-summary p:last-child { margin-right: 0; } .list-summary li:nth-child(1) p:last-child, .list-summary li:nth-child(2) p:last-child, .list-summary li:nth-child(3) p:last-child { font-size: 17px; } .form-ask { margin-bottom: 1px; } #form-contact header { margin-bottom: 10px; } .form-footer td { padding-bottom: 10px; } #root .m35, #root .m40, #root .m50, #root .m55, #root .m75 { margin-bottom: 20px; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .steps span, .pagination p { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 31.25em) { /* 500 */ #footer > div > *, #footer nav > div, .list-b li { width: 100%; } .double.e > * { width: 100%; } .module-cart { } .module-items .item .price, .module-items .item .option, .module-items .item .price-all { width: 100%; } .module-catalog .product-a { width: 100%; } .nav-categories li { width: 50%; } .form-a { } .form-a p { margin-bottom: 10px; padding-left: 0; } .form-a label { width: 100; margin-left: 0; padding-right: 0; text-align: left; } .form-a input { max-width: 100%; } .form-a.a { } .form-a.a input { max-width: 100%; } .form-ask { } .form-ask p { margin-bottom: 10px; padding-left: 0; } .form-ask label { width: 100%; margin-left: 0; padding-top: 0; padding-right: 0; text-align: left; } } @media only screen and (max-width: 25em) { /* 400 */ .nav-categories li { width: 100%; } } .module-cart div select {height: 35px;padding: 0 15px;border: 1px solid #d4e1eb;font-size: 14px; border-radius: 5px;} .module-cart #inpost_paczkomat_przycisk {width: 290px; height: 36px; padding: 0 34px 0 18px; border: 1px solid #d9e4ed; border-radius: 5px; background: #fff; color: #000; font-size: 15px; font-weight: 300; cursor: pointer; } .module-cart #inpost_paczkomat_przycisk { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjkyLjM2MnB4IiBoZWlnaHQ9IjI5Mi4zNjJweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjODBiNDAwIiBkPSJNMjg2LjkzNSw2OS4zNzdjLTMuNjE0LTMuNjE3LTcuODk4LTUuNDI0LTEyLjg0OC01LjQyNEgxOC4yNzRjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQKCQlDMS44MDcsNzIuOTk4LDAsNzcuMjc5LDAsODIuMjI4YzAsNC45NDgsMS44MDcsOS4yMjksNS40MjQsMTIuODQ3bDEyNy45MDcsMTI3LjkwN2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOAoJCXM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhMMjg2LjkzNSw5NS4wNzRjMy42MTMtMy42MTcsNS40MjctNy44OTgsNS40MjctMTIuODQ3QzI5Mi4zNjIsNzcuMjc5LDI5MC41NDgsNzIuOTk4LDI4Ni45MzUsNjkuMzc3eiIvPgo8L2c+Cjwvc3ZnPgo=) 90% center no-repeat #fff; background-size: auto 11px; } .module-cart #inpost_paczkomat_przycisk { -webkit-appearance: none; -moz-appearance: none; appearance: none; }