/*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .list-a { list-style: none; margin: 0 0 22px; padding: 13.5px 0; border: 0 solid #ebebeb; border-top-width: 1px; border-bottom-width: 1px; font-weight: 700; } .list-a li { float: left; margin: 0 23px 0 0; } .list-a li a { text-decoration: none; } .double > * > .list-a:first-child { margin-top: -12px; } .list-b { list-style: none; margin: 0 0 25px; padding: 0; border: 0 solid #e0e0e0; color: #4F4F4F; } .list-b li { /*overflow: hidden;*/ float: left; width: 37%; margin: 0 0 10px; padding: 7.5px 17px; box-shadow: 0 1px 2px rgba(0,0,0,.08); border: 1px solid #e0e0e0; background: #fff; text-overflow: ellipsis; /*white-space: nowrap;*/ } .list-b li:nth-child(3n-2) { width: 32%; border-radius: 4px 0 0 4px; border-right-width: 0; } .list-b li:nth-child(3n-0) { width: 31%; border-radius: 0 4px 4px 0; border-left-width: 0; } .list-b li:nth-child(3n+1):last-child { border-radius: 4px; border-right-width: 1px; } .list-b li:nth-child(3n-1):last-child { border-radius: 0 4px 4px 0; } .list-b li:first-child:last-child { width: auto; max-width: 100%; min-width: 32%; } .list-b span { font-weight: 700; } .list-b i { display: inline-block; position: relative; top: -1px; margin: 0 6px 0 0; font-size: 10px; line-height: 1px; } .list-b .icon-x:before { content: "\e93f"; } .list-b + .list-b { margin-top: -15px; } .list-bulk { position: relative; list-style: none; margin: 37px 0 18px; padding: 0 15px 0 28px; box-shadow: 0 1px 2px rgba(0,0,0,.08); border-radius: 4px; border: 1px solid #e0e0e0; background: #fafafa; color: #4f4f4f; } .list-bulk li { position: relative; padding: 9px 44px 9px 9px; border-bottom: 1px solid #e0e0e0; } .list-bulk li:last-child { border-width: 0; } .list-bulk li:before { content: "\e930"; display: block; position: absolute; left: -16px; width: auto; color: #27ae60; font-size: 9px; } .list-bulk .label { display: inline-block; position: relative; height: 23px; margin: 0 0 0 21px; padding: 0 15px 0 5px; background: #EB5757; color: #fff; font-size: 12px; font-weight: 700; line-height: 23px; text-transform: uppercase; } .gecko .list-bulk .label { line-height: 21px; } .list-bulk .label span { display: inline-block; position: relative; left: 15px; height: 23px; padding: 0 5px; background: #c4c4c4; } .list-bulk li.header { position: absolute; right: 15px; top: 50%; z-index: 2; width: 70px; height: 70px; margin: -35px 0 0; padding: 0 5px; border-radius: 90px; border: 0; background: #56ccf2; color: #fff; font-weight: 700; font-size: 11px; line-height: 1.27272727273; text-decoration: none; text-transform: uppercase; text-align: center; } .list-bulk [class*="overlay-"] { font-weight: 700; } .list-bulk.a { padding-left: 15px; padding-right: 15px; } .list-bulk.a li { padding-left: 0; padding-right: 80px; } .list-bulk.a li.header { left: 15px; right: auto; padding: 0 5px; } .list-bulk .label, .list-bulk.a .label { display: block; position: absolute; right: 0; left: auto; top: 50%; margin: -11.5px 0 0; } .list-box { overflow: hidden; list-style: none; margin: 22px 0 28px -16px; padding: 0; color: #000; font-weight: 700; line-height: 1.33333; text-align: center; } .list-box li { position: relative; z-index: 2; float: left; width: 33.3333333333%; margin: 0 0 16px; padding: 36px 10px 30px; border-left: 16px solid rgba(0,0,0,0); font-size: 16px; } .list-box li:before { z-index: -1; border-radius: 4px; border: 1px solid #e0e0e0; } .list-box a { display: block; color: #000; text-decoration: none; } .list-box i { display: block; margin: 0 0 30px; color: #ff6602; font-size: 44px; line-height: 50px; } .list-box i.icon-truck, .list-box i.icon-phone { font-size: 34px; } .list-box i.icon-id { font-size: 38px; } .list-box i.icon-document, .list-box i.icon-documents, .list-box i.icon-credit-cards { font-size: 48px; } .list-box i.icon-lock { font-size: 50px; } .list-box span { display: block; padding: 2px 0 0; font-weight: 400; font-size: .875em; } .list-brands { position: relative; list-style: none; margin: 17px 0 40px; padding: 1px 0 0; text-align: center; } .list-brands:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; height: 1px; background: #e0e0e0; } .list-brands li { position: relative; z-index: 2; float: left; width: 16.666666666%; padding: 28px 20px; border: 0 solid #e0e0e0; border-bottom-width: 1px; font-size: 16px; } .list-brands .item li { float: none; width: auto; } .list-brands a { display: block; text-decoration: none; } .list-brands a:before { visibility: hidden; z-index: 99; outline: 1px solid #ffd4b8; opacity: 0; } .list-brands a:before { } .list-brands .img { display: block; position: relative; height: 100px; margin: 0 0 30px; } .list-brands img { width: auto !important; max-height: 100% !important; } .list-brands img { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: url('url("data:image/svg+xml;utf8,#grayscale");'); filter: gray; } .list-brands.page img { filter:unset; } #content > .list-brands:last-child { margin-bottom: 75px; } .list-brands.a, #content > .list-brands.a:last-child { overflow: hidden; margin: 0 0 43px; } .list-brands.a:before { background: none; } .list-brands.a li { padding-top: 0; padding-bottom: 0; border-width: 0; } .list-brands a:before { outline: none; } .list-cart { list-style: none; margin: 0 0 14px; padding: 0; border-bottom: 1px solid #EDEDED; color: #000; font-weight: 700; line-height: 1.14285714286; } .list-cart li { position: relative; padding: 14px 83px 14px 77px; border-top: 1px solid #EDEDED; font-size: 14px; } .list-cart li:first-child { border-top-width: 0; } .list-cart a, .list-cart a:hover { display: block; color: #000; text-decoration: none; } .list-cart a.close, #nav li.cart > div > a.close, #nav li.favorites > div > a.close, #nav li.user > div > a.close { position: absolute; right: 0; top: 50%; z-index: 9; width: 26px; height: 26px; margin: -13px 0 0; border-radius: 99px; border: 1px solid #e0e0e0; color: #EB5757; font-size: 8px; line-height: 24px; text-align: left; text-indent: -3000em; text-decoration: none; } .list-cart a.close:before, #nav li.cart > div > a.close:before, #nav li.favorites > div > a.close:before, #nav li.user > div > a.close:before { content: "\e901"; } .list-cart .desc { display: block; padding: 4px 0 0; font-weight: 400; font-size: .92857142857em; } .list-cart .price { display: block; position: absolute; right: 0; top: 50%; min-width: 73px; padding: 0 34px 0 0; font-weight: 800; font-size: 1.14285714286em; line-height: 1; } .list-cart .price span { display: block; margin: 0 0 -1px; color: #ABABAB; font-weight: 600; font-size: .75em; text-decoration: line-through; } .list-cart .img { display: block; position: absolute; left: 0; bottom: 0; top: 0; width: 54px; } .list-cart .img img { display: block; } .list-cart .img span { display: block; position: absolute; right: 1px; top: 11px; z-index: 9; min-width: 18px; height: 18px; padding: 0 3px; border-radius: 30px; background: #ff6602; color: #fff; font-weight: 700; font-size: 10px; line-height: 18px; text-align: center; } .list-cart a.btn { display: block; overflow: hidden; position: absolute; right: 0; top: 50%; z-index: 9; width: 61px; height: 45px; margin: -22.5px 0 0; border-radius: 4px; background: #ff6602; color: #fff; text-align: left; text-indent: -3000em; text-decoration: none; outline: none; } #root .list-cart a.btn { color: #fff; } .list-cart a.btn i { margin: -20px 0 0; font-size: 23px; line-height: 40px; } .list-cart a.btn i.icon-cart-plus { margin-top: -22px; } .list-cart a.btn + .close { right: 75px; } #root .list-cart li.btn { min-height: 0; padding: 3px 0 0; border-top-width: 0; font-size: 15px; font-weight: 700; } #root .list-cart li.btn a { display: block; padding: 11px 25px; border-radius: 4px; border: 1px solid #e0e0e0; color: #27AE60; text-decoration: none; text-align: center; } .list-cart + .list-total { margin-top: -2px; } .list-cart.a { } .list-cart.a li { padding-right: 113px; } .list-cart.a .price { position: relative; top: 0; padding: 9px 0 0; } .list-cart.a .price span { display: inline-block; margin: 0; } #top .cart .list-cart { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 400px); } #top .favorites .list-cart { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 220px); } .list-cart-main { list-style: none; margin: 0 0 31px; padding: 0; border-top: 1px solid #EDEDED; color: #000; } .list-cart-main li { position: relative; min-height: 172px; margin: 0; padding: 20px 330px 18px 210px; border-bottom: 1px solid #EDEDED; } .list-cart-main li.toggle { z-index: 20000000 !important; } .list-cart-main figure { position: absolute; left: 0; top: 10px; bottom: 10px; width: 160px; margin: 0; } .list-cart-main h1, .list-cart-main h2, .list-cart-main h3, .list-cart-main h4, .list-cart-main h5, .list-cart-main h6 { margin: 0 0 3px; color: #000; font-size: 18px; font-family: Muli, Arial, Helvetica, sans-serif; } .list-cart-main h1 a, .list-cart-main h2 a, .list-cart-main h3 a, .list-cart-main h4 a, .list-cart-main h5 a, .list-cart-main h6 a { color: #000; text-decoration: none; } .list-cart-main p { margin: 0 0 2px; } .list-cart-main .price { position: absolute; right: 0; top: 50%; padding-bottom: 40px; font-size: 20px; font-weight: 800; line-height: 1.1; } .list-cart-main .price.no-wishlist { padding-bottom: 0px; } .list-cart-main .price span { display: block; color: #828282; font-size: .7em; font-weight: 600; text-decoration: line-through; } .list-cart-main footer { position: absolute; right: 0; top: 50%; padding: 18px 0 0 0; } .list-cart-main footer p { margin: 0 0 18px; } .list-cart-main footer p i { display: inline-block; position: relative; top: 1px; margin: 0 5px 0 0; line-height: 1px; } .list-cart-main footer p.triple { z-index: 2; margin-left: 0; } .list-cart-main footer p.triple > * { width: auto; border-left-width: 0; } .list-cart-main footer .select, .list-cart-main .semantic-select .input { width: 63px; } .list-cart-main footer select, .list-cart-main .semantic-select .input { height: 55px; padding: 0 25px 0 17px; color: #000; } .gecko .list-cart-main footer select { padding-left: 12px; } .list-cart-main footer .select:before, .list-cart-main .semantic-select .ticker:before { width: 40px; } .list-cart-main footer .select:after { border-radius: 4px; background: #fafafa; } .list-cart-main .semantic-select .input { background: #fafafa; line-height: 53px; } .list-cart-main footer .remove, .list-cart-main footer .close, .list-cart-main footer .triple a.has-icon-heart { display: block; overflow: hidden; position: relative; height: 55px; margin: 0 0 0 12px; text-align: left; text-indent: -3000em; text-decoration: none; } #root .list-cart-main footer .remove, .list-cart-main footer .triple a.has-icon-heart { width: 55px; border-radius: 4px; border: 1px solid #e0e0e0; color: #aaa; font-size: 17px; } .list-cart-main footer .remove:before { content: "\e902"; } .no-mobile #root .list-cart-main footer .triple .remove:hover, .no-mobile #root .list-cart-main footer .triple a.has-icon-heart:hover { border-color: #FF6602; background: #FF6602; color: #fff; } .list-cart-main footer .triple a.has-icon-heart i:before { content: "\e91a"; } .list-cart-main footer .triple a.has-icon-heart i { font-size: 12px; } .list-cart-main footer .close { float: right; width: 26px; min-width: 26px; } .list-cart-main footer .close:before { content: "\e901"; color: #EB5757; font-size: 8px; } .list-cart-main footer .close:after { content: "\e93e"; margin: -20px 0 0; color: #e0e0e0; font-size: 26px; line-height: 40px; } .list-cart-main .semantic-select ul, .form-product .submit .semantic-select ul { overflow: hidden; top: 56px; width: 100%; min-width: 98px; max-height: none; padding: 8px 0 5px; border-radius: 4px; border: 1px solid #f0f0f0; background: #fafafa; } #root .list-cart-main .semantic-select ul li, #root .form-product .submit .semantic-select ul li { min-height: 0; margin: 0 0 -2px; padding: 0; border-width: 0; font-size: 14px; } #root .list-cart-main .semantic-select ul li a, #root .form-product .submit .semantic-select ul li a { padding: 2.5px 16px; color: #000; font-size: 1em; } .list-cart-main footer .modal { display: block; overflow: visible; visibility: hidden; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; z-index: 9999999; width: 183px; padding: 8px 13px; box-shadow: 4px 4px 4px rgba(0,0,0,.08); border-radius: 4px; border: 1px solid #F0F0F0; background: #fff; line-height: 1.76923076923; opacity: 0; } .list-cart-main footer .modal .close { display: block; position: absolute; right: 0; top: 0; width: 39px; height: 43px; } .list-cart-main footer .modal .close:before { content: "\e93f"; color: #d4d4d4; font-size: 11px; } .list-cart-main footer .modal p { max-width: 115px; margin: 0 0 8px; font-size: 13px; } .list-cart-main footer .modal i { display: inline-block; position: relative; top: -2px; margin: 0 0 0 5px; font-size: 9px; line-height: 1px; } .list-cart-main footer .modal input { display: block; float: left; width: 51px; height: 37px; margin: 0 11px 0 0; padding: 0 10px; background: #fafafa; color: #000; text-align: center; } .list-cart-main footer .modal .btn, .list-cart-main footer .modal button { display: block; overflow: hidden; position: relative; float: left; width: 43px; min-width: 0; height: 37px; margin: 0; padding: 0; border-radius: 4px; background: #ff6602; color: #fff; font-size: 9px; text-align: left; text-indent: -3000em; text-decoration: none; } .list-cart-main footer .modal .btn:before, .list-cart-main footer .modal button:before { content: "\e92a"; } .list-checks { list-style: none; margin: 0 0 20px; padding: 0; } .list-checks li { position: relative; margin: 0 0 5px; padding: 0 0 0 21px; font-size: 13px; } .list-checks li:before { content: "\e92a"; display: block; position: absolute; left: 0; top: 7px; color: #27ae60; font-size: 8px; font-weight: 400; font-family: i; line-height: 8px; } .list-checks .countdown { display: inline-block; position: relative; float: none; width: 109px; margin: 0 0 0 7px; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; font-size: 16px; } .list-checks .countdown .count { display: block; position: absolute; left: 0; bottom: -8px; width: 109px; padding: 3px 0; box-shadow: 0 1px 2px rgba(0,0,0,.08); border-radius: 3px; border: 1px solid #e0e0e0; background: #fafafa; } .gecko .list-checks .countdown .count { padding: 1.5px 0 4.5px; } .list-checks.a { } .list-checks.a li { margin: 0 0 6px; padding: 0 0 0 24px; font-size: 14px; } .list-checks.a li:before { content: "\e90a"; top: 3px; width: 15px; height: 15px; border-radius: 9px; background: #27ae60; color: #fff; font-size: 9px; line-height: 15px; text-align: center; } .list-checks.b { } .list-checks.b li { margin-bottom: 6px; padding-left: 21px; font-size: 14px; } .list-checks.b li:before { left: 0; } .list-collection { position: relative; list-style: none; margin: 0 0 32px -13px; padding: 0; color: #4F4F4F; line-height: 1.25; } .list-collection li { position: relative; z-index: 2; float: left; width: 20%; margin: 0; padding: 10px 13px 25px 13px; border-left: 13px solid rgba(0,0,0,0); } .list-collection li:hover { z-index: 99999 !important; } .list-collection li:before { visibility: hidden; left: -17px; right: -17px; z-index: -1; box-shadow: 4px 4px 4px rgba(0,0,0,.08); border-radius: 5px; border: 1px solid #f0f0f0; background: #fff; opacity: 0; } .list-collection li:after { content: ""; display: block; position: absolute; left: 0; top: -7px; z-index: -1; height: 1px; background: #ebebeb; } .list-collection li:nth-child(5n-4):after { width: calc(500% + 52px); } .list-collection .item li, .list-collection .owl-item li { float: none; width: auto; border-width: 0; } .list-collection ul { } .list-collection ul li { display: block; float: none; width: auto; margin: 0; padding: 0; border-width: 0; } .list-collection p { margin: 0 0 14px; font-size: 14px; } .list-collection form p { margin: 0 0 14px; font-size: 14px; } .list-collection .label { display: block; position: absolute; right: 5px; top: 13px; z-index: 999; height: 23px; padding: 0 10px 0 5px; border-radius: 0 2px 2px 0; background: #27AE60; color: #fff; font-size: 13px; font-weight: 700; line-height: 22px; text-align: left; text-transform: uppercase; } .list-collection .label.custom { padding: 0 10px 0 10px; border-radius:2px; } .list-collection .label:before, .list-bulk .label:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; width: 16px; height: 16px; background: #27AE60; } .list-collection .label:before, .list-bulk .label:before { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .list-collection .label.custom:before, .list-bulk .label.custom:before { display:none; } .list-collection .label span { display: block; position: relative; left: 10px; float: right; height: 23px; padding: 0 4px; background: #c4c4c4; } .list-collection .label.a, .list-collection .label.a:before, .list-bulk .label:before, .module-featured figure span.inline.a, .module-featured figure span.inline.a:before { background: #eb5757; } .list-collection .label.b, .list-collection .label.b:before, .module-featured figure span.inline.b, .module-featured figure span.inline.b:before { background: #56ccf2; } .list-collection .label.c, .list-collection .label.c:before, .module-featured figure span.inline.c, .module-featured figure span.inline.c:before { background: #ff0808; } .list-collection .label.d, .list-collection .label.d:before, .module-featured figure span.inline.d, .module-featured figure span.inline.d:before { background: #f00; } .list-collection .label.circle { width: 70px; height: 70px; padding: 0 5px; border-radius: 70px; line-height: 1; text-align: center; } .list-collection .label.circle span { left: 0; float: none; height: auto; padding: 0; background: none; color: rgba(255,255,255,.5); } .list-collection .label.circle.big, .product-slider .label.circle.big { width: 80px; height: 80px; font-size: 17px; font-weight: 600; line-height: 1.17647058824; } .list-collection .label.circle.big span, .product-slider .label.circle.big span, .list-collection .label.circle.bigger span, .product-slider .label.circle.bigger span { color: #fff; font-weight: 400; } .list-collection .label.circle.bigger, .product-slider .label.circle.bigger { width: 100px; height: 100px; font-size: 22px; font-weight: 600; line-height: .81818181818; } .list-collection p.link { display: block; visibility: hidden; position: absolute; left: -4px; top: 13px; z-index: 99; opacity: 0; } .list-collection p.link a, .list-collection .pager .link a { display: block; overflow: hidden; position: relative; width: 43px; height: 43px; border-radius: 43px; border: 1px solid #e0e0e0; background: #fff; color: #ff6602; color: #ff6602; font-size: 19px; line-height: 41px; text-decoration: none; text-align: left; text-indent: -3000em; } .list-collection p.link a:before, .list-collection .pager .link a:before { content: "\e936"; font-size: 16px; } .no-mobile .list-collection p.link a:hover, .no-mobile .list-collection .pager .link a:hover, .no-mobile .list-collection .tools li.more a:hover { border-color: #ff6602; background: #ff6602; color: #fff; } .list-collection .price, .list-compare .price { min-height: 42px; margin: 0; color: #000; font-size: 18px; font-weight: 700; } .list-collection .price span, .list-compare .price span { display: inline-block; position: relative; top: -2px; margin: 0 -4px 0 0; color: #828282; font-size: .63636363636em; font-weight: 600; text-decoration: line-through; } .list-collection .price .small { display: block; top: 0; margin: 0 0 14px; padding: 2px 0 0; color: #4F4F4F; font-weight: 600; font-size: .5em; line-height: 1.11764705882; text-decoration: none; } .list-collection .price span[class*="overlay-"] { display: block; margin: 9px 0 0; padding: 0; font-size: .54545454545em; font-weight: 600; text-decoration: none; } .list-collection .price span[class*="overlay-"]:first-child { margin: 0 0 -7px; } .list-collection .price + p[class*="overlay-"] { margin-top: -4px; } .list-collection .price + .rating { margin-top: -2px; } .list-collection .price .sup { top: -5px; color: #000; font-weight: 800; font-size: .6em; text-decoration: none; } .list-collection .btn { display: block; overflow: hidden; position: absolute; right: -4px; bottom: -1px; z-index: 99; width: 61px; height: 45px; border-radius: 4px; background: #27ae60; color: #fff; text-align: left; text-indent: -3000em; } .list-collection .btn i { margin: -20px 0 0; color: #fff; font-size: 23px; line-height: 40px; } .list-collection .btn i.icon-cart-plus { margin-top: -22px; } .list-collection .btn.icon { } .list-collection form { position: relative; z-index: 2; margin-top: auto; } .list-collection form p { margin: 0; } .list-collection .check-a { font-size: 13px; } .list-collection .check-a label { font-size: 1em; } .list-collection .check-a label:before { left: -10px; right: -10px; top: -20px; bottom: -20px; } .list-collection .img { position: relative; list-style: none; margin: 0 -15px 16px; padding: 0; } .list-collection .img li { position: relative; z-index: 1 !important; float: none; width: auto; min-height: 175px; margin: 0; } .list-collection .img img { display: block; position: relative; } .list-collection .img img + img { position: absolute; left: 50%; top: 50%; z-index: 2; opacity: 0; } .list-collection .pager { visibility: hidden; position: absolute; left: -20px; top: -15px; z-index: 123; margin: 0; opacity: 0; } .list-collection .pager li { display: block; float: none; min-height: 0; padding: 0 0 5px; } .list-collection .pager li a { display: block; overflow: hidden; position: relative; width: 48px; height: 48px; border: 1px solid #e0e0e0; background: #fff; } .list-collection .pager li:first-child a { border-top-left-radius: 5px; } .list-collection .pager li a { border-width: 0; } .list-collection .rating { margin: 0 0 12px; color: #4F4F4F; font-size: 11px; font-weight: 600; } .list-collection .pager .link { padding: 6px 0 0; } .list-collection .pager img { width: auto !important; max-height: 100% !important; } .list-collection .rating .rating-a { display: block; margin: 0 0 8px; } .list-collection .rating span[class*="overlay-"] { display: block; margin: 13px 0 0; } #root .list-collection .featured { width: 50%; min-height: 418px; padding: 0; } #root .list-collection .featured:before, #root .list-collection .featured:after, #root .list-collection .usp:before, #root .list-collection .usp:after, #root .list-collection .after-usp + li:after { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; width: auto; height: auto; box-shadow: none; border-radius: 0; border: 0; background: none; } #root .list-collection .featured h1, #root .list-collection .featured h2, #root .list-collection .featured h3, #root .list-collection .featured h4, #root .list-collection .featured h5, #root .list-collection .featured h6 { position: absolute; left: 13px; bottom: 51px; z-index: 2; width: 284px; padding: 23px; background: #FF6602; color: #fff; font-family: Muli, Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.11764705882; } #root .list-collection .featured h1 span, #root .list-collection .featured h2 span, #root .list-collection .featured h3 span, #root .list-collection .featured h4 span, #root .list-collection .featured h5 span, #root .list-collection .featured h6 span { display: block; padding: 9px 0 0; font-weight: 800; font-size: 1.29411764706em; } #root .list-collection .featured figure { overflow: hidden; position: absolute; left: 0; top: 26px; right: 0; bottom: 43px; z-index: 1; margin: 0; background: center center no-repeat; background-size: cover; } #root .list-collection .usp { top: -13px; width: 100%; margin: 0; padding: 0; color: #000; font-weight: 700; } .list-collection .usp ul { list-style: none; margin: 0; padding: 35px 48px 32px 56px; background: #fafafa; } .list-collection .usp ul li { font-size: 14px; } .list-collection .usp ul li:before { content: "\e907"; display: inline-block; overflow: visible; visibility: visible; position: relative; left: 0; top: 1px; margin: 0 8px 0 0; box-shadow: none; border-radius: 0; border: 0; background: none; color: #27AE60; font-family: i; font-weight: 400; font-size: 16px; line-height: 1px; text-indent: 0; opacity: 1; } .list-collection .usp ul li span { color: #FF6602; } .list-collection .info { position: absolute; right: 18px; top: 16px; z-index: 9; } .list-collection .info a, .list-collection-reviews .info a { display: block; width: 16px; height: 16px; color: #d4d4d4; font-size: 16px; line-height: 16px; text-align: left; text-indent: -3000em; text-decoration: none; } .list-collection .info a:before, .list-collection-reviews .info a:before { content: "\e917"; } .list-collection .tools { position: absolute; right: -7px; bottom: 10px; z-index: 311111; visibility: hidden; opacity: 0; } .list-collection .tools li { float: left; } .list-collection .tools a, .list-product-rating li.favorites a { display: block; position: relative; width: 43px; height: 43px; border-radius: 43px; border: 1px solid #e0e0e0; background: #fff; color: #ff6602; color: #ff6602; font-size: 19px; line-height: 41px; text-decoration: none; text-align: left; text-indent: -3000em; } .list-collection .tools a i, .list-product-rating li.favorites a i { padding-top: 1px; } .list-collection .tools li.more a:before { content: "\e936"; font-size: 16px; } .list-collection .tools a.toggle, .list-product-rating li.favorites a.toggle { border-color: rgba(0,0,0,0); } .list-collection .tools a.toggle > span, .list-product-rating li.favorites a.toggle > span { -webkit-transform: translate(17px,-50%); -ms-transform: translate(17px,-50%); transform: translate(17px,-50%); } .list-collection .tools a.toggle .icon-heart:before, .list-product-rating li.favorites a.toggle .icon-heart:before { content: "\e91a"; } .list-collection .tools a > span, .list-product-rating li.favorites a > span { display: block; visibility: hidden; position: absolute; left: 100%; top: 50%; padding: 0 7px; border: 1px solid #E0E0E0; border-left-width: 0; background: #fafafa; color: #000; font-size: 11px; font-weight: 700; line-height: 19px; white-space: nowrap; text-indent: 0; opacity: 0; } .list-collection .tools a > span:before, .list-product-rating li.favorites a > span:before { content: ""; display: block; position: absolute; left: -10px; top: -1px; bottom: -1px; width: 11px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 31' preserveAspectRatio='none' enable-background='new 0 0 13.8 31'%3E%3Cstyle type='text/css'%3E.st0{fill:%23FAFAFA;} .st1{fill:%23E0E0E0;}%3C/style%3E%3Cg id='Canvas'%3E%3Cg id='Vector'%3E%3Cpath d='M12.3 1.2L1 14.5c-.6.8-.6 1.9 0 2.6l11.3 12.7c.4.4.9.7 1.5.7V.5c-.6 0-1.1.3-1.5.7z' class='st0'/%3E%3Cpath d='M11.9.9L.6 14.2c-.8.9-.8 2.4 0 3.3l11.3 12.7c.5.5 1.2.8 1.9.8v-1c-.4 0-.8-.2-1.1-.5L1.4 16.8c-.5-.6-.5-1.4 0-2L12.7 1.5c.3-.3.7-.5 1.1-.5V0c-.7 0-1.4.3-1.9.9z' class='st1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat; background-size: 100% 100%; } .list-collection .tools a > span, .list-product-rating li.favorites a > span { -webkit-transform: translate(3px,-50%); -ms-transform: translate(3px,-50%); transform: translate(3px,-50%); } .list-collection .tools i.icon-heart span, .list-product-rating li.favorites i.icon-heart span { display: block; position: absolute; left: 0; right: 0; top: 50%; height: 50px; margin: -25px 0 0; line-height: 50px; } .list-collection .tools i.icon-heart span:before, .list-collection .tools i.icon-heart span:after, .list-product-rating li.favorites i.icon-heart span:before, .list-product-rating li.favorites i.icon-heart span:after { content: "\e91a"; left: 50%; width: 100px; margin: -23px 0 0 -50px; line-height: 46px; text-align: center; } .list-collection .tools i.icon-heart span:before, .list-collection .tools i.icon-heart span:after, .list-product-rating li.favorites i.icon-heart span:before, .list-product-rating li.favorites i.icon-heart span:after { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .list-collection .tools i.icon-heart span:before, .list-product-rating li.favorites i.icon-heart span:before { color: rgba(255,102,2,.1); font-size: 46px; } .list-collection .tools i.icon-heart span:after, .list-product-rating li.favorites i.icon-heart span:after { color: rgba(255,102,2,.1); font-size: 32px; } .list-collection .amount { } .list-collection .amount label { } .list-collection .amount input, .list-collection .amount select, .list-collection .amount .select { display: block; float: left; width: 62px; height: 45px; margin: 0 12px 0 0; color: #000; font-size: 14px; } .list-collection .amount select { padding-right: 30px; } .list-collection .amount .select:before { width: 38px; } .list-collection .amount .select:after { border-radius: 3px; background: #fff; } .list-collection .amount button { display: block; float: left; width: 61px; height: 45px; margin: 0; padding: 0; text-align: left; text-indent: -3000em; } .list-collection .amount button i { margin: -18px 0 0; font-size: 23px; line-height: 30px; } .list-collection .owl-item { z-index: 1; } .list-collection .owl-item:hover { z-index: 9; } .list-collection .plus { position: absolute; left: -23px; top: 50%; width: 33px; height: 33px; margin: -16.5px 0 0; border-radius: 33px; background: #27ae60; color: #fff; font-size: 17px; line-height: 33px; text-align: center; } .list-collection .plus:before { content: "\e90b"; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6, .list-compare h1, .list-compare h2, .list-compare h3, .list-compare h4, .list-compare h5, .list-compare h6 { min-height: 65px; margin: 0 0 5px; font-size: 17px; font-family: Muli, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.11764705882; } .list-collection h1 a, .list-collection h2 a, .list-collection h3 a, .list-collection h4 a, .list-collection h5 a, .list-collection h6 a, .list-compare h1 a, .list-compare h2 a, .list-compare h3 a, .list-compare h4 a, .list-compare h5 a, .list-compare h6 a, .list-collection.horizontal h1 a, .list-collection.horizontal h2 a, .list-collection.horizontal h3 a, .list-collection.horizontal h4 a, .list-collection.horizontal h5 a, .list-collection.horizontal h6 a { color: #000; text-decoration: none; } .list-collection + .link-more { margin-top: -30px; } .list-collection .img img + img { -webkit-transition-property: opacity; -webkit-transition-duration: .1s; -webkit-transition-delay: .1s; transition-property: opacity; transition-duration: .1s; transition-delay: .1s; } .list-collection .img img + img.article-second-image { text-indent: 9999px; } .list-collection .pager { -webkit-transition-property: opacity; -webkit-transition-duration: .1s; -webkit-transition-delay: .1s; transition-property: opacity; transition-duration: .1s; transition-delay: .1s; } .list-collection.compact { margin-top: -22px; } .list-collection.compact li { width: 33.333333333333%; padding: 12px 0 0; } .list-collection.compact ul li { width: auto; } .list-collection.compact li:after { display: none; } .list-collection.compact .img { margin-left: 0; margin-right: 0; } .list-collection.compact .img li { min-height: 155px; padding-top: 0; } .list-collection.compact .img .pager li { min-height: 0; } .list-collection.compact h1, .list-collection.compact h2, .list-collection.compact h3, .list-collection.compact h4, .list-collection.compact h5, .list-collection.compact h6 { min-height: 31px; font-size: 14px; } .list-collection.compact .btn { position: relative; right: 0; bottom: 0; margin-top: -7px; } .list-collection.combine { } #root .list-collection.combine li:after { content: ""; display: block; position: absolute; left: -7px; top: 0; bottom: 36px; z-index: -2; width: 1px; height: auto; background: #ebebeb; } .list-collection.is-slider { margin: 0 0 12px; } .list-collection.is-slider > .bx-wrapper { overflow: hidden; max-width: none !important; margin: 0 -27px 0 -17px; padding: 0 27px 0 17px; } .list-collection.is-slider > .bx-wrapper > .bx-viewport { overflow: visible !important; width: auto !important; } .list-collection.is-slider > .bx-wrapper > .bx-viewport > .inner > .item { padding: 0 0 8px; } .list-collection .owl-carousel { overflow: hidden; width: auto; margin: 0 -27px 0 -17px; padding: 0 27px 0 17px; } .list-collection .owl-stage-outer { overflow: visible; } .list-collection + .pagination-a { margin-top: -30px; } .list-collection.horizontal { display: block; margin-left: 0; margin-bottom: 30px; color: #4F4F4F; font-weight: 600; line-height: 1.25; } .list-collection.horizontal + .pagination-a { margin-top: 60px; } .list-collection.horizontal > li { float: none; width: auto; min-height: 179px; margin: 0 0 13px; padding: 24px 410px 16px 224px; box-shadow: 0 4px 4px rgba(0,0,0,.05); border-left-width: 0; } #root .list-collection.horizontal > li { float: none; width: auto; } .list-collection.horizontal .img { position: absolute; left: 5px; top: 50%; width: 177px; margin-left: 0; margin-right: 0; } .list-collection.horizontal h1, .list-collection.horizontal h2, .list-collection.horizontal h3, .list-collection.horizontal h4, .list-collection.horizontal h5, .list-collection.horizontal h6 { min-height: 0; margin-bottom: 7px; } .list-collection.horizontal p { max-width: 340px; } .list-collection.horizontal .rating { padding-top: 2px; } .list-collection.horizontal .check-a { max-width: 240px; } .list-collection.horizontal .check-a .unit { position: relative; left: 0; float: right; padding: 2px 0 0; color: #4F4F4F; font-size: 11px; font-weight: 600; } .list-collection.horizontal .details { width: 100%; } .list-collection.horizontal .extra { position: absolute; right: 0; top: 0; bottom: 0; width: 262px; padding: 17px 40px 17px 44px; background: #fafafa; } .list-collection.horizontal .extra .price { margin: 0 0 11px; } .list-collection.horizontal .extra .price .small { margin: 0; } .list-collection.horizontal .extra .label-wrapper { display: block; position: absolute; right: 100%; top: 0; width: 140px; min-height: 80px; padding: 13px 0; } .list-collection.horizontal .label { margin: 0; padding: 0 10px; border-radius: 2px 0 0 2px; } .list-collection.horizontal .label:before { left: auto; right: 0; } .list-collection.horizontal .label:before { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .list-collection.horizontal .label span { left: 8px; margin: 0; padding: 0; background: none; } .list-collection.horizontal .label.has-span:before { /*background: #c4c4c4;*/ } .list-collection.horizontal .label.circle, .list-collection.horizontal.boxed .label.circle { border-radius: 50%; } .list-collection.horizontal .label.circle span { left: 0; padding: 0; } .list-collection.horizontal .extra .tools-wrapper { position: absolute; right: 100%; bottom: 30px; width: 140px; } .list-collection.horizontal .extra .tools-wrapper .tools { padding: 0; } .list-collection.horizontal .extra .tools-wrapper .tools li { padding: 0 7.5px; } .list-collection.horizontal.boxed { margin-left: -15px; margin-bottom: 15px; } .list-collection.horizontal.boxed h1, .list-collection.horizontal.boxed h2, .list-collection.horizontal.boxed h3, .list-collection.horizontal.boxed h4, .list-collection.horizontal.boxed h5, .list-collection.horizontal.boxed h6 { min-height: 0; } #root .list-collection.horizontal.boxed > li { float: left; width: 50%; margin: 0 0 15px; padding: 31px 21px 1px 224px; box-shadow: none; border-left-width: 15px; } #root .list-collection.horizontal.boxed > li:before { visibility: visible; left: 0; right: 0; top: 0; bottom: 0; box-shadow: 0 4px 4px rgba(0,0,0,.05); border-radius: 0; border: 1px solid #dcdcdc; opacity: 1; } .list-collection.horizontal.boxed form { padding-top: 3px; } .list-collection.horizontal.boxed form p { clear: none; } .list-collection.horizontal.boxed .label { left: -224px; right: auto; top: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .list-collection.horizontal.boxed .label.circle { left: -93px; } .list-collection.horizontal.boxed .img { position: absolute; left: -214px; top: -21px; float: left; width: 177px; margin: 0; } .list-collection.horizontal.boxed .details { position: relative; min-height: 164px; padding: 0 0 12px;} .list-collection.horizontal.boxed .rating { margin: 0 0 1px; padding: 2px 0 0; } .list-collection.horizontal.boxed .extra { display: block; position: relative; width: auto; margin: auto -20px 0 -223px; padding: 19px 20px 11px 40px; } .list-collection.horizontal.boxed .extra form { float: right; padding: 0; } .list-collection.horizontal.boxed .extra form button { width: 89px; } .list-collection.horizontal.boxed .extra .price { float: left; } .list-collection.horizontal.boxed .extra .price [class^="overlay-"]:first-child { display: block; position: absolute; left: 0; bottom: 100%; top: auto; padding: 0; } .list-collection.horizontal.boxed .extra p[class^="overlay-"] { display: none; } .list-collection.horizontal.boxed .extra .tools-wrapper { position: absolute; right: 184px; top: 50%; bottom: auto; left: auto; z-index: 9; width: 140px; margin: 0; } [class^="cols"] .list-collection > li { width: 25%; } [class^="cols"] .list-collection li:nth-child(5n-4):after { width: auto; } [class^="cols"] .list-collection li:nth-child(4n-3):after { width: calc(400% + 39px); } .list-collection-reviews { list-style: none; margin: -18px 0 0; padding: 0; color: #000; } .list-collection-reviews li { position: relative; margin: 0; padding: 24px 0 6px 150px; border-bottom: 1px solid #ebebeb; } .list-collection-reviews li:last-child { border-width: 0; } .list-collection-reviews li:before { content: "\e90b"; display: block; position: absolute; left: 139px; top: 100%; width: 21px; height: 21px; margin: -10.5px 0 0; border-radius: 21px; background: #27ae60; color: #fff; font-family: i; font-weight: 400; font-size: 11px; line-height: 21px; text-align: center; } .list-collection-reviews h1, .list-collection-reviews h2, .list-collection-reviews h3, .list-collection-reviews h4, .list-collection-reviews h5, .list-collection-reviews h6 { margin: 0; font-size: 16px; font-family: Muli, Arial, Helvetica, sans-serif; } .list-collection-reviews h1 a, .list-collection-reviews h2 a, .list-collection-reviews h3 a, .list-collection-reviews h4 a, .list-collection-reviews h5 a, .list-collection-reviews h6 a { display: block; color: #000; text-decoration: none; } .list-collection-reviews .price { margin: 0; font-size: 20px; font-weight: 800; } .list-collection-reviews .price span { display: inline-block; position: relative; top: -2px; color: #828282; font-weight: 600; font-size: .7em; text-decoration: line-through; } .list-collection-reviews .rating-a { margin-top: 13px; } .list-collection-reviews .info { position: absolute; left: 102px; top: 30px; z-index: 9; } .list-collection-reviews .btn { overflow: hidden; margin: 17px 0 24px; } .list-collection-reviews .btn a { display: block; overflow: hidden; position: relative; float: left; padding: 10px 13px; border-radius: 4px; background: #27ae60; color: #fff; font-weight: 400; line-height: 1.2; text-decoration: none; } .list-collection-reviews .btn a i { font-size: 23px; } .list-collection-reviews .rating-a + .btn { margin-top: 0; } .list-collection-reviews .img { display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; list-style: none; width: 120px; margin: 0; padding: 0; } .list-collection-reviews .img li { min-height: 0; padding: 0; border: 0; } .list-compare { list-style: none; margin: 28px 0 0 -23px; padding: 0; color: #4F4F4F; line-height: 1.25; text-align: left; } .list-compare li { position: relative; z-index: 2; width: 33.333%; min-height: 290px; margin: 0 0 24px; padding: 0 12px 0 44px; border-left: 23px solid rgba(0,0,0,0); font-size: 12px; font-weight: 600; } .list-compare li:before { z-index: -1; } .list-compare li:after { content: ""; display: block; position: absolute; left: -12px; top: 0; bottom: 0; width: 1px; background: #ebebeb; } .list-compare .close { display: block; position: absolute; right: 0; top: 0; width: 30px; height: 15px; color: #d4d4d4; font-size: 15px; font-weight: 400; text-align: left; text-indent: -3000em; text-decoration: none; } .list-compare .close:before { content: "\e93f"; } .list-compare figure { min-height: 175px; margin: 0 -12px 16px -44px; text-align: center; } .list-compare h1, .list-compare h2, .list-compare h3, .list-compare h4, .list-compare h5, .list-compare h6 { min-height:45px; } .list-compare h1 a, .list-compare h2 a, .list-compare h3 a, .list-compare h4 a, .list-compare h5 a, .list-compare h6 a { } .list-compare .price { min-height: 0; margin-bottom: 13px; } .list-compare .price span { } .list-compare li.empty { padding: 20px 10px; font-size: 14px; font-weight: 400; line-height: 1.64285714286; text-align: center; } .list-compare li.empty span { display: block; padding: 5px 0 0; color: #9E9E9E; } .list-compare li.empty:before { box-shadow: none; border: 1px dashed #ebebeb; background: #fcfcfc; } .list-comment { list-style: none; margin: 28px 0 0; padding: 0; line-height: 1.6666666666; } .list-comment li { position: relative; min-height: 97px; margin: 0 0 18px; padding: 4px 275px 0 114px; border-bottom: 1px solid #e0e0e0; font-size: 15px; } .list-comment li:last-child { border-width: 0; } .list-comment figure { position: absolute; left: 0; top: 0; } .list-comment h1, .list-comment h2, .list-comment h3, .list-comment h4, .list-comment h5, .list-comment h6 { margin: 0 0 4px; font-family: Muli, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; } .list-comment .date { position: absolute; right: 0; top: 27px; margin: 0 0 5px; } .list-comment p { margin: 0 0 20px; font-size: 15px; } .list-contact { list-style: none; margin: 0 0 38px; padding: 0; color: #000; line-height: 1.21428571429; } .list-contact li { position: relative; min-height: 39px; margin: 0 0 28px; padding: 1px 0 0 53px; } .list-contact a { display: block; font-weight: 600; text-decoration: none; } .list-contact i { display: block; position: absolute; left: 0; top: 0; width: 39px; height: 39px; border-radius: 39px; background: #f6f6f6; color: #a0a0a0; font-size: 12px; line-height: 39px; text-align: center; } .list-contact i.icon-phone { font-size: 15px; } .list-contact i.icon-messanger { font-size: 16px; } .cols-a > form + * > .list-contact:first-child { margin-top: 31px; } .list-countdown { overflow: hidden; position: relative; list-style: none; margin: 0 0 23px -25px; padding: 0; color: #333; line-height: 1.35714285714; } .list-countdown li { position: relative; border-left: 25px solid rgba(0,0,0,0); } .list-countdown li:before { content: ""; display: block; position: absolute; left: -25px; top: 50%; width: 1px; height: 20px; margin: -10px 0 0; background: #c4c4c4; } .list-countdown li > span { display: block; } .list-countdown .countdown { float: none; margin: 0; padding: 4px 0 0; box-shadow: none; border-width: 0; background: none; font-size: 24px; } .list-gallery { overflow: hidden; list-style: none; margin: 0 0 53px -27px; padding: 0; font-weight: 800; text-align: center; } .list-gallery li { display: block; width: 100%; max-width: 16.66666666%; margin: 0 0 27px; border-left: 27px solid rgba(0,0,0,0); font-size: 16px; } .list-gallery a { display: block; color: #000; text-decoration: none; } .list-gallery img { display: block; position: relative; z-index: 1; margin: 0 auto; } .list-gallery .img { display: block; position: relative; max-width: 217px; min-height: 189px; margin: 0 auto 31px; } .list-gallery .img:before { z-index: 2; background: rgba(0,0,0,0.025); } .no-mobile .list-gallery .img:hover:before { background: rgba(0,0,0,.06); } .list-gallery:after { content: ""; flex: auto; margin-left: auto; } .list-info { list-style: none; padding: 0; color: #000; } .list-info li { position: relative; min-height: 29px; padding: 3px 0 3px 330px; } .list-info li:nth-child(2n) { background: #fafafa; } .list-info li.more { padding-left: 35px; background: none; } .list-info li > span:first-child { display: block; float: left; width: 300px; margin: 0 0 0 -330px; padding: 0 0 0 35px; /*position: absolute; left: 35px; top: 9px;*/ } .list-info i { font-size: 9px; line-height: 1px; } .list-product-rating { position: relative; list-style: none; margin: 0 -20px 7px 0; padding: 0; color: #828282; line-height: 1.325; } .list-product-rating li { float: left; margin: 0 20px 6px 0; font-size: 14px; } .list-product-rating .rating-a { display: inline-block; margin: 0 3px 0 2px; } .list-product-rating li.favorites { display: none; position: absolute; right: 0; top: 50%; z-index: 999; float: right; margin: -27.5px auto 0 0; } .list-product-rating li.favorites a { border-width: 0; } .list-product-rating li.favorites a > span { left: auto; right: 100%; border-left-width: 1px; border-right-width: 1px; } .list-product-rating li.favorites a.toggle > span { -webkit-transform: translate(-17px,-50%); -ms-transform: translate(-17px,-50%); transform: translate(-17px,-50%); } .list-product-rating li.favorites a > span:before { left: auto; right: -10px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.8 31' style='enable-background:new 0 0 13.8 31;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0{fill:%23FAFAFA;}.st1{fill:%23E0E0E0;}%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M0,0.5l0,30c0.6,0,1.1-0.3,1.5-0.7l11.3-12.7c0.6-0.7,0.6-1.8,0-2.6L1.5,1.2C1.1,0.8,0.6,0.5,0,0.5z'/%3E%3Cpath class='st1' d='M0,0l0,1c0.4,0,0.8,0.2,1.1,0.5l11.3,13.3c0.5,0.6,0.5,1.4,0,2L1.1,29.5C0.8,29.8,0.4,30,0,30l0,1 c0.7,0,1.4-0.3,1.9-0.8l11.3-12.7c0.8-0.9,0.8-2.4,0-3.3L1.9,0.9C1.4,0.3,0.7,0,0,0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat; background-size: 100% 100%; } .list-product-rating p { margin: 0; } .list-product-rating .check-a { font-size: 14px; } .list-product-rating .check-a label { margin: 0; color: #828282; font-size: 1em; text-decoration: underline; } .list-product-rating a, .list-product-rating a:hover span { text-decoration: none; } .list-product-rating a span { text-decoration: underline; } .list-product-rating a i { color: #ff6602; } .list-recent { list-style: none; padding: 0; border: 0 solid #e0e0e0; } .list-recent li { position: relative; min-height: 110px; padding: 11px 0 11px 130px; border-bottom: 1px solid #e0e0e0; } .list-recent li:last-child { border-width: 0; } .list-recent figure { position: absolute; left: 0; top: 50%; } .list-recent h1, .list-recent h2, .list-recent h3, .list-recent h4, .list-recent h5, .list-recent h6 { margin: 0; font-size: 14px; font-weight: 700; font-family: Muli, Arial, Helvetica, sans-serif; line-height: 1.2857142857; } .list-recent h1 span, .list-recent h2 span, .list-recent h3 span, .list-recent h4 span, .list-recent h5 span, .list-recent h6 span { display: block; padding: 0 0 4px; font-size: .85714285714em; font-weight: 400; text-transform: uppercase; } .list-recent p { margin: 0; font-size: 13px; } .list-recent .price { color: #000; font-size: 18px; font-weight: 800; } .list-recent .price span { color: #ABABAB; font-weight: 600; font-size: .72222222222em; text-decoration: line-through; } .list-recent .rating-a { height: 13px; margin: 4px 0 2px; padding: 0 0 0 75px; font-size: 13px; line-height: 13px; } .list-recent .rating-a .rating { height: 13px; } .list-recent .rating-a .rating > * { width: 13px; margin: 0 1px 0 0; } .list-recent.a { } .list-recent.a li { padding-left: 100px; } .list-recent.a h1, .list-recent.a h2, .list-recent.a h3, .list-recent.a h4, .list-recent.a h5, .list-recent.a h6 { max-width: 185px; } .list-related { position: relative; list-style: none; margin-bottom: 18px; padding: 0; border: 0 solid #e0e0e0; border-left-color: rgba(0,0,0,0); } .list-related li { position: relative; z-index: 2; min-height: 155px; margin: 0 0 24px; padding: 0 0 0 304px; border: 0 solid rgba(0,0,0,0); } .list-related li:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; } .list-related li:after { z-index: -1; } .list-related figure { overflow: hidden; position: absolute; left: 0; top: 50%; margin: 0; background: -3000em -3000em no-repeat; background-size: cover; } .list-related figure a:before { width: 48px; height: 48px; margin: -24px 0 0 -24px; font-size: 11px; line-height: 48px; } .list-related h1, .list-related h2, .list-related h3, .list-related h4, .list-related h5, .list-related h6 { /*overflow: hidden;*/ margin: 0 0 5px; color: #000; font-size: 22px; font-family: Montserrat, Muli, Arial, Helvetica, sans-serif; line-height: 1; } .list-related h1 .mobile-only, .list-related h2 .mobile-only, .list-related h3 .mobile-only, .list-related h4 .mobile-only, .list-related h5 .mobile-only, .list-related h6 .mobile-only { display: block; margin: 0 0 4px; color: #4F4F4F; font-size: 13px; font-family: Muli, Arial, Helvetica, sans-serif; font-weight: 400; } .list-related .small { display: block; margin: 0 0 9px; color: #FF6602; font-family: Muli, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; } .list-related p { overflow: hidden; max-height: 68px; margin: 0; font-size: 15px; line-height: 2.2666666666; } .list-related ul { position: relative; list-style: none; margin: 0 -5px 0 0; padding: 0; } .list-related ul li { display: block; position: relative; z-index: 2; float: left; min-height: 0; margin: 0 5px 0 0; padding: 0; border-width: 0; font-size: 14px; } .list-related ul li a, .module-entry li a { text-decoration: none; } .list-related ul li i, .module-entry li i { display: inline-block; position: relative; top: -1px; margin: 0 2px 0 0; font-size: 9px; line-height: 1px; } .list-related .owl-carousel { position: static; } .list-related .bx-controls-direction a, .list-brands .bx-controls-direction a, .list-related .owl-prev, .list-related .owl-next, .list-brands .owl-prev, .list-brands .owl-next { display: block; overflow: visible; position: absolute; bottom: 27px; height: 23px; margin: 0; padding: 0 11px; border-radius: 2px; border: 0; background: #ff6602; color: #fff; font-weight: 700; font-size: 13px; line-height: 22px; text-decoration: none; } #root .list-related .owl-prev, #root .list-related .owl-next, #root .list-brands .owl-prev, #root .list-brands .owl-next { background: #ff6602; } .list-related .bx-controls-direction .bx-prev, .list-brands .bx-controls-direction .bx-prev, .list-related .owl-prev, .list-brands .owl-prev { left: 31px; border-radius: 0 2px 2px 0; } .list-related .bx-controls-direction .bx-next, .list-brands .bx-controls-direction .bx-next, .list-related .owl-next, .list-brands .owl-next { right: 31px; border-radius: 2px 0 0 2px; } .list-brands .bx-controls-direction .bx-prev, .list-brands .owl-prev { left: 11px; } .list-brands .bx-controls-direction .bx-next, .list-brands .owl-next { right: 11px; } .list-related .bx-controls-direction a:before, .list-brands .bx-controls-direction a:before, .list-related .owl-prev:before, .list-related .owl-next:before, .list-brands .owl-prev:before, .list-brands .owl-next:before { content: ""; display: block; visibility: visible; position: absolute; top: 0; bottom: 0; width: 12px; background-size: 100% 100%; opacity: 1; } .list-related .bx-controls-direction .bx-prev:before, .list-brands .bx-controls-direction .bx-prev:before, .list-related .owl-prev:before, .list-brands .owl-prev:before { left: -11px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.5 23' enable-background='new 0 0 10.5 23'%3E%3Cstyle type='text/css'%3E.st0{fill:%23FF6602;}%3C/style%3E%3Cpath d='M0.5,12.6L9,22.3c0.4,0.5,0.9,0.7,1.5,0.7V0C9.9,0,9.4,0.2,9,0.7L0.5,9.9C-0.2,10.7-0.2,11.8,0.5,12.6z' class='st0'/%3E%3C/svg%3E"); } .list-related .bx-controls-direction .bx-next:before, .list-brands .bx-controls-direction .bx-next:before, .list-related .owl-next:before, .list-brands .owl-next:before { left: auto; right: -11px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.5 23' enable-background='new 0 0 10.5 23'%3E%3Cstyle type='text/css'%3E.st0{fill:%23FF6602;}%3C/style%3E%3Cpath d='M10 9.9L1.5.7C1.1.2.6 0 0 0v23c.6 0 1.1-.2 1.5-.7l8.5-9.7c.7-.8.7-1.9 0-2.7z' class='st0'/%3E%3C/svg%3E"); } .list-related.a { margin-left: -30px; margin-bottom: 9px; } .list-related.a li { float: left; width: 33.3333333333%; padding-left: 256px; border-left-width: 30px; } .list-related.a li:nth-child(3n) + li { clear: both; } .list-related.a h1, .list-related.a h2, .list-related.a h3, .list-related.a h4, .list-related.a h5, .list-related.a h6 { margin-bottom: 8px; font-size: 20px; } .list-related.a .small { margin-bottom: 10px; font-size: 12px; } .list-related.a ul { margin-right: 0; } .list-related.a ul li { float: none; width: auto; padding: 0; border-width: 0; font-size: 13px; } .list-related.b { margin-left: -32px; margin-bottom: 0; } .list-related.b li { float: left; width: 50%; margin: 0 0 40px; padding: 0 0 15px; border-left-width: 32px; } .list-related.b li:before { background: #e0e0e0; } .list-related.b li:nth-child(4n) + li { clear: both; } .list-related.b h1, .list-related.b h2, .list-related.b h3, .list-related.b h4, .list-related.b h5, .list-related.b h6 { margin-bottom: 9px; font-size: 22px; } .list-related.b figure { position: relative; top: 0; width: auto; margin: 0 0 19px; } .list-related.b ul { margin-right: -13px; } .list-related.b ul li { float: left; width: auto; margin: 0 13px 0 0; padding: 0; border-width: 0; } .list-related.c { } .list-related.c figure { width: 370px; } .list-related.c li { min-height: 220px; margin: 0 0 80px; padding-left: 397px; } .list-related.c h1, .list-related.c h2, .list-related.c h3,.list-related.c h4, .list-related.c h5, .list-related.c h6 { margin-bottom: 16px; } .list-related.c ul { margin: 0 -13px 15px 0; padding: 0 0 11px; } .list-related.c ul:before { right: 5px; border-bottom: 1px solid #e0e0e0; } .list-related.c ul li { min-height: 0; margin: 0 13px 0 0; padding: 0; font-size: 15px; } .list-sliders { overflow: hidden; list-style: none; margin: 0 0 0 -38px; padding: 0; color: #fff; font-weight: 600; } @media screen and (max-width:760px){ .list-sliders{margin: 0 0 20px -38px;} } .list-sliders li { position: relative; float: left; width: 50%; min-height: 270px; margin: 0 0 20px; padding: 27px 43px; border-left: 38px solid rgba(0,0,0,0); } .list-sliders li.w57 { width: 57%; padding-left: 27px; padding-right: 27px; } .list-sliders li.w43 { width: 43%; } .list-sliders .overlay, .module-welcome .overlay, .module-featured .background .overlay { z-index: 2; } .list-sliders ul { overflow: hidden; list-style: none; margin: -27px -27px; padding: 0; } .list-sliders ul li { float: none; width: auto; margin: 0; border-width: 0; } .list-sliders header { position: relative; z-index: 3; width: 100%; max-width: 320px; } .list-sliders .text-center header { margin-left: auto; margin-right: auto; } #root .list-sliders figure { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; margin: 0; background: center center no-repeat; background-size: cover; } #root .list-sliders figure img { position: relative; left: -3000em; } .list-sliders figure a { display: block; position: relative; z-index: 4; } .list-sliders h1, .list-sliders h2, .list-sliders h3, .list-sliders h4, .list-sliders h5, .list-sliders h6 { margin: 0 0 13px; color: #fff; font-size: 24px; font-family: Montserrat, Muli, Arial, Helvetica, sans-serif; line-height: 1.20833333333; } .list-sliders a { color: #fff; } .list-sliders p { margin: 0 0 13px; font-size: 15px; } .list-sliders p.btn { overflow: hidden; padding: 0; font-size: 16px; font-weight: 700; } .list-sliders p.btn > * { display: block; overflow: hidden; position: relative; float: left; margin: 0; padding: 8px 12px; border-radius: 3px; background: #ff6602; color: #fff; line-height: 1.2; text-decoration: none; } .list-sliders .text-right p.btn > * { float: right; } .list-sliders .bx-pager, .slider-a .bx-pager, .list-sliders .owl-dots, .slider-a .owl-dots { display: block; overflow: hidden; position: absolute; left: 27px; bottom: 20px; z-index: 9; } .list-sliders .bx-pager .bx-pager-item, .slider-a .bx-pager .bx-pager-item, .list-sliders .owl-dots button, .slider-a .owl-dots button { float: left; margin: 0 5px 5px 0; } .list-sliders .bx-pager .bx-pager-item a, .slider-a .bx-pager .bx-pager-item a, .list-sliders .owl-dots button, .slider-a .owl-dots button { display: block; overflow: hidden; position: relative; width: 14px; height: 14px; padding: 0; border-radius: 9px; border: 0; background: #C4C4C4; text-align: left; text-indent: -3000em; } .list-sliders .bx-pager .bx-pager-item a.active, .slider-a .bx-pager .bx-pager-item a.active, .list-sliders .owl-dots button.active, .slider-a .owl-dots button.active { background: #FF6602; cursor: default; } .list-social { overflow: hidden; list-style: none; margin-right: -8px; padding: 0; max-width:230px; } .list-social li { float: left; margin: 0 8px 4px 0; font-size: 16px; } .list-social a { display: block; overflow: hidden; position: relative; width: 38px; height: 38px; border-radius: 19px; background: #FF6602; color: #fff; text-align: left; text-indent: -3000em; } .list-social i.icon-twitter { font-size: 14px; } .list-social.a { margin-right: -20px; } .list-social.a li { margin-right: 20px; } .list-social.a a { width: auto; height: 27px; border-radius: 0; background: none; color: #010002; } .list-social.a i { display: block; position: relative; left: 0; top: 0; width: auto; margin: 0; line-height: 27px; } .list-submit { list-style: none; margin-left: -30px; padding: 0; } #root .cols-a > .list-submit { margin-left: -30px; } .list-submit li { float: left; margin: 0; border-left: 30px solid rgba(0,0,0,0); font-size: 15px; } .list-submit li:last-child { float: right; } .list-submit i { display: inline-block; position: relative; top: -1px; margin: 0 3px 0 0; font-size: 9px; line-height: 1px; } .list-submit li > a { display: block; overflow: hidden; position: relative; } .list-submit li.form { width: 304px; } .list-submit li.form > a { height: 45px; border-bottom: 1px solid #f6f6f6; color: #000; font-weight: 700; line-height: 45px; text-decoration: none; } .list-submit li.form > a:before { content: "\e926"; left: auto; right: 0; width: auto; color: #ff6602; font-size: 5px; } .list-submit li.form.toggle > a:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .list-submit li.form > div, .form-reveal > div { position: absolute; left: -3000em; top: 0; padding: 22px 0 0; } .list-submit li.form.toggle > div, .form-reveal.toggle > div { position: relative; left: 0; } .list-submit li.form > div p, .form-reveal p { margin: 0; padding: 0 113px 0 0; font-size: 15px; } .list-submit li.form > div p input, .form-reveal input { height: 45px; color: #7D7D7D; font-size: 1em; } .list-submit li.form > div p .btn, .list-submit li.form > div p button, .form-reveal button, .form-reveal .btn { display: block; position: absolute; right: 0; bottom: 0; width: 104px; height: 45px; margin: 0; padding: 0; border-radius: 4px; border-width: 0; background: #27ae60; color: #fff; font-size: 1em; font-weight: 700; text-decoration: none; text-align: center; } .list-submit li.form > div p .btn, .form-reveal .btn { line-height: 45px; } .list-submit li > .btn, .list-submit button { display: block; overflow: hidden; position: relative; width: auto; min-width: 0; height: 45px; margin: 0; padding: 0 22px; border-radius: 4px; font-weight: 700; text-decoration: none; white-space: nowrap; } .list-submit li > .btn { padding: 0 22px; border: 1px solid #e0e0e0; color: #27AE60; line-height: 43px; } .list-submit button { min-width: 226px; border-color: #ff6602; background: #ff6602; } .list-tags { overflow: hidden; list-style: none; margin-right: -5px; padding: 0; color: #000; line-height: 1.325; } .list-tags li { float: left; margin: 0 5px 9px 0; } .list-tags li.header { padding: 1.5px 0; font-weight: 700; font-size: 18px; } .list-tags a { display: block; padding: 4.5px 9px; border-radius: 13.5px; background: #f0f0f0; text-decoration: none; } .list-total { list-style: none; margin: 0 0 8px; padding: 0 0 0 77px; color: #000; font-weight: 800; line-height: 1.2; } .list-total li { position: relative; margin: 0 0 1px; padding: 0; font-size: 16px; } .list-total li > span { display: block; float: right; min-width: 73px; } .list-total li > span:first-child { display: block; position: absolute; left: 0; top: 4px; width: auto; font-size: .8125em; font-weight: 400; } .list-total sup { top: -3px; font-size: .65em; } .list-total label { margin: 0; padding: 0; font-size: 1em; font-weight: 400; } .list-total li.shipping { margin: 17px 0 0; padding: 0; padding-left: 14px; font-size: 13px; font-weight: 700; line-height: 1.2; } .list-total li.shipping > span:first-child { float: right; position: relative; top: 0; width: auto; padding: 7.5px 17px 7.5px 35px; box-shadow: 0 1px 2px rgba(0,0,0,.08); border-radius: 0 3px 3px 0; border: 1px solid #E0E0E0; border-left-width: 0; background: #fafafa; font-size: 1em; font-weight: 700; } .list-total li.shipping > span:first-child:before { content: "\e903"; display: block; position: absolute; left: 14px; top: 50%; margin: -10px 0 0; color: #ff6602; font-size: 9px; font-family: i; font-weight: 400; line-height: 20px; } .list-total li.shipping > span:first-child:after { content: ""; display: block; position: absolute; left: -14px; top: -1px; bottom: -1px; width: 15px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 31' preserveAspectRatio='none' enable-background='new 0 0 13.8 31'%3E%3Cstyle type='text/css'%3E.st0{fill:%23FAFAFA;} .st1{fill:%23E0E0E0;}%3C/style%3E%3Cg id='Canvas'%3E%3Cg id='Vector'%3E%3Cpath d='M12.3 1.2L1 14.5c-.6.8-.6 1.9 0 2.6l11.3 12.7c.4.4.9.7 1.5.7V.5c-.6 0-1.1.3-1.5.7z' class='st0'/%3E%3Cpath d='M11.9.9L.6 14.2c-.8.9-.8 2.4 0 3.3l11.3 12.7c.5.5 1.2.8 1.9.8v-1c-.4 0-.8-.2-1.1-.5L1.4 16.8c-.5-.6-.5-1.4 0-2L12.7 1.5c.3-.3.7-.5 1.1-.5V0c-.7 0-1.4.3-1.9.9z' class='st1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat; background-size: 100% 100%; } #root .list-total li.shipping span.label { position: absolute; left: 0; top: 50%; margin: -9px 0 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: none; font-weight: 400; font-size: 14px; line-height: 18px; } .list-total li.shipping + li.shipping { margin-top: 5px; } .list-total input { display: block; position: absolute; right: 80px; top: -2px; width: 31px; height: 27px; margin: 0; padding: 0 5px; border-radius: 3px; border-color: #e0e0e0; background: #fafafa; color: #000; font-size: 14px; text-align: center; } .list-total li.strong { margin-top: 13px; padding-top: 11px; border-top: 1px solid #EDEDED; font-weight: 800; font-size: 30px; line-height: 1.2; } .list-total li.strong > span, .list-total.b li.strong > span { position: relative; float: right; } .list-total li.strong > span:first-child, .list-total.b li.strong > span:first-child { position: absolute; left: 0; right: auto; top: 20px; font-weight: 700; font-size: .6em; } .list-total li.strong:first-child, .popup-a .list-total li.strong:first-child, .list-total.b li.strong:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } .list-total li.strong:first-child > span:first-child, .popup-a .list-total li.strong:first-child > span:first-child { top: 9px; } .list-total li.strong .small { display: block; padding: 5px 0 0; font-size: .63636363636em; font-weight: 400; } .list-total.a { padding-left: 0; } .list-total.a li > span { min-width: 0; } .list-total.a li.shipping > span:first-child { background: #fff; } .list-total li.shipping > span:first-child:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 31' preserveAspectRatio='none' enable-background='new 0 0 13.8 31'%3E%3Cstyle type='text/css'%3E.st0{fill:%23FAFAFA;} .st1{fill:%23E0E0E0;}%3C/style%3E%3Cg id='Canvas'%3E%3Cg id='Vector'%3E%3Cpath d='M12.3 1.2L1 14.5c-.6.8-.6 1.9 0 2.6l11.3 12.7c.4.4.9.7 1.5.7V.5c-.6 0-1.1.3-1.5.7z' class='st0'/%3E%3Cpath d='M11.9.9L.6 14.2c-.8.9-.8 2.4 0 3.3l11.3 12.7c.5.5 1.2.8 1.9.8v-1c-.4 0-.8-.2-1.1-.5L1.4 16.8c-.5-.6-.5-1.4 0-2L12.7 1.5c.3-.3.7-.5 1.1-.5V0c-.7 0-1.4.3-1.9.9z' class='st1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .module-summary .list-total li.shipping > span:first-child:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.8 31' preserveAspectRatio='none' enable-background='new 0 0 13.8 31'%3E%3Cstyle type='text/css'%3E.st0{fill:%23fff;} .st1{fill:%23E0E0E0;}%3C/style%3E%3Cg id='Canvas'%3E%3Cg id='Vector'%3E%3Cpath d='M12.3 1.2L1 14.5c-.6.8-.6 1.9 0 2.6l11.3 12.7c.4.4.9.7 1.5.7V.5c-.6 0-1.1.3-1.5.7z' class='st0'/%3E%3Cpath d='M11.9.9L.6 14.2c-.8.9-.8 2.4 0 3.3l11.3 12.7c.5.5 1.2.8 1.9.8v-1c-.4 0-.8-.2-1.1-.5L1.4 16.8c-.5-.6-.5-1.4 0-2L12.7 1.5c.3-.3.7-.5 1.1-.5V0c-.7 0-1.4.3-1.9.9z' class='st1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .list-total.a li.strong { margin-top: 17px; } .list-total.b { padding-left: 0; line-height: 1.5; text-align: left; } .list-total.b li { margin-bottom: 7px; padding-top: 3px; } .list-total.b li > span { position: absolute; right: 0; top: 0; float: none; } .list-total.b li > span:first-child { position: relative; top: 0; font-size: .875em; text-align: left; } .list-total.b li.shipping { margin-bottom: 0; padding-right: 0; padding-top: 0; } #root .list-total.b li.shipping { font-size: 1em; } .list-total.b li.strong { margin-bottom: 1px; padding-right: 0; padding-top: 5px; } .list-total.b li.strong > span:first-child { top: 14px } .list-total.c { padding: 0; font-weight: 700; } .list-total.c li { margin: 0 0 4px; font-size: 14px; } .list-total.c li > span { text-align: right; } .list-total.c li > span:first-child { font-size: 1em; font-weight: 400; text-align: left; } .list-total.c li.strong { margin-top: 16px; padding: 0; border-width: 0; font-weight: 700; font-size: 17px; } .list-total.c li.strong > span { font-weight: 700; } .list-total.c li.strong > span:first-child { top: 0; font-size: 1em; } .list-usp { position: relative; list-style: none; margin: 0 0 20px; padding: 0 0 10px; color: #000; font-weight: 600; } .list-usp .owl-carousel { position: static; } .list-usp li { position: relative; margin: 0 0 6px; padding: 0 0 0 23px; font-size: 14px; } .list-usp li:before { content: "\e92a"; display: block; position: absolute; left: 0; top: 5px; color: #418fc8!important; font-size: 11px; font-family: i; font-weight: 400; line-height: 16px; } .list-usp li a { text-decoration:none; } .list-usp .item li, .list-usp .owl-item li { margin: 0; } .list-usp .bx-controls-direction a, #root .list-usp .owl-prev, #root .list-usp .owl-next { display: block; position: absolute; top: 0; bottom: 0; width: 30px; height: auto; margin: 0; padding: 0; border: 0; background: none; color: #000; font-size: 15px; text-align: left; text-indent: -3000em; } .list-usp .bx-controls-direction .bx-prev, .list-usp .owl-prev { left: 0; } .list-usp .bx-controls-direction .bx-next, .list-usp .owl-next { right: 0; } .list-usp .bx-controls-direction .bx-prev:before, .list-usp .owl-prev:before { content: "\e92c"; text-align: left; } .list-usp .bx-controls-direction .bx-next:before, .list-usp .owl-next:before { content: "\e92d"; text-align: right; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img, .gui-table img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } .h100 { height: 100%; } .w100 { width: 100%; } figure { margin: 55px 0 45px; } figure:last-child { margin-bottom: 24px; }