/* ------------------------------------------- Name: Czescimoto Date: 2018/04/09 Author: http://sucro.pl ---------------------------------------------- */ * { margin: 0; padding: 0; } *, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; } body { min-height: 100%; background: #fff; color: #191919; font-family: roboto, Arial, sans-serif; font-size: 13px; font-weight: 300; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } input, button, textarea { font-family: roboto; } /*! Repeatable --------- */ .add-container:after, .module-b ul:after, .column:after, .module-gallery:after, .product-page:after, .list-specification:after, .list-comments:after, .form-a:after, .verify:after, .module-text:after, .module-items:after, .module-items .item:after, .summary-final:after, .cart-buttons:after, .cart-options:after, .list-options:after, .cart-info:before, .module-doc ul:after, .module-doc:after, .module-summary li:after, .module-summary:after, .shipping-other:after, .pattern-a:after, .module-cart > div:after, .buyer-info > div p:after, .module-cart .buyer-info:after, .module-cart:after, .drop-box:after, .filter-form:after, .pagination:after, .sort:after, .about-category:after, .module-catalog-page:after, .form-contact .col-b:after, .contact-form:after, .module-contact-page:after, .list-b:after, .header-a:after, .header-rej:after, .page-navigation:after, .page-navigation ul:after, .panel:after, #top:after, .drop:after, #nav:after, .module-pattern:after, .product-a .buttons:after, .module-catalog:after, .module-catalog form:after, .module-tabs:after, .module-tabs .tabs:after, .module-faq:after, .module-contact:after, .module-contact .c:after, .module-credit ul:after, .module-credit p:after, .list-a:after, .double:after, .module-a:after, #footer:after, #footer nav:after, #footer > ul:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .panel #mKoszyk > a:after, .buyer-info .pattern-a:before, .product-b:before, .product-a:before, .list-a li:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: left; text-indent: -3000em; } #nav:before, .module-pattern:before, .module-faq:before, .module-contact:before, #footer nav:before, #footer > ul:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; } .buyer-info .pattern-a > *, #nav > *, .product-b > *, .module-pattern > *, .product-a > *, .module-faq > *, .module-contact > *, .list-a li > *, #footer nav > *,#footer > ul > * { position: relative; z-index: 3; } #footer nav .active a { cursor: default; } /*! Layout --------- */ #root { overflow-x: hidden; overflow-y: auto; position: relative; width: 100%; } #header { position: relative; z-index: 9; width: 1190px; margin: 0 auto; } #top { } #logo { width: 287px; height: 103px; padding: 32px 0 31px 10px; } #logo a { display: block; width: 100%; height: 100%; background: url(../images/logo.png) no-repeat 0 0; text-indent: -9999em; } .panel { position: absolute; top: 32px; right: 0; z-index: 4; list-style: none; padding: 0; font-size: 13px; line-height: 38px; } .panel > li { float: left; padding: 0 15px; border-left: 1px solid #e5e5e5; } .panel > li:last-child { border-left-width: 0; padding-left: 0; } .panel .btn-later span { display: inline-block; width: 24px; border-radius: 50%; background: #ffcc29; font-weight: 900; line-height: 24px; text-align: center; } .panel .btn-account { text-decoration: underline; } .panel .btn-account:hover { text-decoration: none; } .panel a.accountLog { position: relative; padding-top: 3px; padding-left: 38px; } .panel a.accountLog:before { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(../images/icon-user-log.png) no-repeat; } .panel #mKoszyk { position: relative; } .panel #mKoszyk > a { display: inline-block; position: relative; padding-right: 69px; font-size: 17px; } .panel #mKoszyk > a:hover { color: #000; text-decoration: none; } .panel #mKoszyk:hover > a:after { background: #ececec; margin-top: -11px; margin-bottom: -20px; margin-left: -20px; } .panel #mKoszyk > a > * { z-index: 3; } .panel #mKoszyk > a:before { content: ""; position: absolute; top: 4px; right: 10px; z-index: 3; width: 45px; height: 34px; background: url(../images/icon-cart.png); } .panel #mKoszyk > a > .total { position: relative; z-index: 3; } .panel #mKoszyk > a > .no { display: inline-block; position: absolute; top: -2px; right: 0; width: 24px; border-radius: 50%; background: #ffcc29; font-size: 13px; font-weight: 900; line-height: 24px; text-align: center; } .panel #mKoszyk ul { position: absolute; top: -3000em; left: -3000em; list-style: none; padding: 10px 10px 0; background: #ececec; line-height: 18px; text-align: left; } .panel #mKoszyk:hover ul { top: 58px; left: -20px; } .panel #mKoszyk li { width: 100%; margin-bottom: 10px; } .panel #mKoszyk li figure { width: 80px; padding-right: 20px; } .panel #mKoszyk li p { float: left; width: 180px; } .panel #mKoszyk li p span { display: inline-block; color: #000; font-weight: 500; } .form-currancy { } .form-currancy form { height: 38px; padding: 0 6px; background: #ececec; } .form-currancy select { border: 0; background: none; outline: none; font-size: 13px; font-weight: 500; cursor: pointer; padding:0 10px 0 0 } .form-search { position: absolute; top: 28px; left: 325px; width: 323px; padding-right: 44px; background: #ececec; } .form-search input { width: 100%; height: 44px; padding: 0 17px; border: 0; background: transparent; color: #919191; } .form-search button { position: absolute; top: 0; right: 0; width: 44px; height: 44px; border: 0; background: url(../images/icon-search.png) no-repeat center center; text-indent: -9999em; cursor: pointer; } .form-search button:hover { opacity: .5 } .menu-icon { display: none; position: absolute; top: 113px; right: 10px; z-index: 10; width: 40px; height: 40px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .menu-icon span { display: block; opacity: 1; position: absolute; height: 3px; width: 50%; background: #fff;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .menu-icon span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; } .menu-icon span:nth-child(odd) { left:0px; border-radius: 9px 0 0 9px; } .menu-icon span:nth-child(1), .menu-icon span:nth-child(2) { top: 6px; } .menu-icon span:nth-child(3), .menu-icon span:nth-child(4) { top: 18px; } .menu-icon span:nth-child(5), .menu-icon span:nth-child(6) { top: 30px; } .menu-active .menu-icon span:nth-child(1), .menu-active .menu-icon span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-active .menu-icon span:nth-child(2), .menu-active .menu-icon span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-active .menu-icon span:nth-child(1) { left: 3px; top: 13px; } .menu-active .menu-icon span:nth-child(2) { left: calc(50% - 5px); top: 13px; } .menu-active .menu-icon span:nth-child(3) { left: -50%; opacity: 0; } .menu-active .menu-icon span:nth-child(4) { left: 100%; opacity: 0; } .menu-active .menu-icon span:nth-child(5) { left: 3px; top: 25px; } .menu-active .menu-icon span:nth-child(6) { left: calc(50% - 5px); top: 25px; } #nav { position: relative; padding-top: 2px; font-size: 500; } #nav:before { border-top: 1px solid #e5e5e5; background: #ff6c00; } #nav ul { position: relative; list-style: none; padding: 0; font-size:15px; font-weight:400} #nav li { } #nav > ul > li > a { display: block; padding: 14px 8px; color: #fff; line-height: 20px; } #nav > ul > li:hover > a { background: #fff; color: #191919; box-shadow: 0 0 5px rgba(0,0,0,.3); text-decoration: none; } #nav > ul > li > ul { display: none; position: absolute; top: 48px; left: 0; width: 100%; padding: 41px 17px; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.3); } #nav > ul > li > ul { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } #nav > ul > li:hover > ul { display: block; } #nav > ul > li > ul > li { margin-bottom: 32px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display: table; } #nav > ul > li > ul > li > a { display: block; margin-bottom: 16px; color: #000; font-size: 15px; font-weight: 400; } #nav > ul > li > ul > li > ul { } #nav > ul > li > ul > li > ul > li { position: relative; margin-bottom: 4px; padding-left: 19px; } #nav > ul > li > ul > li > ul > li:before { content: "- "; position: absolute; top: 0; left: 9px; } #nav > ul > li > ul > li > ul > li > a { color: #707070; font-size: 14px; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -250px; right: auto; top: 0; bottom: 0; z-index: 1220; 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 #595c63; background: #3b3e44; font-size: 14px; color: #fff; } #mobile ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 15px 20px; color: #fff; text-transform: none; text-decoration: none; } #mobile ul ul { display: none; } #mobile .toggle > ul { display: block; background: #10121c; } #mobile .sub > a { padding-right: 60px; } #mobile .sub.toggle > a { background: #ff6c00; } #mobile ul > li > .toggle { display: block; position: absolute; top: 0; right: 0; z-index: 20; border-bottom: 1px solid #343747; background: #5a6469; width: 48px; height: 49px; cursor: pointer; } #mobile ul > li > .toggle:before { content: ">"; width: 100%; height: 100%; color: #fff; font-size: 13px; font-weight: 700; -webkit-transform: rotate(90deg); transform: rotate(90deg); } #mobile ul > li.toggle > .toggle { background: #f59f5f; } #mobile ul > .sub.toggle > .toggle:before { color: #000; -webkit-transform: rotate(270deg); transform: rotate(270deg); } #mobile .toggle > ul a { padding-left: 30px; background: #6f7c84; } #mobile .toggle > ul li { border-color: #53626b; } #mobile .toggle > ul > li.toggle > a { background: #ff3e00; } #mobile .toggle > ul > li.toggle > span.toggle { background: #ff7447; } #mobile .toggle > ul > li > ul a { background: #334956; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background: rgba(9,9,9,.41); opacity: 0; cursor: pointer; } #featured { position: relative; z-index: 3; margin: 0 auto; } #featured .slick-dots { position: absolute; bottom: 23px; left: 0; list-style: none; width: 100%; padding: 0; } #featured .slick-dots li { margin: 0 7px; } #featured .slick-dots button { width: 104px; height: 11px; background: #ffcc29; border: 0; border-radius: 5px; text-indent: -9999em; cursor: pointer; outline: none; } #featured .slick-dots .slick-active button { width: 46px; background: #ddd; } #featured img { width: 100%; } #content { position: relative; z-index: 2; width: 1190px; margin: 0 auto; } #footer { position: relative; z-index: 1; width: 1200px; margin: 0 auto; } #footer nav { position: relative; padding: 28px 0 8px; } #footer nav:before { border-top: 3px solid #f3f3f3; border-bottom: 3px solid #fff; background: #fbfbfb; } #footer nav div { width: 25%; padding: 0 20px 20px; } #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { margin-bottom: 21px; color: #191919; font-size: 16px; font-weight: 700; } #footer nav ul { list-style: none; padding: 0; } #footer nav li { margin-bottom: 15px; } #footer nav a { display: inline-block; position: relative; color: #282828; text-decoration: underline; } #footer nav a:hover { text-decoration: none;font-weight: 500; } #footer nav .active a { color: #000; font-weight: 500; text-decoration: none; } #footer > ul { position: relative; list-style: none; padding: 28px 17px 28px 17px; line-height: 19px; } #footer > ul:before { background: #f1f1f1; } #footer > ul li { float: left; margin-right: 12px; } #footer > ul li:last-child { position: absolute; top: 28px; right: 53px; } #footer > ul li:last-child strong { text-transform: uppercase; font-weight:500; } #footer > figure { margin-bottom: 5px; padding: 15px 10px 0; text-align: center; } /*! Flexbox --------- */ #mobile ul > li > span.toggle:before, .panel #mKoszyk li, .product-page .column .rating, .product-page .column .payment, .product-page .brand, .list-specification li, .module-items .item, .summary-final, .module-discount, .cart-buttons, .cart-options, .pagination, .pagination ul, .sort .select, .module-catalog-page .module-catalog form, .form-contact .col-b .verify-img, .form-currancy form, #nav > ul, #featured .slick-dots, .module-catalog, .module-tabs .tabs, .module-contact .c, .list-a, .list-a li, #footer nav { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-page .column .rating, .product-page .column .payment, .product-page .brand, .list-specification li, .module-items .item, .summary-final, .module-discount, .cart-buttons, .cart-options, .pagination, .pagination ul, .sort .select, .module-catalog-page .module-catalog form, .form-contact .col-b .verify-img, .form-currancy form, #nav > ul, #featured .slick-dots, .module-catalog, .module-tabs .tabs, .module-contact .c, .list-a, .list-a li, #footer nav { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .product-page .column .rating, .product-page .brand, .module-tabs.b .tabs, .module-catalog.a { -webkit-justify-content: flex-start; justify-content: flex-start; } #mobile ul > li > span.toggle:before, .module-catalog-page .module-catalog form, #featured .slick-dots, .module-catalog, .module-tabs .tabs { -webkit-justify-content: center; justify-content: center; } .summary-final, .module-discount, .cart-buttons, .cart-options, .pagination.bottom-style, .module-contact .c, .list-a li { -webkit-justify-content: flex-end; justify-content: flex-end; } .product-page .column .payment, #nav > ul { -webkit-justify-content: space-between; justify-content: space-between; } #mobile ul > li > span.toggle:before, .panel #mKoszyk li, .product-page .column .rating, .product-page .column .payment, .module-items .item, .sort .select, .form-contact .col-b .verify-img, .form-currancy form, .list-a li { -webkit-align-items: center; align-items: center; } /*! Columns --------- */ .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; border-left: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double.a { margin-left: -10px; } .double.a > * { width: 50%; padding-right: 0; border-left-width: 10px; } .double.a > *:first-child { padding-right: 10px; } .double.b { margin-left: -40px; } .double.b > * { width: 50%; padding-right: 0; border-left-width: 40px; } .double.b > *:first-child { } .cols-a { } .cols-a > * { float: left; width: 33.333%; padding-right: 10px; } .cols-a > *:last-child { float: left; width: 66.666%; padding-right: 0; } /*! Modules --------- */ .about-category { color: #5f5f5f; font-size: 14px; line-height: 1.8; } .about-category h1, .about-category h2, .about-category h3, .about-category h4, .about-category h5, .about-category h6 { margin-top:15px; margin-bottom: 15px; padding: 0 6px 10px 6px; border-bottom: 2px solid #ffcc29; color: #191919; font-size: 23px; font-weight: 400; line-height: 1.2; } .about-category p { padding-bottom: 20px; } .module-a { padding-top: 36px; } .module-a > * > h1, .module-a > * > h2, .module-a > * > h3, .module-a > * > h4, .module-a > * > h5, .module-a > * > h6 { margin-bottom: 24px; color: #191919; font-size: 25px; font-weight: 400; } .module-a .info-a { position: relative; padding: 10px 20px 20px; } .module-a .info-a:before { content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; height: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #ffcc29; } .module-about { margin-bottom: 10px; padding-top: 21px; padding-left: 17px; color: #191919; line-height: 1.769230769230769; } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6 { margin-bottom: 35px; font-size: 16px; font-weight: 700; line-height: 1.3; } .module-about p { margin-bottom: 25px; } .module-about ul { list-style: none; padding: 0; } .module-about li { position: relative; margin-bottom: 55px; padding-left: 100px; } .module-about figure { position: absolute; top: 0; left: 0; } .module-b { padding: 18px 21px; } .module-b h1, .module-b h2, .module-b h3, .module-b h4, .module-b h5, .module-b h6 { color: #000; font-size: 15px; font-weight: 900; text-transform: uppercase; } .module-b p { margin-bottom: 6px; } .module-b ul { list-style: none; padding: 0; } .module-b li { float: left; margin-right: 15px; } .module-cart { margin-bottom: 100px; } .module-cart .country {background:#ececec; width:100%; padding:20px; margin:0 auto; text-align:center} .module-cart .country strong {font-weight:500; font-size:15px; display:block; margin-bottom:15px;} .module-cart .country .select_country {max-width:280px; padding:9px; background:#fff;margin:0 auto; text-align:center; border:1px solid #e0e0e0; border-radius: 5px; } .module-cart .country .select_country select {max-width:270px; background:#fff; border:0px; } .module-cart #inpost_paczkomat_przycisk, .module-cart #punkt_odbioru_poczta_przycisk{height: 34px; padding: 0 15px; border: 0; outline: none; line-height: 34px; color: #191919; margin: 0; border-radius: 5px;font-size: 12px;font-weight: 700;text-transform: uppercase;cursor: pointer; background: #fff21c} .module-cart #inpost_paczkomat_przycisk:hover, .module-cart #punkt_odbioru_poczta_przycisk:hover { background: #ffae00 } .free-shipping { margin-bottom: 20px; text-align: center; } .free-shipping p { position: relative; display: inline-block; padding-left: 45px; font-size: 15px; } .free-shipping p:before { content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: url(../images/icon-info.png); } .free-shipping p span { color: #000; font-size: 17px; font-weight: 700; } .module-items { } .module-items .item { position: relative; padding: 5px 100px 5px 130px; border-bottom: 2px solid #ececec; text-align: left; } .module-items .item figure { float: left; width: 130px; margin-left: -130px; border: 1px solid #ececec; border-radius: 5px; text-align: center; } .module-items .item figure img { width: 100px!important; max-height: 100px!important; } .module-items .item h1, .module-items .item h2, .module-items .item h3, .module-items .item h4, .module-items .item h5, .module-items .item h6 { width: 55%; padding-left: 30px; padding-right: 20px; font-size: 15px; font-weight: 400; } .module-items .item .no { width: 15%; padding-right: 8px; text-align: right; } .module-items .item .no span { display: inline-block; margin-right: 20px; color: #8a9299; font-size: 13px; } .module-items .item .no input { width: 43px; height: 42px; padding: 0 5px; border: 0; background: #ececec; font-size: 15px; font-weight: 700; text-align: center; } .module-items .item .price { width: 15%; padding-right: 18px; border-left: 1px solid #ddd; font-size: 15px; font-weight: 400; text-align: right; } .module-items .item .price span { display: block; font-weight: 300; } .module-items .item .sum { width: 15%; padding-right: 16px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 17px; font-weight: 400; text-align: right; } .module-items .item .sum span { display: block; font-size: 13px; font-weight: 300; } .module-items .item .remove { position: absolute; top: 50%; right: 16px; margin-top: -18px; } .module-items .item .remove a { display: block; width: 70px; height: 38px; background: url(../images/remove.png); text-indent: -9999em; } .module-items .item .remove a:hover { opacity: .8; } .summary-final { margin-bottom: 25px; } .summary-final p { min-width: 458px; padding: 25px 16px; border-bottom: 2px solid #ececec; text-align: right; } .summary-final p span { display: inline-block; margin-left: 28px; font-size: 21px; font-weight: 400; } .module-discount { margin-bottom: 30px; padding: 17px; line-height: 34px; } .module-discount input { width: 125px; height: 34px; margin-left: 20px; margin-right: 5px; padding: 0 15px; border: 0; background: #f3f3f3; outline: none; } .module-discount input:last-child { margin: 0; border-radius: 5px; font-size: 12px; font-weight: 700; text-transform: uppercase; cursor: pointer; } .module-discount input:last-child { background: #fff21c; background: -moz-linear-gradient(top, #fff21c 0%, #ffce28 100%); background: -webkit-linear-gradient(top, #fff21c 0%,#ffce28 100%); background: linear-gradient(to bottom, #fff21c 0%,#ffce28 100%); } .check-a { position: relative; } .check-a input { display: none; } .check-a label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; } .check-a label:before { content: ""; position: absolute; top: 1px; left: 0; width: 16px; height: 16px; border: 1px solid #b8c9d3; border-radius: 5px; } .check-a input:checked + label:before { content: ""; position: absolute; top: 1px; left: 0; width: 17px; height: 16px; border: 0; background: url(../images/checked.png); } .check-a input:checked + strong label:before { content: ""; position: absolute; top: 10px; left: 10px; width: 17px; height: 16px; border: 0; background: url(../images/checked.png); } .cart-buttons { list-style: none; margin-bottom: 20px; margin-right: 16px; padding: 0; } .cart-buttons li { margin-bottom: 10px; margin-left: 20px; } .cart-buttons input { cursor:pointer; border:0px; display: inline-block; padding: 10px 23px; border-radius: 5px; background: #f3f3f3; color: #929292; font-size: 15px; font-weight: 700; line-height: 20px; text-transform: uppercase; } .cart-buttons input:hover { background: #000; color: #fff; text-decoration: none; } .cart-buttons button { display: inline-block; padding: 10px 23px; border: 0; border-radius: 5px; color: #fff; font-size: 15px; font-weight: 700; line-height: 20px; text-transform: uppercase; cursor: pointer; } .cart-buttons button { background: #ffae00; background: -moz-linear-gradient(top, #ffae00 0%, #ff6d00 100%); background: -webkit-linear-gradient(top, #ffae00 0%,#ff6d00 100%); background: linear-gradient(to bottom, #ffae00 0%,#ff6d00 100%); } .cart-options { width: 100%; margin-bottom: 40px; list-style: none; padding: 0; padding-right: 16px; font-size: 15px; font-weight: 500; } .cart-options li { margin-bottom: 10px; margin-left: 40px; } .cart-options a { color: #3697db; text-decoration: underline; } .cart-options a:hover { text-decoration: none; } .cart-box { float: left; width: 50%; margin-bottom: 30px; text-align: left; } .cart-box.a { padding-right: 5px; } .cart-box.b { padding-left: 5px; } .module-options { margin-bottom: 19px; padding: 16px; } .module-options h1, .module-options h2, .module-options h3, .module-options h4, .module-options h5, .module-options h6 { margin-bottom: 26px; padding: 0 16px; color: #000; font-size: 15px; font-weight: 500; } .list-options { list-style: none; padding: 0; } .list-options li { margin-bottom: 7px; } .list-options .check-a label { position: relative; z-index: 10; display: block; padding: 8px 160px 8px 16px; background: transparent; border: 1px solid #e3e3e6; border-radius: 5px; } .list-options .check-a label:hover { border-color: #d3d3d3; box-shadow: 0 0 3px rgba(0,0,0,.2); } .list-options .check-a strong label { border-color: #68c022; font-weight: 300; } .list-options .check-a label:before { display: none; } .list-options .check-a input:checked + label { border-color: #71b848; } .list-options .check-a input + label:before { display: none; } .list-options .check-a span { color: #5f5f5f; font-size: 14px; font-weight: 300; } .list-options .check-a span strong { font-weight: 500; } .list-options .check-a .selected-a { display: inline-block; position: absolute; top: 3px; right: 3px; z-index: 2; } .list-options .check-a .selected-a strong span { padding: 0; font-weight: 500; } .list-options .check-a .selected-a small { display: none; } .list-options .check-a .selected-a span { display: inline-block; margin-left: 20px; padding: 5px 10px; text-transform: none; } .list-options .check-a strong + .selected-a { display: inline-block; border-radius: 5px; padding: 5px 10px; box-shadow: inset 5px 5px 10px rgba(0,0,0,.1); background: #f3f3f3; color: #68c022; font-size: 11px; font-weight: 700; text-transform: uppercase; } .list-options .check-a strong + .selected-a small { display: inline-block; font-size: 11px; } .list-options .check-a strong + .selected-a:before { content: ""; position: absolute; top: 50%; left: -20px; width: 20px; height: 20px; margin-top: -10px; background: url(../images/checked-a.png) no-repeat center center; } .list-options .check-a strong + .selected-a span { padding: 0; } .cart-info { clear: both; position: relative; margin-bottom: 20px; padding: 10px 10px 20px 65px; border-bottom: 2px solid #ececec; color: #6a6a6a; font-size: 14px; line-height: 1.875; } .cart-info:before { content: ""; position: absolute; top: 10px; left: 16px; width: 32px; height: 32px; background: url(../images/icon-info.png); } .cart-info p { margin-bottom: 22px; } .module-summary { clear: both; list-style: none; max-width: 458px; margin: 0 auto 25px auto; padding: 0; font-size: 14px; font-weight: 400; } .module-summary li { padding: 15px 25px; border-bottom: 2px solid #ececec; line-height: 30px; } .module-summary li p { float: left; width: 50%; } .module-summary li p:last-child { padding-left: 20px; text-align: right; } .module-summary li:last-child { background: #68c022; color: #fff; } .module-summary li:last-child p:last-child { font-size: 24px; font-weight: 500; } .module-summary li:first-child p:last-child { font-size: 21px; font-weight: 400; } .module-doc { max-width: 458px; margin-bottom: 40px; padding: 0 25px; margin-left: auto; margin-right: auto; } .module-doc h1, .module-doc h2, .module-doc h3, .module-doc h4, .module-doc h5, .module-doc h6 { display: inline-block; float: left; font-size: 14px; font-weight: 400; line-height: 30px; } .module-doc ul { float: right; list-style: none; padding: 0; } .module-doc li { float: left; margin-bottom: 10px; margin-left: 15px; } .module-doc label { padding: 5px 23px; border: 1px solid #e6e6e6; border-radius: 5px; } .module-doc label:before { display: none; } .module-doc input:checked + label { padding-left: 41px; background: #f3f3f3; border-color: transparent; box-shadow: inset 5px 5px 10px rgba(0,0,0,.1); } .module-doc input:checked + label:before { display: block; } .module-doc input:checked + label:before { top: 5px; left: 10px; background: url(../images/checked-a.png) no-repeat center center; } .module-doc input:checked + strong label:before { top: 5px; left: 10px; background: url(../images/checked-a.png) no-repeat center center; } .header-cart { display: block; margin-bottom: 48px; color: #000; font-size: 16px; font-weight: 500; } .default-info { float: left; width: 50%; margin-bottom: 60px; padding-right: 60px; } .default-info p { margin-bottom: 7px; } .default-info p label { display: inline-block; float: left; width: 50%; padding-right: 23px; line-height: 36px; text-align: right; } .default-info p input { width: 50%!important; height: 36px; margin: 0!important; padding: 0 10px; border: 0; background: #ececec; outline: none; } .default-info p select { width: 50%!important; height: 36px; margin: 0!important; padding: 0 10px; border: 0; background: #ececec; outline: none; } .login button { width: 50%; height: 36px; padding: 0 10px; border: 0; background: #ececec; outline: none; } .login .button{height: 34px; padding: 0 15px; border: 0; outline: none; line-height: 34px; color: #191919; margin: 0; border-radius: 5px;font-size: 12px;font-weight: 700;text-transform: uppercase;cursor: pointer; background: #fff21c; float:right; } .login .button:hover { background: #ffae00 } .login .remember {text-align:right; margin-top:20px; } .login .remember a {color:#3697db; font-weight: 500; text-decoration:underline} .login .remember a:hover { color: #ff6c00; text-decoration: none; } .login .remember2 {text-align:right; margin-top:20px;line-height:32px; } .login .remember2 a {display:inline-block; height: 34px; padding: 0 15px; border: 0; outline: none; line-height: 34px; color: #191919; margin: 0; border-radius: 5px;font-size: 12px;font-weight: 700;text-transform: uppercase;cursor: pointer; background: #fff21c;} .login .remember2 a:hover { background: #ffae00; text-decoration:none } .login .remember3 {text-align:left; margin-top:20px;line-height:32px; width:100% } .login .remember3 input.button {display:inline-block; height: 34px; padding: 0 15px; border: 0; outline: none; line-height: 34px; color: #191919; margin: 0; border-radius: 5px;font-size: 12px;font-weight: 700;text-transform: uppercase;cursor: pointer; background: #fff21c; float:left} .login .remember3 input.button:hover { background: #ffae00; text-decoration:none } .pattern-a { position: relative; margin-top: 10px; margin-bottom: 60px; padding: 8px 0 5px 0; } .pattern-a:before { border: 1px solid #dadada; margin-right: -16px; } #root .shorter input { width: 40%!important; } .shipping-other { position: relative; float: left; width: 50%; padding: 50px 12px; border: 1px solid #dadada; border-radius: 5px; } .shipping-other .check-a { position: absolute; top: -10px; left: 12px; padding: 0 15px; background: #fff; } .shipping-other .default-info { width: 100%; padding-right: 50px; } .module-cart textarea { max-width: 100%; padding: 0 15px; border: 0; background: #ececec; line-height: 27px; resize: none; } .module-cart form > table { max-width: 634px; min-height: 88px; margin: 0 auto 33px auto; padding: 20px 20px 20px 03px; color: #8f8f8f; font-size: 14px; font-weight: 400; text-align: left; } .module-cart form > table input { opacity: 0 } .module-cart form > table label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; } .module-cart form > table td:first-child { position: relative; } .module-cart form > table td input { position: absolute; top: 0; left: 0; } /*.module-cart form > table label:before { content: ""; position: absolute; top: 1px; left: 0; width: 16px; height: 16px; border: 1px solid #e0e0e0; border-radius: 5px; } .module-cart form > table label.tog:before { content: ""; position: absolute; top: 1px; left: 0; width: 17px; height: 16px; border: 0; background: url(../images/checked.png); }*/ .module-cart form > table input + .input:before { content: ""; position: absolute; top: 1px; left: 0; width: 16px; height: 16px; border: 1px solid #e0e0e0; border-radius: 5px; } .module-cart form > table input:checked + .input:before { content: ""; position: absolute; top: 1px; left: 0; width: 17px; height: 16px; border: 0; background: url(../images/checked.png); } .module-cart form > table a { color: #ff7300; text-decoration: underline; } .module-cart form > table a:hover { text-decoration: none; } .module-cart form > table div { margin: 0!important; } .module-cart form > table td { padding-bottom: 10px; } .module-cart .submit-btn { padding-top: 65px; text-align: center; } .module-cart .submit-btn button { height: 41px; padding: 0 25px; border: 0; border-radius: 6px; color: #fff; font-size: 15px; font-weight: 900; text-transform: uppercase; cursor: pointer; } .module-cart .submit-btn button { background: #ffad00; background: -moz-linear-gradient(top, #ffad00 0%, #ff6d00 100%); background: -webkit-linear-gradient(top, #ffad00 0%,#ff6d00 100%); background: linear-gradient(to bottom, #ffad00 0%,#ff6d00 100%); } .module-catalog { position: relative; margin-left: -11px; } .module-catalog .product-a { margin-bottom: 11px; border-left: 11px solid rgba(0,0,0,0); } .module-catalog.a { } .module-catalog.a .product-b { width: 50%; margin-bottom: 8px; border-left: 7px solid rgba(0,0,0,0); } .module-catalog-page { position: relative; margin-bottom: 30px; } .module-catalog-page .module-catalog { position: relative; left: 50%; width: 100vw; } .module-catalog-page .module-catalog { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .module-catalog-page .module-catalog form { width: 100%; } .module-contact { position: relative; margin-bottom: 38px; padding-top: 21px; padding-bottom: 43px; padding-left: 20px; padding-right: 27px; text-align: right; } .module-contact:before { left: 0; background: #f7f7f7 url(../images/bg-b.png) no-repeat 0 0; background-size: auto 100%; } .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6 { margin-bottom: 60px; font-size: 16px; font-weight: 700; line-height: 1.3; } .module-contact ul { position: relative; list-style: none; margin-bottom: 55px; padding: 0; font-size: 14px; } .module-contact li { margin-bottom: 2px; } .module-contact .a { padding-bottom: 50px; padding-right: 85px; border-bottom: 1px solid #ddd; } .module-contact .a:before { content: ""; position: absolute; top: -5px; right: 0; width: 47px; height: 47px; background: url(../images/icon-f.png); } .module-contact .a a { color: #d09a08; text-decoration: underline; } .module-contact .a a:hover { text-decoration: none; } .module-contact .a .phone-link { color: #000; text-decoration: none; } .module-contact .a .phone-link:hover { text-decoration: underline; } .module-contact .a .phone-link span { font-size: 17px; font-weight: 500; } .module-contact .b { padding-right: 85px; } .module-contact .b:before { content: ""; position: absolute; top: -5px; right: 0; width: 51px; height: 50px; background: url(../images/icon-g.png); } .module-contact .c { } .module-contact .c li { margin-bottom: 10px; margin-left: 18px; } .module-contact .c a { display: inline-block; padding: 5px 15px; border-radius: 6px; background: #ffd028; font-size: 13px; } .module-contact .c a:hover { background: #232323; color: #fff; text-decoration: none; } .module-contact-page { position: relative; margin-bottom: 50px; padding: 30px 21px; border: 2px solid #eee; border-radius: 5px; } .module-contact-page > h1, .module-contact-page > h2, .module-contact-page > h3, .module-contact-page > h4, .module-contact-page > h5, .module-contact-page > h6 { display: inline-block; position: absolute; top: -15px; left: 20px; padding: 5px 10px; background: #fff; font-size: 15px; color: #5f5f5f; font-weight: 400; } .module-credit { position: relative; margin-bottom: 37px; margin-right: 102px; padding: 6px 13px; border: 3px solid #ffd028; border-radius: 6px; color: #282828; background: #f1f1f1; } .module-credit:before { content: ""; position: absolute; top: 0; right: -88px; width: 73px; height: 71px; background: url(../images/shop-a.png); } .module-credit p { margin-bottom: 7px; } .module-credit span { display: inline-block; margin-right: 14px; font-size: 16px; font-weight: 700; } .module-credit ul { list-style: none; padding: 0; } .module-credit li { float: left; width: 33.33%; padding-right: 10px; } .module-faq { position: relative; margin-bottom: 25px; padding: 15px 10px 6px 17px; } .module-faq:before { left: auto; right: 0; background: #f7f7f7 url(../images/bg-a.png) no-repeat right 0; } .module-faq article { } .module-faq article > div { position: relative; padding-left: 81px; } .module-faq h1, .module-faq h2, .module-faq h3, .module-faq h4, .module-faq h5, .module-faq h6 { margin-top: 15px; margin-bottom: 12px; color: #282828; font-size: 16px; font-weight: 700; } .module-faq p { margin-bottom: 7px; } .module-faq article > div figure { position: absolute; top: 0; left: 0; } .module-gallery { float: left; width: 50%; padding-right: 9px; } .module-gallery .main-pic { position: relative; margin-bottom: 11px; padding: 18px; border: 2px solid #ffe91f; border-radius: 6px; } .module-gallery .main-pic figure img { float: none; margin: 0 auto; } .module-gallery .gallery-thumbs { } .module-gallery .gallery-thumbs figure { position: relative; margin-bottom: 11px; margin-right: 11px; border: 1px solid transparent; } .module-gallery .gallery-thumbs figure a { outline: none; } .module-gallery .gallery-thumbs .slick-current { border-color: #ddd; } .module-gallery .slick-arrow { opacity: 0; visibility: visible; position: absolute; top: 50%; z-index: 10; width: 33px; height: 33px; border: 0; border-radius: 5px; background: #ed1c24; color: #fff; text-indent: -9999em; cursor: pointer; outline: none; } .module-gallery:hover .slick-arrow { opacity: 1; visibility: visible; } .module-gallery .slick-arrow:hover { background: #5b6367; } .module-gallery .slick-prev { left: 5px; } .module-gallery .slick-prev:before { content: "<"; position: absolute; top: 0; bottom: 0; right: 0; left: 0; font-size: 15px; font-weight: 600; line-height: 33px; text-indent: 0; } .module-gallery .slick-next { right: 5px; } .module-gallery .slick-next:before { content: ">"; position: absolute; top: 0; bottom: 0; right: 0; left: 0; font-size: 15px; font-weight: 600; line-height: 33px; text-indent: 0; } .module-map { height: 357px; margin-bottom: 50px; } .module-map iframe { width: 100%; height: 100%; } .module-pattern { position: relative; } .module-pattern:before { background: #f9f9f9; } .module-sort { position: relative; margin-bottom: 33px; font-size: 12px; } .module-sort .sort { } .module-sort .sort label { float: left; margin-right: 22px; padding: 9px 0; line-height: 20px; } .module-sort .sort .select { float: left; position: relative; width: 185px; height: 38px; padding: 0 0 0 15px; border: 0; background: #ececec url(../images/arrow-b.png) no-repeat 92% 49%; } .module-sort .sort .select:before { content: ""; position: absolute; top: 50%; right: 18px; width: 7px; height: 4px; margin-top: -2px; background: url(../images/ico-a.png) no-repeat 0 -14px; } .module-sort .sort .select select { width: 100%; border: 0; background: none; color: #5f5f5f; font-size: 14px; cursor: pointer; outline: none; } .module-sort .sort .select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pagination { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 32px; } .pagination.bottom-style { position: relative; top: auto; right: auto; padding-top: 30px; } .pagination ul { list-style: none; padding: 0; margin: 0 10px 0 25px; } .pagination li { margin: 0 1px; } .pagination a { display: block; padding: 0 8px; } .pagination .active a { background: #ffcc29; font-weight: 700; } .module-tabs { position: relative; padding-top: 50px; font-size: 14px; } .module-tabs .tabs { position: relative; list-style: none; margin-bottom: 40px; padding: 0; font-size: 23px; font-weight: 400; } .module-tabs .tabs li { padding: 0 21px; } .module-tabs .tabs li a { display: block; position: relative; padding: 11px 8px 10px; border-bottom: 2px solid transparent; color: #7e7e7e; } .module-tabs .tabs li a:hover { color: #191919; text-decoration: none; } .module-tabs .tabs li.current a { border-color: #ffcc29; color: #191919; } .module-tabs .content-tab { padding: 0 0 20px; } .module-tabs .content-tab.hide { overflow: hidden; opacity: 0; height: 0; padding: 0; } .module-tabs.a { } .module-tabs.a .content-tab { position: relative; left: 50%; width: 100vw; } .module-tabs.a .content-tab { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .module-tabs.b { } .module-tabs.b .tabs { position: relative; list-style: none; margin-bottom: 40px; padding: 0; font-size: 21px; font-weight: 400; } .module-tabs.b .tabs li { padding: 0 40px 0 0; } .module-text { line-height: 1.875; } .module-text p { margin-bottom: 20px; } .page-navigation { position: relative; margin-bottom: 15px; padding-top: 25px; padding-left: 17px; color: #4c453f; font-size: 14px; } .page-navigation ul { list-style: none; padding: 0; } .page-navigation li { float: left; position: relative; margin-right: 23px; } .page-navigation li:before { content: ""; opacity: .7; position: absolute; top: 7px; right: -12px; width: 4px; height: 7px; background: url(../images/arrow-a.png); } .page-navigation a { color: #4c453f; text-decoration: underline; } .page-navigation li:last-child a { text-decoration: none; } .product-a { position: relative; width: 303px; padding: 15px; color: #191919; } .product-a:before { border: 1px solid #e4e4e4; border-radius: 6px; } .product-a:hover:before { box-shadow: 0 0 10px rgba(0,0,0,.3); } .product-a h1, .product-a h2, .product-a h3, .product-a h4, .product-a h5, .product-a h6 { overflow: hidden; height: 68px; margin-bottom: 10px; color: #191919; font-size: 16px; font-weight: 300; line-height: 1.4375; } .product-a h1 a, .product-a h2 a, .product-a h3 a, .product-a h4 a, .product-a h5 a, .product-a h6 a { display: inline-block; } .product-a .rate { margin-bottom: 8px; } .product-a .picture { overflow: hidden; padding-bottom: 22px; text-align: center;height:250px; } .product-a .picture img {max-height:250px!important} .product-a figcaption { position: absolute; bottom: 12px; left: 0; color: #cb0000; font-size: 13px; background:#fff; border-radius: 0 5px 5px 0; padding-left:5px;} .product-a figcaption span { display: inline-block; margin-left: 9px; padding: 2px 5px; border-radius: 5px; background: #cb0000; color: #fff; font-size: 14px; font-weight: 400; } .product-a .price { margin-bottom: 16px; font-size: 21px; font-weight: 400; } .product-a .price .old { color: #a7a7a7; font-size: 14px; font-weight: 300; text-decoration: line-through; } .product-a .buttons { } .product-a .buttons a { display: inline-block; float: left; padding: 7px 14px; border-radius: 5px; color: #191919; font-size: 13px; line-height: 15px; cursor: pointer; } .product-a .buttons a:hover { text-decoration: none; } .product-a .buttons a.link-a { color: #000; margin-right: 11px; } .product-a .buttons a.link-a { background: #ececec; background: -moz-linear-gradient(top, #ececec 0%, #d7d7d7 100%); background: -webkit-linear-gradient(top, #ececec 0%,#d7d7d7 100%); background: linear-gradient(to bottom, #ececec 0%,#d7d7d7 100%); } .product-a .buttons a.link-b { font-size: 11px; font-weight: 700; text-transform: uppercase; } .product-a .buttons a.link-b { background: #fff21c; background: -moz-linear-gradient(top, #fff21c 0%, #ffce28 100%); background: -webkit-linear-gradient(top, #fff21c 0%,#ffce28 100%); background: linear-gradient(to bottom, #fff21c 0%,#ffce28 100%); } .product-a.a { width: 100%; padding: 15px 28px 25px; } .product-a.a:before { border: 2px solid #ffcc29; background: #fff; } .product-a.a h1, .product-a.a h2, .product-a.a h3, .product-a.a h4, .product-a.a h5, .product-a.a h6 { height: auto; font-size: 18px; } .product-a.a .discount { margin-bottom: 14px; color: #cb0000; font-size: 13px; height:30px; } .product-a.a .discount span { display: inline-block; margin-left: 6px; padding: 1px 5px; border-radius: 5px; background: #cb0000; color: #fff; font-size: 18px; font-weight: 400; } .product-a.a .price { font-size: 28px; } .product-a.a .price .old { margin-left: 10px; font-size: 20px; } .product-a.a .promo-info { margin-bottom: 16px; color: #cb0000; font-size: 14px; height:60px; } .product-a.a .promo-info span { display: inline-block; margin-bottom: 5px; margin-right: 10px; } .product-a.a .promo-info .date { margin-right: 0; padding: 8px 53px 8px 13px; border-radius: 5px; background: #cb0000 url(../images/discount.png) no-repeat right 0; color: #fff; font-weight: 500; line-height: 18px; } .product-b { position: relative; padding: 15px; color: #191919; } .product-b:before { border: 1px solid #e4e4e4; border-radius: 5px; background: #fff; } .product-b:hover:before { box-shadow: 0 0 10px rgba(0,0,0,.3); } .product-b h1, .product-b h2, .product-b h3, .product-b h4, .product-b h5, .product-b h6 { overflow: hidden; height: 20px; margin-bottom: 12px; font-size: 16px; font-weight: 300; line-height: 18px; } .product-b .picture { overflow: hidden; float: left; width: 35%; padding-right: 10px; } .product-b div { float: left; width: 65%; padding-top: 15px; } .product-b .discount { margin-bottom: 10px; color: #cb0000; font-size: 13px; } .product-b .discount span { display: inline-block; margin-left: 6px; padding: 1px 5px; border-radius: 5px; background: #cb0000; color: #fff; font-size: 14px; font-weight: 400; } .product-b .price { margin-bottom: 10px; font-size: 16px; font-weight: 400; } .product-b .price .old { display: inline-block; padding-left: 6px; color: #a7a7a7; font-size: 14px; font-weight: 300; text-decoration: line-through; } .product-b .buttons { } .product-b .buttons a { display: inline-block; float: left; margin-bottom: 5px; padding: 7px 14px; border-radius: 5px; color: #191919; font-size: 13px; line-height: 15px; cursor: pointer; } .product-b .buttons a:hover { text-decoration: none; } .product-b .buttons a.link-a { color: #000; margin-right: 11px; } .product-b .buttons a.link-a { background: #ececec; background: -moz-linear-gradient(top, #ececec 0%, #d7d7d7 100%); background: -webkit-linear-gradient(top, #ececec 0%,#d7d7d7 100%); background: linear-gradient(to bottom, #ececec 0%,#d7d7d7 100%); } .product-b .buttons a.link-b { font-size: 11px; font-weight: 700; text-transform: uppercase; } .product-b .buttons a.link-b { background: #fff21c; background: -moz-linear-gradient(top, #fff21c 0%, #ffce28 100%); background: -webkit-linear-gradient(top, #fff21c 0%,#ffce28 100%); background: linear-gradient(to bottom, #fff21c 0%,#ffce28 100%); } .product-b .buttons span a { display: inline-block;float: left; height:29px; background: #e3e3e3; padding:5px 10px; border-radius: 5px; margin-right:4px; margin-bottom: 5px } .product-a .buttons span a { display: inline-block;float: left; height:29px; background: #e3e3e3; padding:5px 10px; border-radius: 5px; margin-right:4px; margin-bottom: 5px } .przechowalnia .product-a .buttons a:first-child { display: inline-block;float: left; height:29px; background: #e3e3e3; padding:5px 10px; border-radius: 5px; margin-right:4px; margin-bottom: 5px } .product-page { } .product-page header { position: relative; margin-bottom: 15px; padding-right: 150px; border-bottom: 1px solid #e3e3e6; } .product-page header h1, .product-page header h2, .product-page header h3, .product-page header h4, .product-page header h5, .product-page header h6 { padding: 7px 17px; font-size: 26px; font-size: 500; } .product-page header p { position: absolute; top: 15px; right: 25px; padding-left: 23px; } .product-page header .bestseller { color: #ff6c00; font-size: 13px; font-weight: 500; text-transform: uppercase; } .product-page header p:before { content: ""; position: absolute; top: -2px; left: 0; width: 17px; height: 20px; background: url(../images/icon-bestseller.png); } .product-page .brand { list-style: none; margin-bottom: 15px; padding: 0 17px; font-size: 14px; } .product-page .brand a { text-decoration: underline; } .product-page .brand a:hover { text-decoration: none; } .product-page .brand li { margin-right: 10px; } .product-page .brand li:last-child a { margin-left: 10px; text-decoration: none; } .product-page .column { float: left; width: 50%; font-size: 14px; } .product-page .column .shipping { position: relative; padding: 20px 100px 17px 17px; border-bottom: 1px solid #dfdfdf; } .product-page .column .shipping:after { content: ""; position: absolute; top: 50%; right: 38px; width: 67px; height: 32px; margin-top: -16px; background: url(../images/icon-shipping.png); } .product-page .column .shipping a { display: inline-block; margin-left: 5px; color: #000; font-size: 16px; font-weight: 900; } .product-page .column .payment { padding: 10px 10px 10px 17px; } .product-page .column .rating { list-style: none; margin-bottom: 30px; padding: 5px 26px; } .product-page .column .rating .stars { margin: 0 13px; } .product-page .column .rating .no { margin-right: 13px; font-size: 15px; } .product-page .column .rating .no span { font-weight: 700; } .product-page .column .rating li img {margin:0 18px 0 8px;} .product-page .column .rating a { color: #047dd2; font-weight: 400; text-decoration: underline; } .product-page .column .rating a:hover { text-decoration: none; } .product-page .column .info-product { position: relative; list-style: none; padding: 0 26px; border-bottom: 1px solid #dfdfdf; display:block } .product-page .column .info-product li { margin-bottom: 30px; } .product-page .column .info-product li.codeD { margin-bottom: 30px; } .product-page .column .info-product li.codeF { margin-bottom: 30px; position:absolute; top:0; right:30px; } .product-page .column .info-product li.codeP { margin-bottom: 30px; } .product-page .column .info-product .free-shipp { display: inline-block; padding: 2px 10px; border-radius: 3px; background: #51b600; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; } .product-page .column .info-product span { color: #000; font-weight: 400; } .product-page .column .info-product .available { display: inline-block; position: relative; margin-left: 12px; padding-left: 36px; font-weight: 500; } .product-page .column .info-product .available:before { content: ""; position: absolute; top: 2px; left: 0; width: 20px; height: 16px; background: url(../images/available.png); } .add-container { margin-bottom: 15px; padding: 14px 24px 4px 24px; color: #000; font-size: 14px; border-bottom: 1px solid #dfdfdf; } .add-container .price { float: left; width: 30%; margin-bottom: 10px; padding-top: 7px; padding-right: 20px; } .add-container .price .title { display: block; margin-bottom: 20px; } .add-container .price strong { display: block; font-size: 23px; font-weight: 500; } .add-container .price small { display: block; color: #868686; font-size: 14px; font-weight: 500; text-decoration: line-through; } .add-container .box-a { float: left; width: 70%; } .add-container .option-a { margin-bottom: 14px; } .add-container .option-a label { margin-right: 15px; } .add-container .option-a .borderAtr { height: 36px; border: 2px solid #ffd426; background: url(../images/arrow-b.png) no-repeat 90% 49%; } .add-container .option-a .borderAtr select { width: 100%; min-width: 135px; padding: 0 25px 0 15px; border: 0; background: transparent; font-size: 13px; font-weight: 600; text-transform: uppercase; outline: none; cursor: pointer; } .add-container .option-a .borderAtr select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .add-container .option-a .borderAtr select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .add-container .inputs { } .add-container .inputs label { margin-right: 16px; margin-bottom: 10px; font-size: 14px; } .add-container .inputs input { width: 47px; height: 41px; margin-bottom: 10px; margin-right: 10px; border: 0; border-radius: 3px; background: #ececec; text-align: center; font-weight: 700; outline: none; } .add-container .inputs span { display: inline-block; margin-bottom: 10px; margin-right: 25px; } .add-container .inputs button { position: relative; height: 41px; margin-bottom: 10px; padding: 0 52px 0 23px; border: 0; border-radius: 5px; font-size: 15px; font-weight: 900; text-transform: uppercase; cursor: pointer; } .add-container .inputs button { background: #fff21c; background: -moz-linear-gradient(top, #fff21c 0%, #ffce28 100%); background: -webkit-linear-gradient(top, #fff21c 0%,#ffce28 100%); background: linear-gradient(to bottom, #fff21c 0%,#ffce28 100%); } .add-container .inputs button:before { content: ""; position: absolute; top: 9px; right: 13px; width: 32px; height: 24px; background: url(../images/icon-cart-a.png); } .add-container .box-b { clear: both; } .add-container .box-b .promo-info { margin-bottom: 10px; color: #cb0000; font-size: 14px; } .add-container .box-b .promo-info span { display: inline-block; margin-bottom: 5px; margin-right: 7px; } .add-container .box-b .promo-info .date { margin-right: 0; padding: 8px 53px 8px 13px; border-radius: 5px; background: #cb0000 url(../images/discount.png) no-repeat right 0; color: #fff; font-weight: 500; line-height: 18px; } .add-container .box-b .later { margin-bottom: 10px; } .add-container .box-b .later span { display: inline-block;height:35px; background: #e3e3e3; padding:6px 14px; border-radius: 5px; margin-bottom:10px; } .add-container .box-b .later span a {margin:0; padding:0; } .add-container .more-accesories { margin-left: -24px; margin-right: -24px; padding: 10px 15px; border-top: 1px solid #dfdfdf; } .add-container .more-accesories .header { position: relative; padding: 0 10px; } .add-container .more-accesories .header h1, .add-container .more-accesories .header h2, .add-container .more-accesories .header h3, .add-container .more-accesories .header h4, .add-container .more-accesories .header h5, .add-container .more-accesories .header h6 { margin-bottom: 15px; font-size: 15px; font-weight: 400; } .add-container .more-accesories .header a { display: inline-block; position: absolute; top: 0; right: 0; margin-right: 10px; padding-right: 20px; background: url(../images/arrow-b.png) no-repeat right center; color: #047dd2; font-size: 13px; text-decoration: underline; } .add-container .more-accesories .header a:hover { text-decoration: none; } .add-container .more-accesories .header p { margin-bottom: 10px; } .add-container .more-accesories ul { list-style: none; padding: 0; } .add-container .more-accesories li { position: absolute; top: -3000em; left: -3000em; margin-bottom: 3px; padding: 8px 68px 8px 8px; background: #ececec; border: 1px solid transparent; } .add-container .more-accesories li:first-child, .add-container .more-accesories.show li { position: relative; top: auto; left: auto; } .add-container .more-accesories li.tog { border-color: #68c022; background: #fff; } .add-container .more-accesories li figure { float: left; width: 15%; text-align: center; } .add-container .more-accesories li figure img { width: auto; max-height: 64px; } .add-container .more-accesories li h2 { float: left; width: 60%; padding: 0 10px; font-size: 13px; line-height: 1.2; } .add-container .more-accesories li h2 a { color: #747474; font-size: 13px; font-weight: 300; } .add-container .more-accesories .price { float: left; width: 25%; height: 54px; padding-right: 24px; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; color: #848484; line-height: 1.2; text-align: right; } .add-container .more-accesories .price span { display: block; color: #000; font-weight: 500; } .more-accesories .checkbox { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; } .more-accesories .checkbox input { display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .more-accesories .checkbox label { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999em; cursor: pointer; } .more-accesories .checkbox label:before { content: ""; position: absolute; top: 50%; right: 28px; width: 19px; height: 19px; margin-top: -10px; border: 1px solid #e0b400; background: #fff; border-radius: 5px; } .more-accesories .checkbox input:checked + label { } .more-accesories .checkbox input:checked + label:before { border: 0; background: url(../images/checked-b.png) no-repeat center center; } .more-accesories a .b, .more-accesories.show a .a { position: absolute; top: -3000em; left: -3000em; } .more-accesories.show a .b { position: relative; top: auto; left: auto; } .add-container .more-accesories li, .add-container .box-b, .add-container .inputs, .module-gallery .slick-track, .add-container .option-a div, .add-container .option-a { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .add-container .more-accesories li, .add-container .box-b, .add-container .inputs, .module-gallery .slick-track, .add-container .option-a div, .add-container .option-a { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .add-container .inputs, .add-container .option-a { -webkit-justify-content: flex-end; justify-content: flex-end; } .add-container .box-b { -webkit-justify-content: space-between; justify-content: space-between; } .add-container .more-accesories li, .add-container .inputs, .add-container .option-a div, .add-container .option-a, .module-gallery .slick-track { -webkit-align-items: center; align-items: center; } .go-top { width: 60px; height: 60px; position: fixed; right: 15px; bottom: 70px; opacity: 0; visibility: hidden; z-index: 1000; background: #292c33; border-radius: 5px; text-align: center; cursor: pointer; } .go-top.show { opacity: 1; visibility: visible; } .go-top:hover { background: #db2121; } .go-top:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/up-arrow.png) no-repeat center center; } .go-top:hover:before { color: #fff; } /*! Headers --------- */ .header-a { margin-bottom: 69px; padding: 15px; border-bottom: 1px solid #e3e3e6; font-size: 26px; font-weight: 500; } .header-a.a { margin-bottom: 30px; } .header-rej { margin-bottom: 29px; padding: 15px; border-bottom: 1px solid #e3e3e6; font-size: 26px; font-weight: 500; } /*! Content --------- */ b, strong, .strong { font-weight: 700; } .regular { font-weight: 400; } .medium { font-weight: 500; } .semi { font-weight: 600; } .underline { text-decoration: underline; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center;} .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .position-left { float: left; margin: 0 20px 10px 0; } .position-right { float: right; margin: 0 0 10px 20px; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } #root .m25 { margin-bottom: 25px; } /*! Links --------- */ a { background: none; color: #191919; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; } a:hover { color: #ff6c00; text-decoration: underline; outline: none; } .facebook-link { display: inline-block; position: relative; width: 185px; height: 48px; background: url(../images/facebook.png); text-align: left; text-indent: -9999em; } .link-btn { } .link-btn a { display: inline-block; padding: 4px 14px; border-radius: 5px; background: #ffd028; color: #282828; font-size: 13px; } .link-btn a:hover { background: #282828; color: #fff; text-decoration: none; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 20px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .list-a { list-style: none; margin-bottom: 19px; margin-left: -19px; padding: 0; color: #191919; font-weight: 500; line-height: 1; text-align: right; } .list-a li { position: relative; width: 33.3333%; margin-bottom: 19px; padding: 15px 53px 15px 10px; border-left: 19px solid rgba(0,0,0,0); } .list-a li:before { z-index: -1; border-radius: 6px; background: #ffd028; } .list-a p { position: relative; } .list-a i { position: absolute; top: 50%; right: -45px; margin-top: -12.5px; } .list-b { position: relative; list-style: none; min-height: 50px; margin-bottom: 28px; padding: 0 0 0 80px; font-size: 15px; line-height: 1.8; } .list-b:before { content: ""; position: absolute; top: 6px; left: 0; width: 80px; height: 50px; } .list-b a { color: #ff6c00; text-decoration: underline; } .list-b a:hover { text-decoration: none; } .list-b .phone { color: #000; text-decoration: none; } .list-b .phone:hover { text-decoration: underline; } .list-b .phone strong { font-size: 19px; } .list-b.a:before { background: url(../images/icon-l.png) no-repeat 0 0; } .list-b.b:before { background: url(../images/icon-m.png) no-repeat 0 0; } .list-b.c:before { background: url(../images/icon-n.png) no-repeat 0 0; } .list-comments { list-style: none; padding: 0; } .list-comments li { margin-bottom: 8px; padding: 18px; border: 1px solid #dfdfdf; border-radius: 7px; } .list-comments .rating { margin-bottom: 10px; color: #7a7a7a; font-size: 14px; font-style: italic; } .list-comments .rating img {margin-top:-3px; margin-left:8px;} .list-comments .text { margin-bottom: 10px; } .list-comments .footer-comment { color: #7a7a7a; font-size: 13px; font-style: italic; } .list-comments .footer-comment .author { display: inline-block; margin-right: 15px; } .list-specification { list-style: none; max-width: 666px; margin: 0 auto 50px auto; padding: 1px 17px; border: 1px solid #dfdfdf; font-size: 14px; font-weight: 400; } .list-specification li { border-bottom: 1px solid #dee0e3; } .list-specification li:last-child { border-bottom: 0; } .list-specification p { padding: 8px 13px; } .list-specification p:first-child { width: 45%; color: #8a9299; text-align: right; } .list-specification p:last-child { width: 55%; color: #000; } #podpowiedzi { position: absolute; left:0px!important; top:71px!important; width: 100%; z-index: 999; background:#ececec; border:0px solid#d0d0d0; visibility: hidden; padding:15px; } .rate-line p {float: left; margin-bottom: 10px; margin-right: 19px;} .stars { padding: 6px 30px 0 30px; display: inline-block; } .rating-code { overflow: hidden; display: inline-block; font-size: 0; position: relative; vertical-align: middle; height:16px; } .rating-input { float: right; width: 16px!important; height: 16px!important; padding: 0; margin: 0 0 0 -12px; opacity: 0; overflow:hidden } .rating-code:hover .rating-star:hover, .rating-code:hover .rating-star:hover~.rating-star, .rating-input:checked~.rating-star { background: url("../images/star.png") 0 -16px; cursor: pointer; } .rating-star, .rating:hover .rating-star { position: relative; float: right; display: block; width: 16px!important; height: 16px!important; background: url("../images/star.png") 0 0; } .rating-code>label { float: right!important; } .rating-code>input[type="radio"]+label { padding-left: 0; } .rating-code>input[type="radio"]+label:before, .rating-code>input[type="checkbox"]+label:before { border: 2px solid #e9e9e9; content: ""; display: block; height: 18px!important; left: 0; position: absolute; top: 0; width: 18px!important; } .rating-code>input[type="radio"]+label:before, .rating-code>input[type="checkbox"]+label:before { border: 0; content: ""; display: block; height: 16px!important; left: 0; position: absolute; top: 0; width: 16px!important; } .rating-code label { display: inline-block; max-width: 100%; padding: 5px; font-size: 16px; font-weight: 400; vertical-align: inherit; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; } img { height: auto !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /*! Forms --------- */ ::-webkit-input-placeholder { opacity: 1; color: inherit; } ::-moz-placeholder { opacity: 1; color: inherit; } :-moz-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus::-moz-placeholder { opacity: 0; } :focus:-moz-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } .form-a { max-width: 736px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 50px; } .form-a input { width: 100%; height: 44px; margin-bottom: 11px; padding: 0 20px; border: 0; background: #ececec; color: #5f5f5f; font-size: 15px; font-weight: 300; } .form-a ul { list-style: none; padding: 0 264px 0 0; } .form-a > div { padding-right: 264px; } .form-a > div > p { float: left; width: 100%; } .form-a > div > p > textarea { width: 100%; height: 146px; margin-bottom: 11px; padding: 10px 20px; border: 0; background: #ececec; color: #5f5f5f; font-size: 15px; font-weight: 300; resize: none; } .form-a > div > .verify { float: right; width: 242px; margin-right: -264px; } .form-a > div > .verify label { display: block; padding: 10px 0; } .form-a > div > .verify .image-code { float: left; } .form-a > div > .verify p:last-child { float: right; } .form-a > div > .verify p:last-child button { height: 34px; margin: 0; padding: 0 20px; border: 0; border-radius: 5px; font-size: 12px; font-weight: 700; text-transform: uppercase; cursor: pointer; } .form-a > div > .verify p:last-child button { background: #fff21c; background: -moz-linear-gradient(top, #fff21c 0%, #ffce28 100%); background: -webkit-linear-gradient(top, #fff21c 0%,#ffce28 100%); background: linear-gradient(to bottom, #fff21c 0%,#ffce28 100%); } .form-a .rate-line { padding: 0 20px 20px 20px; } .form-a .rate-line img { margin-left: 25px; } .form-contact { position: relative; font-size: 15px; } .form-contact p { position: relative; margin-bottom: 25px; } .form-contact label { display: block; padding: 0 10px 10px; } .form-contact input { width: 100%; height: 44px; padding: 0 18px; border: 0; background: #ececec; } .form-contact textarea { width: 100%!important; height: 145px; padding: 10px 18px;border: 0; background: #ececec; resize: none; } .form-contact .button { width: 140px; height: 44px; border: 0; background: #ffd33a; color: #fff; font-size: 13px; text-transform: uppercase; cursor: pointer; } .form-contact .button:hover { background-color: #0096ff; } .form-contact .col-a { max-width: 323px; } .form-contact .col-b { } .form-contact .col-b input { float: left; width: 175px; } .form-contact .col-b .verify-img { float: left; height: 44px; margin: 0 10px; } .form-contact .col-b button { float: left; margin: 5px 0; padding: 0 17px; height: 34px; border-radius: 5px; color: #000; font-size: 13px; font-weight: 700; cursor: pointer; } .form-contact .col-b button { background: #fff21c; background: -moz-linear-gradient(top, #fff21c 0%, #ffce28 100%); background: -webkit-linear-gradient(top, #fff21c 0%,#ffce28 100%); background: linear-gradient(to bottom, #fff21c 0%,#ffce28 100%); } .filter-form { position: relative; z-index: 10; } .filter-form div { position: relative; float: left; width: 176px; margin-bottom: 20px; margin-right: 24px; background: #ececec; } .filter-form div > h1, .filter-form div > h2, .filter-form div > h3, .filter-form div > h4, .filter-form div > h5, .filter-form div > h6 { display: block; padding: 10px 13px; background: #ececec url(../images/arrow-b.png) no-repeat 92% 50%; color: #000; font-size: 14px; font-weight: 300; line-height: 17px; cursor: pointer; } .filter-form div > h1:hover, .filter-form div > h2:hover, .filter-form div > h3:hover, .filter-form div > h4:hover, .filter-form div > h5:hover, .filter-form div > h6:hover { background-color: #dbdbdb; } .filter-form div.toggle > h1, .filter-form div.toggle > h2, .filter-form div.toggle > h3, .filter-form div.toggle > h4, .filter-form div.toggle > h5, .filter-form div.toggle > h6 { background-color: #dbdbdb; } .filter-form .drop-box { display: none; position: absolute; left: 0; z-index: 20; width: 100%; padding: 15px 13px; background: #ececec; } .filter-form .drop-box input {background:#fff; padding:5px; border:0px;} .filter-form .drop-box input.button { background: #fff21c; background: -moz-linear-gradient(top, #fff21c 0%, #ffce28 100%); background: -webkit-linear-gradient(top, #fff21c 0%,#ffce28 100%); background: linear-gradient(to bottom, #fff21c 0%,#ffce28 100%); cursor:pointer; border-radius: 5px; padding: 7px 14px; line-height: 15px; color: #191919;} .filter-form .drop-box input.button:hover {-webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;} .filter-form .toggle .drop-box { display: block; } .filter-form .drop-box ul { list-style: none; padding: 0; } .filter-form .drop-box li { list-style: none; margin-bottom: 15px; padding: 0; } .filter-form .drop-box li a { display: block; position: relative; padding-left: 30px; } .filter-form .drop-box li a:before { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; } .filter-form .drop-box li.fwachk a { font-weight: 500; } .filter-form .drop-box li.fwachk a:before { background: #fff; border: 1px solid #ff6c00;} .filter-form .drop-box li.fwachk a:after{content: ""; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px;background: #ff6c00;border-radius: 3px;} .filter-form .drop-box li.fwanchk a:hover:before { background: #fff; border: 1px solid #ff6c00;} .form-newsletter { margin-bottom: 25px; padding: 30px 20px 20px; color: #282828; } .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6 { margin-bottom: 12px; color: #282828; font-size: 16px; font-weight: 700; } .form-newsletter .info { position: relative; margin-bottom: 20px; padding-right: 115px; } .form-newsletter .info:before { content: ""; position: absolute; top: 0; right: 0; width: 82px; height: 38px; background: url(../images/icon-k.png); } .form-newsletter .info span { display: inline-block; } .form-newsletter .inputs { position: relative; margin-bottom: 20px; padding-right: 167px; } .form-newsletter .inputs input { width: 100%; height: 44px; padding: 0 18px; border: 0; background: #ffd825; font-size: 14px; outline: none; } .form-newsletter .inputs button { position: absolute; top: 7px; height: 29px; border: 0; border-radius: 5px; color: #191919; font-size: 11px; font-weight: 700; text-transform: uppercase; cursor: pointer; } .form-newsletter .inputs .remove { right: 96px; width: 60px; color: #787878; } .form-newsletter .inputs .remove { background: #ececec; background: -moz-linear-gradient(top, #ececec 0%, #d7d7d7 100%); background: -webkit-linear-gradient(top, #ececec 0%,#d7d7d7 100%); background: linear-gradient(to bottom, #ececec 0%,#d7d7d7 100%); } .form-newsletter .inputs .add { right: 0; width: 87px; } .form-newsletter .inputs .add { background: #fff21c; background: -moz-linear-gradient(top, #fff21c 0%, #ffce28 100%); background: -webkit-linear-gradient(top, #fff21c 0%,#ffce28 100%); background: linear-gradient(to bottom, #fff21c 0%,#ffce28 100%); } /*! Helpers --------- */ .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, [hidden], .page-navigation li:last-child:before { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .filter-form div > h1, .filter-form div > h2, .filter-form div > h3, .filter-form div > h4, .filter-form div > h5, .filter-form div > h6, #mobile, #shadow, .go-top, .product-b .picture img, .product-b:before, .product-a:before, .product-a .picture img, button, a { -moz-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .module-contact .c li:first-child { margin-left: 0; } .page-navigation li:last-child, #footer > ul li:last-child { margin-right: 0; } /* animate rotate zoom */ .product-b:hover .picture img, .product-a:hover .picture img { -webkit-transform: rotate(2deg) scale(1.3,1.3); -ms-transform: rotate(2deg) scale(1.3,1.3); transform: rotate(2deg) scale(1.3,1.3); } /* shine */ .list-a li { overflow: hidden; position: relative; } .list-a li:after { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: rgba(255,255,255,.3); -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); -moz-transition: all 0s ease-out 0s; -webkit-transition: all 0s ease-out 0s; -o-transition: all 0s ease-out 0s; -ms-transition: all 0s ease-out 0s; transition: all 0s ease-out 0s; } .list-a li:hover:after { width: 100%; background-color: rgba(255,255,255,0); -moz-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .product-page .column .info-product:hover .free-shipp, .product-page .column .shipping:hover:after, .form-a > div > .verify p:last-child button:hover, .module-items .item .remove a:hover, .module-discount input:last-child:hover, .cart-buttons button:hover, .form-contact .col-b button:hover, .panel #mKoszyk > a:hover:before, .product-a.a:hover .discount span, .product-b:hover .discount span, .product-b .buttons a:hover, .product-a .buttons a:hover, .product-a:hover figcaption, .form-newsletter .inputs .remove:hover, .facebook-link:hover, .module-credit:hover:before { -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; } .add-container .box-b .later:hover, .add-container .inputs button:hover, .module-cart .submit-btn button:hover, .module-about li:hover figure, .form-newsletter:hover .info:before, .form-newsletter .inputs .add:hover, .module-faq article:hover > div figure, .module-contact .a:hover:before, .module-contact .b:hover:before, .list-a li:hover i { -webkit-animation-name: popA; animation-name: popA; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes popA {50% {-webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } @keyframes popA {50% {-webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } /*! 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]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } @-ms-viewport { width: auto; } ::selection { background: #2a2a2a; color: #fff; text-shadow: none; } ::-moz-selection { background: #2a2a2a; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } /*! Fonts --------- */ @font-face { font-family: 'titilliumtext22l'; src: url('fonts/titilliumtext22l001.eot'); src: url('fonts/titilliumtext22l001.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumtext22l001.woff2') format('woff2'), url('fonts/titilliumtext22l001.woff') format('woff'), url('fonts/titilliumtext22l001.ttf') format('truetype'), url('fonts/titilliumtext22l001.svg#titilliumtext22l_ththin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'titilliumtext22l'; src: url('fonts/titilliumtext22l003.eot'); src: url('fonts/titilliumtext22l003.eot?#iefix') format('embedded-opentype'), url('fonts/titilliumtext22l003.woff2') format('woff2'), url('fonts/titilliumtext22l003.woff') format('woff'), url('fonts/titilliumtext22l003.ttf') format('truetype'), url('fonts/titilliumtext22l003.svg#titilliumtext22l_rgregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-light.eot'); src: url('fonts/roboto-light.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-light.woff2') format('woff2'), url('fonts/roboto-light.woff') format('woff'), url('fonts/roboto-light.ttf') format('truetype'), url('fonts/roboto-light.svg#robotolight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-lightitalic.eot'); src: url('fonts/roboto-lightitalic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-lightitalic.woff2') format('woff2'), url('fonts/roboto-lightitalic.woff') format('woff'), url('fonts/roboto-lightitalic.ttf') format('truetype'), url('fonts/roboto-lightitalic.svg#robotolight_italic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-regular.eot'); src: url('fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular.woff2') format('woff2'), url('fonts/roboto-regular.woff') format('woff'), url('fonts/roboto-regular.ttf') format('truetype'), url('fonts/roboto-regular.svg#robotoregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-italic.eot'); src: url('fonts/roboto-italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-italic.woff2') format('woff2'), url('fonts/roboto-italic.woff') format('woff'), url('fonts/roboto-italic.ttf') format('truetype'), url('fonts/roboto-italic.svg#robotoitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-medium.eot'); src: url('fonts/roboto-medium.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-medium.woff2') format('woff2'), url('fonts/roboto-medium.woff') format('woff'), url('fonts/roboto-medium.ttf') format('truetype'), url('fonts/roboto-medium.svg#robotomedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-mediumitalic.eot'); src: url('fonts/roboto-mediumitalic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-mediumitalic.woff2') format('woff2'), url('fonts/roboto-mediumitalic.woff') format('woff'), url('fonts/roboto-mediumitalic.ttf') format('truetype'), url('fonts/roboto-mediumitalic.svg#robotomedium_italic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-bold.eot'); src: url('fonts/roboto-bold.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bold.woff2') format('woff2'), url('fonts/roboto-bold.woff') format('woff'), url('fonts/roboto-bold.ttf') format('truetype'), url('fonts/roboto-bold.svg#robotobold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-bolditalic.eot'); src: url('fonts/roboto-bolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bolditalic.woff2') format('woff2'), url('fonts/roboto-bolditalic.woff') format('woff'), url('fonts/roboto-bolditalic.ttf') format('truetype'), url('fonts/roboto-bolditalic.svg#robotobold_italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-black.eot'); src: url('fonts/roboto-black.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-black.woff2') format('woff2'), url('fonts/roboto-black.woff') format('woff'), url('fonts/roboto-black.ttf') format('truetype'), url('fonts/roboto-black.svg#robotoblack') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'roboto'; src: url('fonts/roboto-blackitalic.eot'); src: url('fonts/roboto-blackitalic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-blackitalic.woff2') format('woff2'), url('fonts/roboto-blackitalic.woff') format('woff'), url('fonts/roboto-blackitalic.ttf') format('truetype'), url('fonts/roboto-blackitalic.svg#robotoblack_italic') format('svg'); font-weight: 900; font-style: italic; } /*! Icons --------- */ .icon-a, .icon-b, .icon-c { display: block; width: 33px; height: 25px; background-position: center center; background-repeat: no-repeat; } .icon-a { background-image: url(../images/icon-a.png); } .icon-b { background-image: url(../images/icon-b.png); } .icon-c { background-image: url(../images/icon-c.png); } /*! Lib --------- */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /*! Responsive --------- */ @media only screen and (max-width: 75em) { /* 1200 */ #header { width: auto; padding-left: 20px; padding-right: 20px; } #content, #footer { width: 1050px; } #top { } #logo { padding-left: 0; } #nav { } #nav > ul > li > a { padding: 14px 10px; } .form-search { width: 200px; } } @media only screen and (max-width: 68.750em) { /* 1100 */ #content, #footer { width: 980px; } #top { } .panel { } .panel li { padding: 0 7px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #header, #content, #footer { width: auto; } #content, #footer { padding-left: 20px; padding-right: 20px; } #top { } #logo { padding-left: 0; margin-left: auto; margin-right: auto; } .panel { position: relative; top: auto; right: auto; height: 57px; padding-top: 8px; padding-right: 30px; } .panel { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; justify-content: flex-end; } .panel:before { border-top: 1px solid #e5e5e5; background: #ff6c00; } .panel:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; } .panel li { position: relative; z-index: 10; float: none; padding: 0 10px; border-left-width: 0; } .panel li:last-child { position: absolute; top: -100px; right: 0; } .panel .btn-later { display: block; width: 40px; height: 40px; background: url(../images/icon-later.png) no-repeat center center; text-indent: -9999em; } .panel .btn-later span { position: absolute; top: 0; right: 0; text-indent: 0; } .panel .btn-account { display: block; width: 40px; height: 40px; background: url(../images/icon-account.png) no-repeat center center; text-indent: -9999em; } .panel #mKoszyk { height: auto; margin-bottom: 0; } .panel #mKoszyk > a { width: 40px; height: 40px; padding: 0; } .panel #mKoszyk > a .total { display: none; } .panel #mKoszyk > a:before { background: url(../images/icon-cart-w.png); } .panel #mKoszyk:hover ul { top: -3000em; left: -3000em; } .panel #mKoszyk:hover > a:after { display: none; } .form-currancy { } .form-currancy form { height: 25px; } .form-search { top: 110px; left: 10px; z-index: 10; width: 323px; } .menu-icon { display: block; } .menu-active #mobile { left: 0; } .menu-active #shadow { visibility: visible; opacity: 1; } #nav { display: none; } #footer { } #footer > ul { padding: 10px 15px; line-height: 15px; } #footer > ul li { font-size: 12px; } #footer > ul li:last-child { position: relative; top: auto; right: auto; } #footer > nav, #footer > ul, #footer > figure { margin-left: -20px; margin-right: -20px; } .double.a { } .double.a > * { width: 100%; } .cols-a { } .cols-a > * { float: none; width: 100%; margin-bottom: 30px; padding-right: 0; } .cols-a > *:last-child { float: none; width: 100%; } .module-about { padding-left: 0; } .module-contact { } .module-contact:before { left: -20px; } .module-faq { padding-left: 0; } .module-faq:before { right: -30px; } .module-gallery { float: none; width: 100%; padding-right: 0; } .module-sort { } .pagination { position: relative; top: auto; right: auto; padding-top: 10px; } .module-cart { } .module-items .item h1, .module-items .item h2, .module-items .item h3, .module-items .item h4, .module-items .item h5, .module-items .item h6 { width: 40%; padding-left: 10px; padding-right: 10px; } .module-items .item .no { width: 20%; } .module-items .item .no span { margin-right: 10px; } .module-items .item .price { width: 20%; padding-right: 10px; } .module-items .item .sum { width: 20%; padding-right: 10px; } .cart-box { float: none; width: 100%; } .module-options { padding-left: 0; padding-right: 0; } .default-info { float: none; width: 100%; margin-bottom: 50px; padding-right: 0; } .pattern-a:before { margin-left: -15px; } .default-info p label { float: none; width: 100%; text-align: left; } .default-info p input { width: 100%!important; } #root .shorter input { width: 100%!important; } .shipping-other { float: none; width: 100%; padding-bottom: 0; } .shipping-other .default-info { padding-right: 0; } .page-navigation { padding-left: 0; } .product-page { } .product-page header { padding-right: 0; } .product-page header h1, .product-page header h2, .product-page header h3, .product-page header h4, .product-page header h5, .product-page header h6 { margin-bottom: 5px; } .product-page header p { position: relative; top: auto; right: auto; margin-bottom: 10px; margin-left: 17px; } .product-page .column { float: none; width: 100%; padding-top: 30px; } .product-page .column .info-product li:first-child { position: relative; top: auto; right: auto; } .product-page .column .shipping:after { right: 10px; } .form-newsletter { padding: 0; } #podpowiedzi { position: absolute; left:0px!important; top:161px!important; width: 100%; z-index: 999; background:#ececec; border:0px solid#d0d0d0; visibility: hidden; padding:15px; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top { } .form-search { width: 250px; } #featured { } #featured .slick-dots { bottom: 0; } #featured .slick-dots li { margin: 0 5px; } #featured .slick-dots button { width: 30px; height: 5px; } #featured .slick-dots .slick-active button { width: 16px; } #footer { } #footer nav { padding: 15px 0 0; } #footer nav div { width: 50%; } #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { margin-bottom: 10px; } #footer nav li { margin-bottom: 5px; } #footer > figure { margin-bottom: 10px; padding: 10px 10px 0; } .double { } .double .double > * { width: 100%; } .module-cart { } .module-items .item { display: block; } .module-items .item h1, .module-items .item h2, .module-items .item h3, .module-items .item h4, .module-items .item h5, .module-items .item h6 { width: 100%; padding-top: 12px; margin-bottom: 12px; } .module-items .item .price, .module-items .item .no, .module-items .item .sum { float: left; width: 33.3333%; margin-bottom: 5px; text-align: center; } .module-items .item .no { padding-left: 5px; } .module-items .item .price, .module-items .item .sum { border: 0; } .module-items .item .remove { top: auto; bottom: 15px; margin-top: 0; } .module-catalog.a { } .module-catalog.a .product-b { width: 100%; } .module-sort { } .pagination ul { margin: 0; } .pagination p { display: none; } .module-tabs { padding-top: 20px; } .module-tabs .tabs { margin-bottom: 20px; } .module-tabs .tabs li { padding: 0 10px; } .module-tabs .tabs li a { padding: 0 8px 5px; font-size: 19px; } .module-tabs.b { } .module-tabs.b .tabs { } .module-tabs.b .tabs li { padding-right: 10px; } .product-page { } .add-container { } .add-container .price { float: none; width: 100%; padding-right: 0;} .add-container .price .title { display: inline-block; margin-bottom: 10px; margin-right: 10px; } .add-container .price strong { display: inline-block; margin-right: 10px; } .add-container .price small { display: inline-block; } .add-container .box-a { float: none; width: 100%; } .add-container .inputs, .add-container .option-a { -webkit-justify-content: flex-start; justify-content: flex-start; } .add-container .more-accesories .header a { position: relative; top: auto; right: auto; } .add-container .more-accesories li { } .add-container .more-accesories li figure { float: none; width: 100%; margin-bottom: 10px; } .add-container .more-accesories li h2 { float: none; width: 100%; padding: 0; text-align: center; } .add-container .more-accesories .price { float: none; width: 100%; height: auto; padding-right: 0; border-left-width: 0; border-right-width: 0; text-align: center; } .add-container .more-accesories .price span { display: inline-block; margin: 0 5px; } .form-a { padding-top: 0; padding-bottom: 30px; } .form-a ul { padding-right: 0; } .form-a > div { padding-right: 0; } .form-a > div > p { float: none; } .form-a > div > .verify { float: none; width: 100%; margin-right: 0; } } @media only screen and (max-width: 37.5em) { /* 600 */ .module-cart { } .module-items .item { padding: 10px 0; } .module-items .item figure { width: 100%; margin: 0 0 10px; } .module-items .item h1, .module-items .item h2, .module-items .item h3, .module-items .item h4, .module-items .item h5, .module-items .item h6 { width: 100%; padding-top: 12px; margin-bottom: 12px; padding-left: 5px; } .module-items .item .no { width: 50%; text-align: left; } .module-items .item .no input { height: 20px; background: transparent; } .module-items .item .price { width: 50%; text-align: right; } .module-items .item .sum { width: 100%; text-align: right; } .module-items .item .price span, .module-items .item .sum span { display: inline-block; margin-right: 10px; } .module-items .item .remove { clear: both; position: relative; bottom: auto; right: auto; margin-bottom: 10px; padding: 10px 10px 0 0; } .module-items .item .remove:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .module-items .item .remove a { float: right; } } @media only screen and (max-width: 31.25em) { /* 500 */ #top { } #logo { margin-bottom: 50px; } .form-search { left: 0; width: 100%; } .panel { } .panel li:last-child { top: -150px; } .menu-icon { top: 163px; } .module-cart { } .cart-buttons li, .cart-buttons li input, .cart-buttons li button {width:100%!important} .cart-options li {margin-left:0px!important; text-align:left} .module-discount p {width: 100%; text-align:center } .module-discount input { width: 100%!important; display:block ; margin-left:0px!important; margin-right:0px!important; margin-bottom:10px!important} .module-summary { margin-left: -20px; margin-right: -20px; } .module-summary li { padding: 15px 10px; } .module-doc { margin-left: -20px; margin-right: -20px; padding-left: 10px; padding-right: 10px; } .list-a { margin-bottom: 0; } .list-a li { width: 100%; } #podpowiedzi td {width:100%!important; display:block} #podpowiedzi { position: absolute; left:0px!important; top:155px!important; width: 100%; z-index: 999; background:#ececec; border:0px solid#d0d0d0; visibility: hidden; padding:15px; } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } }