/* ------------------------------------------- Name: La Moda Date: 2019/03/01 Author: http://psdhtml.me --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--azure); } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; } body { min-height: 100%; background: var(--concrete); font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Theme --------- */ :root { --black: #000000; --cod: #121212; --coal: #333333; --dove: #707070; --gray: #868686; --chalice: #9E9E9E; --silver: #C4C4C4; --alto: #d7d7d7; --mercury: #E5E5E5; --concrete: #F5F5F5; --alabaster: #FAFAFA; --white: #ffffff; --rose: #ff0000; --candy: #D80008; --coral: #FF7D7D; --azure: #91C1B5; --plant: #274550; --cove: #617fb3; --blank: rgba(0,0,0,0); } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--black); font-family: 'Nunito Sans', Arial, Helvetica, sans-serif; line-height: 1.9333333333; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 15px; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 28px; } ul { list-style: none; } h1, h2, h3, h4, h5, h6, legend, .gui-page-title, .gui-content-title { margin: 35px 0 12px; font-size: 20px; line-height: 1.3928571429; } h1, .gui-page-title { margin-bottom: 18px; font-size: 28px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--black); text-decoration: none; } a { background: none; text-decoration: none; color: inherit; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } /*ul, ol, dd, blockquote { padding-left: 40px; }*/ figure { position: relative; margin-bottom: 30px; color: var(--coal); font-size: 13px; line-height: 1.3; } figcaption { display: block; position: absolute; left: 0; top: 0; z-index: 2; padding: 10px 12px; background: var(--white); } /*! Repeatable --------- */ /* clear */ .form-product .fieldset:after, .module-product > *:after, .module-aside:after, .module-featured article:after, .module-featured:after, .module-wide:after, .form-product:after, .module-quickshop header:after, .module-quickshop:after, .heading-rating:after, .module-product p:after, .module-product:after, .list-checkout li:after, .link-btn.scroll-to-fixed-fixed:after, .owl-carousel .owl-stage-outer:after, .nav-breadcrumbs:after, .cols-b:after, .cols-c:after, .cols-b > header:first-child:after, .owl-carousel .owl-stage:after, .module-news:after, .double:after, .list-comments li:after, #nav:after, .form-newsletter:after, .heading-wide:after, #content:after, #top:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* fill */ .list-featured figure a:before, .list-cart a:before, .module-aside > div:before, .list-big a:before, .list-big li.wide figure, .list-big li.wide figure:before, .list-collection.aside li.aside figure, .module-featured figure:before, .module-featured figure, .list-feed ul:before, .list-feed ul, .module-wide figure, .list-collection li.empty:before, .form-product .submit a:before, .form-product .submit a:after, .check-box label:before, .check-color label:before, .list-product a:before, #root .list-slider .pager li a:before, .owl-dots button:after, .list-collection .owl-nav button:before, .form-sort:before, .totop:after, .list-collection li.wide:before, .ui-slider:before, .ui-slider-range:before, .form-filter .header a, #root .semantic-select ul li.active:after, .list-collection .semantic-select-wrapper.has-color span.color:before, #root .semantic-select ul li.hidden:after, .list-collection ul.label li.btn a, .list-slider ul.label li.btn a, .list-product ul.label li.btn a, .list-collection a:before, a.btn:before, a.btn:after, .list-total:before, .rating-a .rating > *:before, .rating-a .rating > * .fill, .accordion-a a[role="tab"], .list-news figure:before, .list-news a.clone, .list-news a:before, .list-comments li.more a:after, .list-tags a:after, .list-tags a:before, .list-comments li:before, .list-brands li:before, .list-brands a:before, #footer nav h1:after, #footer nav h2:after, #footer nav h3:after, #footer nav h4:after, #footer nav h5:after, #footer nav h6:after, #footer .header-toggle, #shadow:before, .list-social.a a:before, #footer > p:before, #footer nav:before, button:after, .link-btn a:after, .heading-wide figure:before, .heading-wide figure { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } /* wide */ .module-wide:before, .module-product-bar:before, .module-quickshop header:before, .module-quickshop:before, #top > form:before, #top:before, #footer:before, .form-newsletter:before, #cookie:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; right: -1000em; z-index: -1; } /* icon */ .tabs-b .tabs-header:before, .tabs-c .tabs-header:before, .fancybox-navigation .fancybox-button:before, .heading-rating .header a.toggle:before, .tabs-a .tabs-header:before, .fancybox-button:before, .module-product-sticky .close:before, .form-product .submit a i, .check-color label:after, .list-product a:after, .list-select .head label:after, .list-select > li > a:before, .form-filter > .close:before, .list-collection .semantic-select .input .color:after, .nav-pagination .prev a:before, .nav-pagination .next a:before, .form-sort:after, .list-filters a:before, .totop:before, .form-filter .header:before, .nav-breadcrumbs p a:before, .popup-a .box-inset > .close:before, .semantic-select ul li.active a:before, .list-collection ul.label li.btn i, .list-slider ul.label li.btn i, .list-product ul.label li.btn i, #root .semantic-number a:after, .accordion-a > .header:before, #root .owl-nav button:after, #top > form button:before, #footer nav h1:before, #footer nav h2:before, #footer nav h3:before, #footer nav h4:before, #footer nav h5:before, #footer nav h6:before, #footer .header-toggle:before, .heading-wide button:before, #mobile .back:before, #mobile .close:before, #top > .menu:before, .list-tags.a i, #top > form > .close:before, #footer .lang:before, #footer .lang p a:before, #login .close:before, #cart .close:before, #nav > ul > li.sub > a:before, #top #logo:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; } /* index */ .list-featured figure a:before, .list-cart a:before, .list-big a:before, .list-big li.wide figure:before, .list-feed ul, .list-product a:before, .form-filter .header a, #root .semantic-select ul li.active:after, #root .semantic-select ul li.hidden:after, .list-collection ul.label li.btn a, .list-slider ul.label li.btn a, .list-product ul.label li.btn a, .list-collection a:before, .list-news figure:before, .list-news a.clone, .list-news a:before, .list-comments li.more a:after, .accordion-a a[role="tab"], .accordion-a > .header a:before, .list-brands a:before, #footer .header-toggle, #shadow:before, .list-social.a a:before, .heading-wide figure:before { z-index: 9; } /* centerY */ .module-product-bar .link-btn, .module-product .price .label, .list-checkout .price { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* centerX */ #nav > ul > li > ul { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* no trans */ #root .semantic-number a.disabled:after, .product-preview #top .module-product-bar, .quickshop-active .module-quickshop header, .confirm-cart .module-product-sticky, .popup-a.shown .box-inset, [data-whatintent="mouse"] .list-collection ul.label li.btn a:hover span, [data-whatintent="mouse"] .list-slider ul.label li.btn a:hover span, [data-whatintent="mouse"] .list-product ul.label li.btn a:hover span, .accordion-a.a > .header.toggle:before { -webkit-transform: none; transform: none; } /* show */ .not-top .totop, #top.scroll-to-fixed-fixed ~ #cookie .totop, #root .list-collection figure .owl-item, [data-whatintent="mouse"] .list-featured figure a:hover:before, [data-whatintent="mouse"] .totop:hover:after, [data-whatintent="mouse"] .list-feed li:hover ul, .list-product.mobile-hide, .fancybox-container.fancybox-is-open, a.toggle .bubble, [data-whatintent="mouse"] .list-product a:hover:before, [data-whatintent="mouse"] .list-product a:hover:after, .list-collection .owl-item[aria-hidden="false"], .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, [data-whatintent="mouse"] .list-collection ul.label li.btn a:hover span, [data-whatintent="mouse"] .list-slider ul.label li.btn a:hover span, [data-whatintent="mouse"] .list-product ul.label li.btn a:hover span, [data-whatintent="mouse"] .list-news li:hover figure:before, .list-news .owl-item[aria-hidden="false"], [data-whatintent="mouse"] .list-brands a:hover img, .cart-active #shadow, .login-active #shadow, .loading body:before, .loading body:after { visibility: visible; opacity: 1; } /* hide */ .totop, .list-feed ul, .list-product.mobile-only, .fancybox-container, .list-collection .owl-item, .list-collection .owl-item[aria-hidden="true"], .list-news .owl-item[aria-hidden="true"], .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } /* wide img */ .module-aside img, .list-big img, .list-feed img, .list-catalog img, .list-product .item img, .list-product img, .list-collection img, .list-news img, .list-gallery img { display: block; position: relative; z-index: 1; width: 100% !important; } /* center img */ .module-product-sticky figure img { width: auto; max-height: 100% !important; -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } /* bg img */ .list-big li.wide figure img, .list-collection.aside li.aside img, .module-featured img, .module-wide img, .form-welcome img, .heading-wide img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* gpu acc */ .cols-c > header:first-child, .cols-c > aside, #root > .totop, .popup-a, #top, #cart, #login, #mobile, #shadow, #cookie { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* cursor */ .list-btn .active a, .list-btn.a .active a, #root input[disabled] ~ label, #root input[type="radio"]:checked ~ label, .owl-dots button.active, .nav-pagination li.active a, .list-view .active *, .form-filter li.active > a, .semantic-select ul li.active *, [disabled], .disabled { cursor: default; } /* tdu */ [data-whatintent="mouse"] #root .list-cart h1 a:hover, [data-whatintent="mouse"] #root .list-cart h2 a:hover, [data-whatintent="mouse"] #root .list-cart h3 a:hover, [data-whatintent="mouse"] #root .list-cart h4 a:hover, [data-whatintent="mouse"] #root .list-cart h5 a:hover, [data-whatintent="mouse"] #root .list-cart h6 a:hover, [data-whatintent="mouse"] #root .list-inline.text-uppercase a:hover, [data-whatintent="mouse"] .list-big li a:hover, [data-whatintent="mouse"] h1 a:hover, [data-whatintent="mouse"] h2 a:hover, [data-whatintent="mouse"] h3 a:hover, [data-whatintent="mouse"] h4 a:hover, [data-whatintent="mouse"] h5 a:hover, [data-whatintent="mouse"] h6 a:hover, [data-whatintent="mouse"] .list-catalog a:hover, .list-inline a, [data-whatintent="mouse"] .module-quickshop header ul a:hover, [data-whatintent="mouse"] .list-comments h1 span a:hover, [data-whatintent="mouse"] .list-comments h2 span a:hover, [data-whatintent="mouse"] .list-comments h3 span a:hover, [data-whatintent="mouse"] .list-comments h4 span a:hover, [data-whatintent="mouse"] .list-comments h5 span a:hover, [data-whatintent="mouse"] .list-comments h6 span a:hover, [data-whatintent="mouse"] .list-select .head label:hover, [data-whatintent="mouse"] .list-select ul label:hover, [data-whatintent="mouse"] .list-select li > div p a:hover, [data-whatintent="mouse"] .nav-pagination li > a:hover, [data-whatintent="mouse"] .nav-breadcrumbs p a:hover, [data-whatintent="mouse"] .form-welcome button ~ a:hover, [data-whatintent="mouse"] .list-collection li:hover > p a, [data-whatintent="mouse"] .list-collection li:hover h1 a, [data-whatintent="mouse"] .list-collection li:hover h2 a, [data-whatintent="mouse"] .list-collection li:hover h3 a, [data-whatintent="mouse"] .list-collection li:hover h4 a, [data-whatintent="mouse"] .list-collection li:hover h5 a, [data-whatintent="mouse"] .list-collection li:hover h6 a, [data-whatintent="mouse"] .list-checkout ul li.strong a:hover, [data-whatintent="mouse"] .list-featured p a:first-child:last-child:hover, [data-whatintent="mouse"] .list-news li:hover h1, [data-whatintent="mouse"] .list-news li:hover h2, [data-whatintent="mouse"] .list-news li:hover h3, [data-whatintent="mouse"] .list-news li:hover h4, [data-whatintent="mouse"] .list-news li:hover h5, [data-whatintent="mouse"] .list-news li:hover h6, [data-whatintent="mouse"] .list-news li:hover p a, .text-underline, [data-whatintent="mouse"] .list-comments li.more a:hover, [data-whatintent="mouse"] #login a.overlay-c:hover, [data-whatintent="mouse"] #nav > ul > li > div li a:hover, [data-whatintent="mouse"] .nav-breadcrumbs li a:hover, [data-whatintent="mouse"] .list-cart ul li.strong a:hover { text-decoration: underline; } /* tdn */ [data-whatintent="mouse"] .list-filters li.strong a:hover, .list-inline.text-uppercase a, [data-whatintent="mouse"] #root .list-inline a:hover, #root .module-quickshop header ul a.btn, [data-whatintent="mouse"] #root .list-select li > div p a.remove:hover, #root .nav-pagination .prev a, #root .nav-pagination .next a, #root .nav-pagination li.active a, .list-checkout ul li.strong a, #root .semantic-number a, #root .accordion-a > .header a, .list-comments li.more a, [data-whatintent="mouse"] #nav > ul > li > div li.strong a:hover, #root .list-cart h1 a, #root .list-cart h2 a, #root .list-cart h3 a, #root .list-cart h4 a, #root .list-cart h5 a, #root .list-cart h6 a, #root .list-social a, #root .link-btn a, [data-whatintent="mouse"] a:hover, .list-cart ul li.strong a, #root .list-tags a, [data-whatintent="mouse"] #root .list-tags a.close:hover { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: 151px 0 0; background: var(--white); } #top { position: absolute; left: 50%; top: 0; z-index: 9; width: 1314px; height: 151px; margin-left: -657px; } #top:before { border-bottom: 1px solid var(--mercury); background: var(--white); } #top #logo { left: 0; top: 55px; bottom: 0; width: 180px; height: auto; margin: 0; padding: 0; background: none; color: var(--black); } #top #logo a { display: flex; align-items: center; overflow: hidden; position: relative; z-index: 5; width: 100%; height: 100%; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip li { font-size: 15px; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--azure); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 0 0 0 172px; } .search-active #nav { z-index: 9; } #nav > ul { list-style: none; margin: 0 auto; padding: 0; font-weight: 700; } #nav > ul > li { position: static; margin-right: 34px; padding: 0 0 32px; } #nav > ul > li.has-ul { position: relative; } #nav > ul > li > a { display: block; position: relative; height: 26px; color: var(--black); line-height: 23px; text-decoration: none; } #nav > ul > li > a:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: var(--black); } [data-whatintent="mouse"] #nav > ul > li > a:hover:after, #nav > ul > li.active > a:after, #nav > ul > li.toggle > a:after, #nav > ul > li:hover > a:after { height: 2px; } #nav > ul > li > a.toggle { display: block; overflow: hidden; position: absolute; left: -3000em; top: 0; z-index: 2; width: 100%; margin: -23px 0 0; text-indent: -3000em; text-align: left; } #nav > ul > li > a.toggle:focus, .mobile #nav > ul > li > a.toggle { position: relative; left: 0; } opacity: 1; #nav > ul > li > a i { display: block; font-size: 18px; line-height: 23px; } #nav > ul > li > a i.icon-cart:before { content: "\e932"; font-size: 23px; } #nav > ul > li.sub.lang > a, #footer .lang p a { padding-right: 17px; } #nav > ul > li.sub > a:before, #footer .lang p a:before { content: "\e92b"; display: block; left: auto; right: 0; width: auto; font-size: 5px; } #nav > ul > li > ul { position: absolute; left: 50%; top: 100%; } #nav > ul > li > ul, #footer .lang ul { display: none; list-style: none; margin: -14px 0 0; padding: 0; border: 1px solid var(--mercury); background: var(--white); line-height: 1.3; text-align: left; } #nav > ul > li > ul li, #footer .lang ul li { padding: 2px 0; font-size: 1em; } #nav > ul > li > ul li a, #footer .lang ul li a { display: block; padding: 9px 20px 9px; color: var(--black); text-decoration: none; } [data-whatintent="mouse"] #nav > ul > li > ul li a:hover, [data-whatintent="mouse"] #footer .lang ul li a:hover { background: var(--concrete); } #nav > ul > li > ul li a img, #footer .lang ul li a img { position: relative; left: -10px; width: 18px !important; max-width: none !important; } #nav > ul > li > div { position: absolute; left: -10040px; right: -10000px; top: 100%; z-index: 3; margin: -1px 0 0; padding: 23px 10000px 36px; border-top: 1px solid var(--mercury); background: var(--white); } #nav > ul > li > div > * { border-left: 40px solid var(--blank); } #nav > ul > li > div .list-gallery { position: relative; top: 2px; margin-bottom: -8px; } #nav > ul > li > div > .list-gallery:first-child:last-child { width: calc(100% + 25px); } #nav > ul > li > div h1, #nav > ul > li > div h2, #nav > ul > li > div h3, #nav > ul > li > div h4, #nav > ul > li > div h5, #nav > ul > li > div h6 { margin: 0 0 15px; font-size: 1em; } #nav > ul > li > div ul { list-style: none; margin-bottom: 22px; padding: 0; } #nav > ul > li > div li { margin: 0 0 2px; font-size: 1em; } #nav > ul > li > div ul.double { max-width: 590px; margin-left: -10px; } #nav > ul > li > div ul.double li { width: 50%; border-left: 10px solid var(--blank); } #nav > ul > li > div > div .list-gallery li { width: auto; } #nav > ul > li > div li a { color: var(--black); font-weight: 400; text-decoration: none; } #nav > ul > li > div li.strong a { font-weight: 700; text-decoration: underline; } #nav > ul > .shadow { display: none; position: absolute; left: -10040px; right: -10000px; top: 100%; z-index: -2; height: 100vh; background: var(--cod); opacity: .3; } #nav > ul + ul { position: relative; z-index: 2; float: right; margin: 0; padding: 0; font-weight: 400; } #nav > ul + ul > li { margin-right: 40px; } #nav h1 a, #nav h2 a, #nav h3 a, #nav h4 a, #nav h5 a, #nav h6 a { color: var(--black); text-decoration: none; } #top > p { overflow: hidden; position: absolute; left: -10000px; top: 0; right: -10000px; height: 55px; padding: 0 10000px; background: var(--black); color: var(--white); line-height: 55px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } #top > form { display: none; position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; } #top > form:before { border-bottom: 1px solid var(--mercury); background: var(--white); } #top > form input { position: relative; top: -12px; height: 40px; padding: 0 35px; border-width: 0; background: none; font-size: 1em; } #top > form ::-webkit-input-placeholder { opacity: 1; color: var(--chalice); } #top > form :-ms-input-placeholder { opacity: 1; color: var(--chalice); } #top > form ::-ms-input-placeholder { opacity: 1; color: var(--chalice); } #top > form ::placeholder { opacity: 1; color: var(--chalice); } #top > form button { position: absolute; left: 0; top: -12px; bottom: 0; width: 50px; min-width: 0; height: 40px; margin: 0; padding: 0; border-width: 0; background: none; color: var(--black); font-size: 17px; text-indent: -3000em; text-align: left;} #top > form button:before { content: "\e936"; text-align: left; } #top > form > .close { display: block; position: absolute; right: 0; top: -12px; z-index: 99 !important; width: 25px; height: 40px; color: var(--cod); font-size: 17px; text-decoration: none; text-indent: -3000em; text-align: left; } #top > form > .close:before { content: "\e93f"; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 9998; width: 100%; height: 100%; text-align: left; text-indent: -3000em; opacity: 0; cursor: pointer; } #shadow:before { background: var(--cod); opacity: .3; } #content { position: relative; z-index: 3; width: 1314px; margin: 0 auto; padding: 40px 0 0; } #content > *:last-child { margin-bottom: 100px; } #content > .cols-a:last-child, #content > .cols-b:last-child, #content > .cols-c:last-child, #content > .list-news:last-child, #content > .module-news:last-child, #content > .list-collection:last-child { margin-bottom: 72px; } #cart, #login { position: fixed; right: -480px; top: 0; bottom: 0; z-index: 99999; width: 100%; max-width: 480px; padding: 13px 24px 0; border-left: 1px solid var(--mercury); background: var(--white); } #cart > .inner { overflow-y: auto; overflow-x: hidden; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 98px; padding: 13px 24px 0; } #cart > h1, #cart > h2, #cart > h3, #cart > h4, #cart > h5, #cart > h6, #cart > .inner > h1, #cart > .inner > h2, #cart > .inner > h3, #cart > .inner > h4, #cart > .inner > h5, #cart > .inner > h6 { margin: 0 0 60px; font-size: 28px; } #cart .submit { position: absolute; left: 0; right: 0; bottom: 0; height: 98px; margin: 0; border: 24px solid var(--white); font-size: 15px; line-height: 1.2; text-transform: uppercase; text-align: center; } #cart .submit a { display: block; padding: 15px; border: 1px solid var(--black); background: var(--black); color: var(--white); font-weight: 700; text-decoration: none; } #cart .close, #login .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; width: 70px; height: 66px; color: var(--cod); font-size: 20px; text-align: left; text-indent: -3000em; text-decoration: none; } #cart .close:before, #login .close:before { content: "\e93f"; } .cart-active #cart, .login-active #login { right: 0; } #login { overflow-y: auto; overflow-x: hidden; line-height: 1.7692307692; text-align: center; } #login h1, #login h2, #login h3, #login h4, #login h5, #login h6 { margin-bottom: 12px; font-size: 28px; text-align: left; } #login p { margin: 0 0 22px; font-size: 1.3em; } #login label { margin: 0 0 9px; padding: 3px 0 0; font-size: 1.1538461538em; text-align: left; } #login button, #login .link-btn a { display: block; float: none; width: 100%; margin: 0; padding: 16px; } #login .link-btn a { margin-bottom: 2px; } #login footer .link-btn { padding-top: 27px; border-top: 1px solid var(--mercury); } #login .overlay-c { display: block; position: relative; top: 3px; padding: 7px 0 0; text-align: right; text-decoration: none; } #footer { position: relative; z-index: 2; width: 1314px; margin: 0 auto; padding: 54px 0 4px; } #footer:before { background: var(--concrete); } #footer nav { position: relative; z-index: 3; margin: 0 0 39px -40px; } #footer nav:before { left: 40px; border-bottom: 1px solid var(--black); opacity: .1; } #footer nav > * { min-width: 233px; margin: 0 0 24px; border-left: 40px solid rgba(0,0,0,0); } #footer nav > .double { width: calc(100% + 40px); margin-bottom: 12px; } #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { position: relative; margin: 0 0 25px; border: 0 solid rgba(0,0,0,.1); font-size: 15px; text-transform: uppercase; } #footer ul { list-style: none; padding: 0; } #footer li { margin: 0 0 2px; font-size: 13px; } #footer a { color: var(--black); text-decoration: none; } [data-whatintent="mouse"] #footer a:hover { color: var(--chalice); } #footer .lang { display: block; position: absolute; left: 0; top: 100%; z-index: 9; min-width: 0; padding: 6px 0 6px 208px; border-top: 30px solid var(--blank); } #footer .lang:before { content: "\e957"; width: auto; font-size: 14px; } #footer .lang p { margin: 0; } #root #footer .lang p a { display: block; position: relative; color: var(--black); } #root #footer .lang p img { position: relative; top: -2px; } #footer .lang ul { display: none; position: absolute; top: auto; left: auto; right: 0; bottom: 100%; } #footer .lang ul { -webkit-transform: translateX(50%); transform: translateX(50%); } #footer .lang ul li { font-size: 15px; } #footer > form { position: relative; z-index: 4; } #footer > form:first-child { top: -54px; } #footer .list-social { min-width: 193px; margin-right: 0; } #footer .list-social li { margin-bottom: 8px; } #footer .list-social i { line-height: 44px; } #footer > p { position: relative; z-index: 2; font-size: 13px; text-align: center; } #footer > p:before { top: -10px; bottom: -10px; background: url(payments.png) 100% center no-repeat; background-size: auto 20px; } #cookie { position: fixed; left: 0; bottom: 0; right: 0; z-index: 9; margin: 0; padding: 10px 0; color: var(--white); font-weight: 700; font-size: 12px; font-weight: 700; line-height: 1.5; text-align: center; } #cookie.toggle, .quickshop-active #cookie { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } #cookie:before { background: rgba(0,0,0,.5); } #cookie a { display: inline-block; margin: 0 0 0 10px; padding: 11px 0; color: var(--white); text-decoration: none; } #cookie a:after { content: " ยป"; } #cookie a.close { float: none; padding: 11px 30px; background: var(--dove); font-size: 1em; font-weight: 400; line-height: 1.5; text-shadow: none; opacity: 1; } #cookie a.close + * { margin-left: 30px; } #cookie .totop { bottom: 100%; } .totop { position: fixed; right: 0; bottom: 0; z-index: 8; width: 41px; height: 41px; color: var(--white); font-size: 7px; text-indent: -3000em; text-decoration: none; text-align: left; } .totop:after { background: var(--black); opacity: .6; } .totop:before { content: "\e926"; } body:before, body:after { content: ""; display: block; position: fixed; visibility: hidden; opacity: 0; } body:before { left: -100px; top: -100px; right: -100px; bottom: -100px; z-index: 999998; background: var(--white); opacity: .9; } body:after { left: 50%; top: 50%; z-index: 999999; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 3px solid var(--silver); border-left-color: var(--azure); } body:after { -webkit-animation: spin .75s infinite linear; animation: spin .75s infinite linear; } /*! Columns --------- */ .cols-a { padding-left: 405px; } .cols-a > header:first-child + *, .cols-a > *:first-child, .cols-c > header:first-child + *, .cols-c > *:first-child { float: right; width: 100%; } .cols-a > header:first-child, .cols-a > aside { float: left; width: 330px; margin: 0 0 0 -405px; } .cols-a > header:first-child > figure:first-child, .cols-a > aside > figure:first-child { margin-top: 14px; } .cols-b { padding-right: 430px; } .cols-b > header:first-child { float: none; width: auto; margin: 0 -430px 20px 0; padding: 0 430px 5px 0; border-bottom: 1px solid #e5e5e5; } .cols-b > header:first-child + *, .cols-b > *:first-child, .cols-b > header:first-child > * { float: left; width: 100%; } .cols-b > aside, .cols-b > header:first-child .link-btn { position: relative; float: right; width: 365px; margin: 0 -430px 0 0; } .cols-b > header:first-child .link-btn { top: 8px; } .cols-c { padding-left: 352px; } .cols-c > header:first-child, .cols-c > aside { float: left; width: 260px; margin: 0 0 0 -352px; } .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; border: 0 solid var(--blank); } .double > *:first-child { float: left; } .double.a { margin-left: -25px; } .double.a > * { float: left; width: 50%; border-left-width: 25px; } /*! Modules --------- */ .accordion-a { margin: 0 0 28px; border-bottom: 1px solid var(--mercury); line-height: 1.7692307692; } .accordion-a > h1, .accordion-a > h2, .accordion-a > h3, .accordion-a > h4, .accordion-a > h5, .accordion-a > h6 { position: relative; margin: 0; padding: 14px 0 16px; border-top: 1px solid var(--mercury); color: var(--black); font-size: 1.6em; } .accordion-a > h1:first-child, .accordion-a > h2:first-child, .accordion-a > h3:first-child, .accordion-a > h4:first-child, .accordion-a > h5:first-child, .accordion-a > h6:first-child { border-top-width: 0; } .accordion-a > .header { padding-right: 20px; } .accordion-a > .header:before, .accordion-b .header:before { content: "\e92b"; left: auto; right: 13px; width: auto; font-size: 5px; } .accordion-a > .header.toggle:before, .accordion-b .header.toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .accordion-a p { font-size: 1.3em; } .accordion-a ul, .accordion-a p { margin: 0 0 13px; } .accordion-a > div { position: relative; top: -2px; padding-bottom: 5px; } .accordion-a .form-inline { padding: 3px 0 9px; } .header-a + .accordion-a { margin-top: -10px; } .cols-b > aside > .accordion-a:first-child { margin-top: 14px; } .bubble { display: block; visibility: hidden; position: absolute; left: 50%; bottom: 100%; width: 210px; margin: 0 0 0 -105px; padding: 12px 10px; border: 1px solid var(--mercury); background: var(--white); color: var(--black); font-size: 13px; line-height: 1.3846153846; text-align: center; opacity: 0; cursor: default; } .bubble { -webkit-transform: translateY(-6px); transform: translateY(-6px); } .bubble:before { content: ""; display: block; position: absolute; left: 50%; top: 100%; width: 8px; height: 5px; margin: 0 0 0 -4px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4LjEgNS40IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4LjEgNS40Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRThFOEU4O30gLnN0MXtmaWxsOiNmZmY7fTwvc3R5bGU+PHBhdGggZD0iTTcuNiAwTDQuMSAzLjkuNiAwSDB2LjlsNC4xIDQuNSA0LTQuNVYweiIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik00LjEgMy45TDcuNiAwaC03eiIgY2xhc3M9InN0MSIvPjwvc3ZnPg==); background-size: 100% 100%; } .heading-rating { position: relative; margin: 30px 0 16px; border: 0 solid var(--mercury); } .heading-rating h1, .heading-rating h2, .heading-rating h3, .heading-rating h4, .heading-rating h5, .heading-rating h6 { position: relative; margin: 0 0 6px; border: 0 solid var(--mercury); font-size: 2.8em; } .heading-rating p { margin: 0; } .heading-rating .rating-a { margin-top: 15px; } .heading-rating .link-btn { position: absolute; right: 0; bottom: 2px; margin: 0; } .heading-rating .link-btn a { min-width: 260px; } .heading-wide { position: relative; z-index: 2; min-height: 225px; margin: 16px 0 22px; padding: 35px 0 16px; color: var(--white); } .heading-wide h1, .heading-wide h2, .heading-wide h3, .heading-wide h4, .heading-wide h5, .heading-wide h6 { margin: 0 0 10px; font-size: 28px; } .heading-wide h1 span, .heading-wide h2 span, .heading-wide h3 span, .heading-wide h4 span, .heading-wide h5 span, .heading-wide h6 span { display: block; margin: 8px 0 12px; font-weight: 400; font-size: 15px; text-transform: uppercase; } .heading-wide p { margin: 0 0 24px; } .heading-wide figure { left: 50%; z-index: -1 !important; width: 100vw; margin: 0 0 0 -50vw; text-indent: 0; } .heading-wide figure:before, .module-featured figure:before { z-index: 2; background: var(--black); opacity: .3; } .heading-wide .input-inline input { max-width: 467px; } .nav-breadcrumbs + .heading-wide { margin-top: 5px; } .heading-wide + .nav-breadcrumbs { margin-top: -4px; } #content > .heading-wide:first-child, #content > .module-featured:first-child, #content > .module-wide:first-child { margin-top: -40px; } .high-index { z-index: 99 !important; } header.high-index { position: relative; } .module-aside { position: relative; margin: 70px 0 65px; padding: 0 430px 0 0; line-height: 2.0666666667; } .module-aside figure { float: left; width: 100%; margin: 0; } .module-aside img { min-height: 525px; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .module-aside > div { position: relative; left: -120px; z-index: 2; float: right; width: 440px; margin: 0 -440px 0 0; padding: 65px 0 11px; } .module-aside > div:before { left: -45px; background: var(--white); } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { margin: 0 0 15px; font-size: 2.8em; text-transform: uppercase; } .module-aside p, .module-aside ul, .module-aside ol { margin-bottom: 23px; } .module-border { margin-top: 75px; padding: 25px 0 15px; border: 0 solid var(--mercury); border-top-width: 1px; border-bottom-width: 1px; } #root .module-border.double > * { margin-bottom: 0; } .module-featured { position: relative; margin: 50px 0 58px; color: var(--white); } .module-featured article { overflow: hidden; position: relative; z-index: 2; min-height: 550px; padding: 50px 0 28px; color: var(--white); } .module-featured article > * { width: 1314px; margin-left: auto; margin-right: auto; } #root > .module-featured { margin-top: 0; margin-bottom: 0; } .module-featured .owl-dots { position: absolute; left: 0; right: 0; bottom: 21px; z-index: 9; } #root .module-featured .owl-dots button { width: 28px; height: 28px; } #root .module-featured .owl-dots button:after { width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border-radius: 9px; border: 1px solid var(--white); background: none; } #root .module-featured .owl-dots button.active:after { background: var(--white); } #root .module-featured .owl-dots button.active:after { -webkit-transform: scale(1.2857142857); transform: scale(1.2857142857); } .module-featured .list-inline { } .module-featured .list-inline li { margin-left: 0; margin-right: 28px; } .module-news { list-style: none; margin: 60px 0 42px; padding: 0 0 0 264px; border-bottom: 1px solid var(--mercury); } .module-news header { position: relative; z-index: 2; float: left; width: 264px; margin-left: -264px; padding-right: 10px; } .module-news header h1, .module-news header h2, .module-news header h3, .module-news header h4, .module-news header h5, .module-news header h6 { margin: -6px 0 12px; font-size: 28px; } .module-news .list-news { } .module-news .list-news figure { margin-bottom: 12px; } #root .list-news figure + p { padding-top: 0; } .module-product { position: relative; margin: 0 0 30px; padding: 0 475px 0 0; line-height: 1.4; } .module-product > * { float: right; width: 457px; margin: 0 -475px 0 0; padding-bottom: 17px; } .module-product > *:first-child { float: left; width: 100%; padding-bottom: 0; } .module-product > div[style*="absolute"] { position: absolute !important; right: 0 !important; left: auto !important; top: auto !important; bottom: 0 !important; float: none; height: auto !important; margin: 0 !important; } .module-product .list-product, .module-product .list-slider { border-top: 7px solid var(--blank); } .module-product header { margin: 0 0 26px; padding: 4px 0 0; } .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6 { margin: 0 0 9px; font-size: 2.8em; font-weight: 700; } .module-product header p { margin: 0 0 9px; font-size: 1.5em; } .module-product p { margin-bottom: 19px; } .module-product p .text-right { display: block; position: relative; float: right; } .module-product p + .link-btn { margin-top: -4px; } .module-product .price { display: inline-block; position: relative; max-width: 100%; margin: 0 0 31px; padding: 0 12px 0 0; font-size: 1.5em; font-weight: 700; line-height: 1.2; } .module-product .price span { display: block; padding: 2px 0 0; font-weight: 400; font-size: 0.8666666667em; } .module-product .price .old { display: inline-block; position: relative; margin: 0 0 0 5px; padding: 0; color: var(--dove); } .module-product .price .old:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; height: 1px; margin: -.5px 0 0; background: var(--dove); } .module-product .price .old:before { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } .module-product .price .label { position: absolute; left: 100%; top: 50%; padding: 4px 9px 3px; background: var(--candy); color: var(--white); font-weight: 700; } .module-product .link-btn a, .form-product .link-btn a { display: block; width: 100%; padding-top: 16px; padding-bottom: 16px; color: var(--white); font-size: 15px; } .module-product .s13, .form-product .s13 { margin-top: -10px; } .module-product .list-usp, .form-product .list-usp { max-width: 371px; margin: 21px auto; } .module-product .list-plain, .form-product .list-plain { margin-bottom: 32px; } .module-product .price + .list-plain, .form-product .price + .list-plain { margin-top: -5px; } .module-product .blank { display: block; position: absolute; left: 0; right: 0; bottom: 0; float: none; width: auto; margin: 0; padding: 0; } .module-product-bar { position: relative; z-index: 2; min-height: 111px; padding: 12px 0 10px 100px; } .module-product-bar:before { border: 0 solid var(--mercury); border-bottom-width: 1px; background: var(--white); } #top .module-product-bar { position: absolute; left: 0; right: 0; top: 100%; z-index: -2; } #top .module-product-bar { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .module-product-bar figure { position: absolute; left: 0; top: 13px; bottom: 14px; width: 75px; margin: 0; } .module-product-bar p { margin: 0 0 2px; font-size: 1.3em; } .module-product-bar h1, .module-product-bar h2, .module-product-bar h3, .module-product-bar h4, .module-product-bar h5, .module-product-bar h6 { margin: 0 0 2px; font-size: 1.5em; } .module-product-bar p.price { margin-top: 6px; font-size: 1.5em; font-weight: 700; } #root .module-product-bar p.price span { margin-left: 4px; } .module-product-bar .link-btn { position: absolute; right: 0; top: 50%; margin: 0; } .module-product-bar .link-btn a { min-width: 457px; margin: 0; padding-top: 16px; padding-bottom: 16px; } .module-product-sticky { position: fixed; right: 0; top: 0; z-index: 9997; width: 480px; padding: 20px 24px 0 198px; box-shadow: 0 2px 2px rgba(0,0,0,.1); border: 1px solid var(--mercury); border-right-width: 0; border-top-width: 0; background: var(--white); line-height: 1.4; } .module-product-sticky { -webkit-transform: translateX(110%); transform: translateX(110%); } .module-product-sticky figure { overflow: hidden; position: absolute; left: 24px; top: 24px; bottom: 24px; width: 150px; margin: 0; } .module-product-sticky h1, .module-product-sticky h2, .module-product-sticky h3, .module-product-sticky h4, .module-product-sticky h5, .module-product-sticky h6 { margin: 0 0 21px; padding: 0 40px 0 0; font-size: 1.6em; } .module-product-sticky p { margin: 0 0 18px; } .module-product-sticky .link-btn { margin-top: 29px; font-size: 1.5em; } .module-product-sticky .link-btn a { width: 100%; padding-top: 16px; padding-bottom: 16px; font-size: 1em; } .module-product-sticky .close { display: block; position: absolute; right: 0; top: 0; width: 68px; height: 68px; color: var(--cod); font-size: 20px; text-indent: -3000em; text-align: left; } .module-product-sticky .close:before { content: "\e93f"; } .module-quickshop { position: fixed; left: 50%; top: 100%; z-index: 5; width: 1314px; margin-left: -657px; padding: 21px 0 0; } .module-quickshop:before { background: var(--white); } .module-quickshop header { display: block; position: absolute; left: 0; bottom: 100%; right: 0; z-index: 2; margin: 0; padding: 14px 0 2px; } .module-quickshop header { -webkit-transform: translateY(100%); transform: translateY(100%); } .module-quickshop header:before { border: 1px solid var(--mercury); background: var(--white); } .module-quickshop header h1, .module-quickshop header h2, .module-quickshop header h3, .module-quickshop header h4, .module-quickshop header h5, .module-quickshop header h6 { margin: 0 0 12px; font-size: 2em; } .module-quickshop header h1 a, .module-quickshop header h2 a, .module-quickshop header h3 a, .module-quickshop header h4 a, .module-quickshop header h5 a, .module-quickshop header h6 a { display: block; margin: 0 0 0 25px; color: var(--dove); font-size: 0.75em; font-weight: 300; } .module-quickshop header ul { list-style: none; margin: 0 0 12px; padding: 0; } .module-quickshop header ul li { margin: 0 0 0 45px; } .module-quickshop header ul a { color: var(--black); text-decoration: none; } .module-quickshop header ul a i { display: inline-block; position: relative; top: -2px; margin: 0 4px 0 0; font-size: 6px; line-height: 1px; } .module-quickshop header ul .btn { margin: 0; color: var(--white); } .module-quickshop p { margin: 0 0 25px; } .module-quickshop.toggle { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .quickshop-active body { padding-bottom: 0 !important; } .module-rating { position: relative; min-height: 58px; margin: 0 0 32px; padding: 0 0 0 72px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDUuOSA0MDEuNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDA1LjkgNDAxLjQiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNFRkQ3MEQ7fSAuc3Qxe2ZpbGw6IzY3QjAzRDt9IC5zdDJ7ZmlsbDojQ0FEMTI5O30gLnN0M3tmaWxsOiNFNDkyMTk7fSAuc3Q0e2ZpbGw6I0QxMzgwRTt9IC5zdDV7ZmlsbDojOTRCRTFDO30gLnN0NntmaWxsOiNERTY5MjY7fTwvc3R5bGU+PHBhdGggaWQ9Il94MjNfZWZkNzBkZmYiIGQ9Ik0xMzcuOCAxMC44YzQ4LjgtMTcgMTA0LjMtMTMuOCAxNTAuNyA5IDEwLjEgNSAxOS44IDEwLjcgMjguOSAxNy40LTIyLjYgMTEuMy00My4zIDI2LjYtNjEuMSA0NC41LTI5LjktMTUuMS02Ni0xNy4zLTk3LjUtNS44LTI1LjMgOS00Ny40IDI2LjUtNjIgNDktOS42IDE0LjUtMTUuOSAzMS4xLTE4LjcgNDguMi0yMy00LjMtNDYtOC4zLTY5LTEyLjggNi44LTM3LjEgMjQuNy03MiA1MC43LTk5LjIgMjEuNi0yMi42IDQ4LjYtNDAgNzgtNTAuM3ptMTUyLjQgOTUuOWMxMi45LTE5LjkgMjkuMi0zNy41IDQ3LjktNTIuMSAyOC4zIDI2LjggNDguMiA2Mi40IDU2LjIgMTAwLjUtMjMuOCA1LTQ3LjYgMTAuMy03MS40IDE1LjItNC4zLTIzLjgtMTYtNDYuMS0zMi43LTYzLjZ6IiBjbGFzcz0ic3QwIi8+PHBhdGggaWQ9Il94MjNfNjdiMDNkZmYiIGQ9Ik0zMTcuNCAzNy4yYzI3LjQtMTMuNyA1Ny44LTIxLjcgODguNS0yMi4yLTIzLjkgMTAuNy00Ny4yIDIzLjMtNjcuOCAzOS42LTE4LjYgMTQuNi0zNSAzMi4yLTQ3LjkgNTIuMS0xOS4xIDI5LTMxIDYyLTQwLjQgOTUuMi01LjcgMjAuMy0xMC4zIDQwLjktMTQuNiA2MS42LTE2LjgtLjEtMzMuNS0uMS01MC4zIDAtMjguOC00NC4zLTU3LjYtODguNi04Ni4zLTEzMyAyMC40LS4yIDQwLjkgMCA2MS4zLS4xIDExLjggMTcuNyAyMy43IDM1LjQgMzUuNCA1My4yIDExLjktMzguMSAzMi45LTczLjQgNjAuOS0xMDEuOCAxOC0xOCAzOC42LTMzLjIgNjEuMi00NC42eiIgY2xhc3M9InN0MSIvPjxwYXRoIGlkPSJfeDIzX2NhZDEyOWZmIiBkPSJNMzIyLjkgMTcwLjRjMjMuOC01IDQ3LjYtMTAuMyA3MS40LTE1LjIgOS4xIDQyLjIgMy44IDg3LjQtMTQuOCAxMjYuMy0xNi4yIDM0LjItNDIuMSA2My45LTc0LjMgODMuOS0xMy40LTIyLjEtMjcuMS00NC00MC40LTY2LjIgMTEuNi03IDIyLjEtMTUuOSAzMC44LTI2LjMgMjMuOS0yNy45IDM0LjEtNjYuNiAyNy4zLTEwMi41eiIgY2xhc3M9InN0MiIvPjxwYXRoIGlkPSJfeDIzX2U0OTIxOWZmIiBkPSJNOS4zIDE2MC4zYzIyLjkgNC41IDQ2IDguNSA2OSAxMi44LTUuMSAzMC40IDIuMSA2Mi41IDE5LjIgODguMi0yMC43IDEyLjktNDEuNCAyNS42LTYyIDM4LjZDOS42IDI1OC44LjMgMjA4IDkuMyAxNjAuM3oiIGNsYXNzPSJzdDMiLz48cGF0aCBpZD0iX3gyM19kMTM4MGVmZiIgZD0iTTM1LjMgMjk5LjljMjAuNi0xMyA0MS40LTI1LjcgNjItMzguNiAxMi4xIDE4LjMgMjkuMiAzMy40IDQ5IDQzLTE1LjIgMzAuMy0zMSA2MC40LTQ2LjMgOTAuNi0yOS42LTYuMi01OC40LTE2LjQtODUtMzAuOC01LjEtMi44LTEwLjItNS44LTE1LTkuMiAyMi45LTMuOCA0NS43LTguNiA2Ny44LTE1LjUtMTIuNS0xMS41LTIzLjMtMjUtMzIuNS0zOS41eiIgY2xhc3M9InN0NCIvPjxwYXRoIGlkPSJfeDIzXzk0YmUxY2ZmIiBkPSJNMjAyLjEgMzE2LjljMjItLjMgNDQtNi40IDYyLjgtMTcuOSAxMy4yIDIyLjIgMjYuOSA0NC4yIDQwLjQgNjYuMi0xNCA4LjktMjkuMiAxNS44LTQ1IDIwLjctMTguOCA2LjMtMzguNCAxMC42LTU4LjEgMTMuMS0uMS0yNy4yIDAtNTQuNi0uMS04Mi4xeiIgY2xhc3M9InN0NSIvPjxwYXRoIGlkPSJfeDIzX2RlNjkyNmZmIiBkPSJNMTQ2LjQgMzA0LjNjMTcuMiA4LjUgMzYuNSAxMi44IDU1LjcgMTIuNi4xIDI3LjQgMCA1NC44LjEgODIuMi0zMy45IDQuMi02OC42IDIuOC0xMDItNC4yIDE1LjItMzAuMiAzMS02MC4zIDQ2LjItOTAuNnoiIGNsYXNzPSJzdDYiLz48L3N2Zz4=) 0 10px no-repeat; background-size: auto 48px; color: var(--black); line-height: 1.7692307692; } .module-rating p { font-size: 1.3em; } .module-wide { position: relative; z-index: 2; min-height: 550px; margin: 50px 0 58px; padding: 50px 0 28px; color: var(--white); } .module-wide:before, .list-big li.wide figure:before { background: var(--cod); opacity: .3; } .module-wide.text-center > *, .module-wide.text-center > .list-inline, .module-featured .text-center > *, .module-featured .text-center > .list-inline { max-width: 640px; margin-left: auto; margin-right: auto; } #root .module-wide figure, #root .module-featured figure { left: 50%; z-index: -2; width: 100vw; max-width: none; margin: 0 0 0 -50vw; text-indent: 0; } .module-wide h1, .module-wide h2, .module-wide h3, .module-wide h4, .module-wide h5, .module-wide h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { margin-top: 0; margin-bottom: 22px; font-size: 4.6em; line-height: 1.2173913043; } .module-wide p, .module-wide ul, .module-wide ol, .module-featured p, .module-featured ul, .module-featured ol { margin-bottom: 22px; } .nav-breadcrumbs { color: var(--coal); } .nav-breadcrumbs p { float: left; margin: 0 17px 8px 0; font-size: 13px; } .nav-breadcrumbs p a { display: block; position: relative; padding: 0 0 0 11px; color: var(--dove); font-weight: 700; text-decoration: none; } .nav-breadcrumbs p a:before { content: "\e92c"; width: auto; font-size: 7px; } .nav-breadcrumbs ul, .nav-breadcrumbs ol { list-style: none; margin: 0 -17px 8px 0; padding: 0; } .nav-breadcrumbs li { position: relative; margin: 0 17px 0 0; font-size: 13px; } .nav-breadcrumbs li:before { content: "/"; display: block; position: absolute; left: 100%; top: 0; width: 17px; color: var(--dove); text-align: center; } .nav-breadcrumbs li a { color: var(--dove); text-decoration: none; } #content > .nav-breadcrumbs:first-child { margin-top: -26px; } .nav-pagination { } .nav-pagination ul, .nav-pagination ol { list-style: none; padding: 0; } .nav-pagination li { margin: 0 10px; } .nav-pagination li > a, .nav-pagination li > span { display: block; overflow: hidden; position: relative; min-height: 29px; color: var(--dove); text-decoration: none; } .nav-pagination .prev a, .nav-pagination .next a { width: 15px; font-size: 9px; text-indent: -3000em; text-align: left; } .nav-pagination .prev a:before { content: "\e92c"; } .nav-pagination .next a:before { content: "\e92d"; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; z-index: 2; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; text-indent: -3000em; text-align: left; } .owl-nav button { position: absolute; width: 29px; height: 67px; background: rgba(255,255,255,.8); } [data-whatintent="mouse"] .owl-nav button:hover { background: var(--white); } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } #root .owl-nav button:after { right: auto; bottom: auto; border-width: 0; background: none; color: var(--black); font-size: 9px; } #root .owl-nav button.owl-prev:after { content: "\e92c"; } #root .owl-nav button.owl-next:after { content: "\e92d"; } .owl-dots { position: relative; z-index: 1; clear: both; } .owl-dots button { width: 9px; height: 9px; background: none; } #root .owl-dots button:after { left: 50%; top: 50%; right: auto; bottom: auto; width: 3px; height: 3px; margin: -1.5px 0 0 -1.5px; border-radius: 3px; border-width: 0; background: var(--alto); } #root .owl-dots button.active:after { background: rgba(0,0,0,.6) } #root .owl-dots button.active:after { -webkit-transform: scale(1.6666666667); transform: scale(1.6666666667); } .popup-a { display: none; overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: -50px; right: -50px; top: 0; bottom: 0; z-index: 998; } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 20px 55px; } .popup-a .box-outer > .close { display: block; position: absolute; left: 0; right: 0; top: 0; visibility: hidden; z-index: 1; height: 100%; background: rgba(0,0,0,.4); text-indent: -3000em; cursor: pointer; opacity: 0; } .popup-a .box-inner { position: relative; z-index: 2; width: 1160px; matin: 0; } .popup-a .box-inset { visibility: hidden; padding: 43px 43px 15px; background: var(--white); opacity: 0; } .popup-a .box-inset > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 68px; height: 68px; color: var(--cod); font-size: 20px; text-indent: -3000em; text-align: left; text-decoration: none; } .popup-a .box-inset > .close:before { content: "\e93f"; } .popup-a .module-product > * { padding-top: 34px; } .popup-a .module-product > .list-product, .popup-a .module-product > .list-slider { padding-top: 0; border-top-width: 0; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 999; } .popup-a.ready { display: block; } .popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; } .popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; } .popup-a.form-welcome .box-outer > .close { background: rgba(18,18,18,.3); } .rating-a { position: relative; margin-bottom: 6px; padding: 0 0 0 100px; color: var(--black); font-weight: 700; font-size: 20px; line-height: 1.4; } .rating-a .rating { display: block; overflow: hidden; position: absolute; left: 0; top: 4px; width: 100px; height: 16px; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em; } .rating-a .rating > * { display: block; position: relative; z-index: 2; float: left; width: 17px; height: 100%; margin: 0 2px 0 0; } .rating-a .rating > *:before { content: ""; z-index: 1; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4yIDE1LjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjIgMTUuNSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0Q5RDlEOTt9PC9zdHlsZT48cGF0aCBkPSJNMTcuMiA2YzAtLjItLjItLjQtLjYtLjRsLTUuMi0uN0w5LjEuNEM5IC4xIDguOCAwIDguNiAwcy0uNC4xLS41LjRMNS44IDQuOGwtNS4yLjdjLS40LjEtLjYuMy0uNi41IDAgLjEuMS4zLjMuNUw0IDkuOWwtLjkgNC45YzAgLjEgMCAuMiAwIC4yIDAgLjEgMCAuMy4xLjMuMS4xLjIuMS4zLjEuMSAwIC4zIDAgLjQtLjFMOC42IDEzbDQuNiAyLjNjLjEuMS4zLjEuNC4xLjEgMCAuMiAwIC4zLS4xLjEtLjEuMS0uMi4xLS4zIDAtLjEgMC0uMSAwLS4ybC0uOS00LjlMMTcgNi41Yy4xLS4yLjItLjQuMi0uNXoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=) no-repeat; background-size: auto 100%; } .rating-a .rating > * .fill { right: auto; z-index: 2; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4yIDE1LjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjIgMTUuNSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0Y5QzczQTt9PC9zdHlsZT48cGF0aCBkPSJNMTcuMiA2YzAtLjItLjItLjQtLjYtLjRsLTUuMi0uN0w5LjEuNEM5IC4xIDguOCAwIDguNiAwcy0uNC4xLS41LjRMNS44IDQuOGwtNS4yLjdjLS40LjEtLjYuMy0uNi41IDAgLjEuMS4zLjMuNUw0IDkuOWwtLjkgNC45YzAgLjEgMCAuMiAwIC4yIDAgLjEgMCAuMy4xLjMuMS4xLjIuMS4zLjEuMSAwIC4zIDAgLjQtLjFMOC42IDEzbDQuNiAyLjNjLjEuMS4zLjEuNC4xLjEgMCAuMiAwIC4zLS4xLjEtLjEuMS0uMi4xLS4zIDAtLjEgMC0uMSAwLS4ybC0uOS00LjlMMTcgNi41Yy4xLS4yLjItLjQuMi0uNXoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=) no-repeat #fff; background-size: auto 100%; } .rating-a .label span { position: relative; top: -1px; font-size: 0.75em; font-weight: 400; } .rating-a.a { padding-left: 80px; font-weight: 400; font-size: 15px; } .rating-a.a .rating { top: 7px; width: 80px; height: 13px; } .rating-a.a .rating > * { width: 14px; margin-right: 1px; } .rating-a.a .rating > *:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4yIDE1LjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjIgMTUuNSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I2UzZTNlMzt9PC9zdHlsZT48cGF0aCBkPSJNMTcuMiA2YzAtLjItLjItLjQtLjYtLjRsLTUuMi0uN0w5LjEuNEM5IC4xIDguOCAwIDguNiAwcy0uNC4xLS41LjRMNS44IDQuOGwtNS4yLjdjLS40LjEtLjYuMy0uNi41IDAgLjEuMS4zLjMuNUw0IDkuOWwtLjkgNC45YzAgLjEgMCAuMiAwIC4yIDAgLjEgMCAuMy4xLjMuMS4xLjIuMS4zLjEuMSAwIC4zIDAgLjQtLjFMOC42IDEzbDQuNiAyLjNjLjEuMS4zLjEuNC4xLjEgMCAuMiAwIC4zLS4xLjEtLjEuMS0uMi4xLS4zIDAtLjEgMC0uMSAwLS4ybC0uOS00LjlMMTcgNi41Yy4xLS4yLjItLjQuMi0uNXoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=); } .rating-a.a .rating > * .fill { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy4yIDE1LjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjIgMTUuNSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzAwMDt9PC9zdHlsZT48cGF0aCBkPSJNMTcuMiA2YzAtLjItLjItLjQtLjYtLjRsLTUuMi0uN0w5LjEuNEM5IC4xIDguOCAwIDguNiAwcy0uNC4xLS41LjRMNS44IDQuOGwtNS4yLjdjLS40LjEtLjYuMy0uNi41IDAgLjEuMS4zLjMuNUw0IDkuOWwtLjkgNC45YzAgLjEgMCAuMiAwIC4yIDAgLjEgMCAuMy4xLjMuMS4xLjIuMS4zLjEuMSAwIC4zIDAgLjQtLjFMOC42IDEzbDQuNiAyLjNjLjEuMS4zLjEuNC4xLjEgMCAuMiAwIC4zLS4xLjEtLjEuMS0uMi4xLS4zIDAtLjEgMC0uMSAwLS4ybC0uOS00LjlMMTcgNi41Yy4xLS4yLjItLjQuMi0uNXoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=); } .rating-a.strong { padding-left: 150px; font-size: 28px; line-height: 1.2; } .rating-a.strong .label span { font-size: 0.5357142857em; } .rating-a.strong .rating { top: 4px; width: 155px; height: 22px; } .rating-a.strong .rating > * { width: 25px; margin-right: 3px; } .tabs-a { margin: 29px 0 20px; border: 0 solid var(--mercury); line-height: 1.9333333333; } .tabs-a > nav ul { list-style: none; margin: 0 0 15px -3px; padding: 0; line-height: 1.2; text-align: center; } .tabs-a > nav ul li { margin: 0 0 3px; border-left: 3px solid var(--blank); font-size: 1.6em; } .tabs-a > nav ul a { display: block; overflow: hidden; position: relative; padding: 16px; background: var(--concrete); color: var(--black); text-decoration: none; text-align: center; } .tabs-a > nav ul li.active a, .tabs-b > nav ul li.active a { background: none; color: var(--black); font-weight: 700; cursor: default; } .tabs-a .list-social, .tabs-a + .list-social { margin-top: 32px; } .tabs-b { position: relative; } .tabs-b > nav ul { list-style: none; margin: 0 -40px 50px 0; padding: 0; text-transform: uppercase; } .tabs-b > nav ul li { margin: 0 40px 0 0; font-size: 1.5em; } .tabs-b > nav ul li a { display: block; color: var(--chalice); font-weight: 700; text-decoration: none; } .tabs-b > div { position: relative; } .tabs-b > div > .hidden { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -10; opacity: 0; } .tabs-c { margin-bottom: 50px; } .ui-slider { display: block; position: relative; max-width: 204px; height: 16px; margin: 0 8px; } .ui-slider:before, .ui-slider-range:before { top: 50%; bottom: auto; height: 4px; margin: -2px 0 0; border-radius: 10px; background: var(--mercury); } .ui-slider:before { left: -8px; right: -8px; } .ui-slider-range:before { background: var(--gray); } [data-whatintent="mouse"] .ui-slider:hover .ui-slider-range:before { background: var(--black); } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; margin: 0 0 0 -8px; border-radius: 8px; background: var(--black); cursor: pointer; -ms-touch-action: none; touch-action: none; outline: none; } .ui-slider .ui-slider-range { display: block; position: absolute; left: 0; top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-a { margin: 0 0 46px; color: var(--dove); } #root .ui-slider-a p { margin: 0 0 13px; font-size: 13px; } /*! Content --------- */ .regular, .form-sort h1 span, .form-sort h2 span, .form-sort h3 span, .form-sort h4 span, .form-sort h5 span, .form-sort h6 span { font-weight: 400; } .strong, .list-btn .active a, .list-btn.a .active a, .nav-pagination li.active a, [data-whatintent="mouse"] .list-cart ul a:hover, [data-whatintent="mouse"] .list-checkout ul li a:hover, [data-whatintent="mouse"] .list-filters li.strong a:hover, .list-select select, .list-select .semantic-select .input, .form-sort > p.strong select, .form-sort > p.strong .input, .module-product-sticky p span, .check-box input:checked ~ label { font-weight: 700; } .em { font-style: italic; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase, .list-inline.text-uppercase { text-transform: uppercase; } .s13, #root .s13 { font-size: 13px; line-height: 1.7692307692; } .module-wide a, .module-featured a, .module-wide .list-inline a, .module-featured .list-inline a, [data-whatintent="mouse"] .link-btn a.a:hover, [data-whatintent="mouse"] #root #footer .link-btn a.a:hover, [data-whatintent="mouse"] .link-btn a.b:hover, [data-whatintent="mouse"] #root #footer .link-btn a.b:hover, .list-big li.wide a, [data-whatintent="mouse"] .list-tags a:hover, [data-whatintent="mouse"] .list-tags a:hover span, [data-whatintent="mouse"] .form-cart a.btn:hover, #top > p a { color: var(--white); } .overlay-a { color: var(--azure); } .overlay-b, [data-whatintent="mouse"] #footer .lang ul li a:hover, .nav-pagination li.active > a. .list-btn.a .active a, .module-product .link-btn a.a, .form-product .link-btn a.a, .check-color [data-color*="#fff"] label, .list-view li.active a, .list-inline a { color: var(--black); } .overlay-c { color: var(--rose); } .overlay-d { color: var(--candy); } .overlay-e, .module-product p a, .list-checkout ul li a, .list-cart ul a, [data-whatintent="mouse"] #nav > ul > li > div li a:hover, [data-whatintent="mouse"] #nav h1 a:hover, [data-whatintent="mouse"] #nav h2 a:hover, [data-whatintent="mouse"] #nav h3 a:hover, [data-whatintent="mouse"] #nav h4 a:hover, [data-whatintent="mouse"] #nav h5 a:hover, [data-whatintent="mouse"] #nav h6 a:hover, .form-filter li a span, .form-filter li label span, .list-select ul label span, .list-comments a { color: var(--dove); } .overlay-f, [data-whatintent="mouse"] .list-filters a:hover:before, [data-whatintent="mouse"] .list-filters label:hover:before, #root .list-social a:hover { color: var(--coal); } .lead { margin: 0 0 35px; font-size: 2.8em; font-weight: 700; line-height: 1.3928571429; } .lead.text-center { max-width: 540px; margin-left: auto; margin-right: auto; } /*! Links --------- */ .link-btn { clear: both; margin-right: -8px; font-size: 13px; } .link-btn > span { display: block; width: 100%; margin: 0 8px 20px 0; color: var(--coal); } .link-btn a { display: block; overflow: hidden; position: relative; z-index: 2; min-width: 156px; margin: 0 8px 8px 0; padding: 15px 30px; border-radius: 0; border: 0 solid var(--blank); color: var(--white); font-size: 1em; font-weight: 700; line-height: 1.2; text-align: center; text-transform: uppercase; letter-spacing: 0.0133333333em; } .link-btn a:after { border: 1px solid var(--black); background: var(--black); } .link-btn i { display: inline-block; position: relative; top: .15em; margin-right: 6px; font-size: 1.2666666667em; line-height: 1px; } .link-btn i.icon-chevron-down, .link-btn i.icon-chevron-up { top: -2px; margin: 0 0 0 8px; font-size: 5px; } [data-whatintent="mouse"] .link-btn a:hover:after, [data-whatintent="mouse"] #cart .submit a:hover, [data-whatintent="mouse"] .form-product .submit a:hover:after { border-color: var(--coal); background: var(--coal); } [data-whatintent="mouse"] .link-btn a.a:hover:after, [data-whatintent="mouse"] #root #footer .link-btn a.a:hover:after, [data-whatintent="mouse"] .link-btn a.b:hover:after, [data-whatintent="mouse"] #root #footer .link-btn a.b:hover:after { border-color: var(--black); background: var(--black); } .link-btn a.a, #root #footer .link-btn a.a { color: var(--coal); } .link-btn a.a:after { background: none; } .link-btn a.b, #root #footer .link-btn a.b { color: var(--black); } .link-btn a.b:after { border-color: var(--mercury); background: none; } .link-btn a.fb, #root #footer .link-btn a.fb { } .link-btn a.fb:after { border-color: var(--cove); background: var(--cove); } hr + .link-btn { margin-top: -10px; } .link-btn + h1, .link-btn + h2, .link-btn + h3, .link-btn + h4, .link-btn + h5, .link-btn + h6, .link-btn + footer { margin-top: 37px; } header + .link-btn { margin-top: -10px; } .link-btn + .form-sort, .link-btn + hr { margin-top: -15px; } .link-btn.a { font-size: 15px; } .link-btn.a a { min-width: 360px; padding: 15px 30px; } .link-btn.double { margin-left: -17px; margin-right: 0; } .link-btn.double a { width: 50%; min-width: 0; margin-right: 0; border-left-width: 17px; } .link-btn.wide { display: block; } .link-btn.wide a { min-width: 0; } .link-btn.text-lowercase, .link-btn a.text-lowercase { text-transform: none; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .gui-table img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } .h100 { height: 100%; } .w100 { width: 100%; } /*! Lists --------- */ header h1 + p, header h2 + p, header h3 + p, header h4 + p, header h5 + p, header h6 + p { margin-top: -12px; } .list-big { list-style: none; margin: 0 0 60px -24px; padding: 0; text-align: center; } .list-big li { position: relative; width: 50%; margin-bottom: 37px; border-left: 24px solid var(--blank); font-size: 1em; } .list-big figure { margin: 0 0 29px; } .list-big li.wide figure { bottom: 9px; margin: 0; text-indent: 0; } .list-big h1, .list-big h2, .list-big h3, .list-big h4, .list-big h5, .list-big h6 { margin: 0 0 23px; font-size: 2.8em; line-height: 1.2173913043; } .list-big h1 span, .list-big h2 span, .list-big h3 span, .list-big h4 span, .list-big h5 span, .list-big h6 span { display: block; font-size: 0.5357142857em; font-weight: 400; } .list-big p { margin: 0; font-size: 1.5em; } .list-big p > a { color: var(--black); font-weight: 700; text-transform: uppercase; text-decoration: none; } .list-big li.wide { width: 60%; color: var(--white); } .list-big li.wide > div { position: absolute; left: 50%; bottom: 63px; z-index: 9; width: 500px; margin-left: -250px; } .list-big li.wide h1, .list-big li.wide h2, .list-big li.wide h3, .list-big li.wide h4, .list-big li.wide h5, .list-big li.wide h6 { margin: 0 0 27px; font-size: 4.6em; } .list-big li.wide .list-inline { margin-left: 0; margin-right: -28px; } .list-big li.wide .list-inline li { width: auto; margin-left: 0; margin-right: 28px; border-left-width: 0; font-size: 1.5em; } .list-big li.wide + li { width: 40%; } .list-btn { list-style: none; margin: 0 -3px 25px 0; padding: 0; line-height: 1.2; text-align: center; } .list-btn li { margin: 0 3px 3px 0; font-size: 16px; } .list-btn a { display: block; overflow: hidden; position: relative; padding: 15px 30px; border: 1px solid var(--concrete); background: var(--concrete); color: var(--black); text-decoration: none; } .list-btn .active a, .list-btn.a .active a, [data-whatintent="mouse"] .list-btn a:hover { border-color: var(--blank); background: var(--blank); color: var(--black); } .list-btn.a { max-width: 980px; margin: 0 auto 56px; } .list-btn.a li { margin: 0 7px 12px; font-size: 15px; } .list-btn.a a { border-color: var(--black); background: var(--black); color: var(--white); font-weight: 700; } .list-brands { list-style: none; margin-top: -42px; padding: 0; } .list-brands li { position: relative; width: 16.6666666667%; padding: 55px 10px; } .list-brands li:before { top: auto; bottom: 0; height: 1px; background: var(--mercury); } .list-brands a img { opacity: .5; } .list-brands a img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } header + .list-brands { position: relative; z-index: 0; margin-top: -70px; } [data-whatintent="mouse"] .list-brands a:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .list-cart { list-style: none; padding: 0; } .list-cart li { position: relative; min-height: 130px; margin: 0 0 51px; padding: 6px 0 0 130px; font-size: 1em; } .list-cart li:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -26px; height: 1px; background: var(--mercury); } .list-cart h1, .list-cart h2, .list-cart h3, .list-cart h4, .list-cart h5, .list-cart h6 { margin: 0 0 9px; font-size: 15px; font-weight: 700; line-height: 1.4; } .list-cart h1 span, .list-cart h2 span, .list-cart h3 span, .list-cart h4 span, .list-cart h5 span, .list-cart h6 span { margin-left: 10px; font-weight: 400; font-size: 0.8666666667em; } .list-cart h1 span.strong, .list-cart h2 span.strong, .list-cart h3 span.strong, .list-cart h4 span.strong, .list-cart h5 span.strong, .list-cart h6 span.strong { display: block; margin: 0 0 4px; } .list-cart figure { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; margin: 0; } .list-cart p { position: relative; margin: 0; font-size: 1.5em; font-weight: 700; } .list-cart p span, .module-product-bar p.price span { display: inline-block; position: relative; margin: 0 0 0 14px; color: var(--dove); font-weight: 400; font-size: 0.8666666667em; } .list-cart p span:before, .list-collection p.price span:before, .list-checkout .price span span:before, .module-product-bar p.price span:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; height: 1px; margin: -.5px 0 0; background: var(--dove); } .list-cart p span:before, .list-collection p.price span:before, .list-checkout .price span span:before, .module-product-bar p.price span:before { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } .list-cart p span.text-right { position: absolute; right: 0; top: 3px; color: var(--black); } .list-cart ul { position: relative; z-index: 10; list-style: none; margin: 0 -15px 0 0; padding: 0; } .list-cart ul li { min-height: 0; margin: 0 15px 0 0; padding: 0; font-size: 1.3em; } .list-catalog { list-style: none; margin: 40px 0 0 -24px; padding: 0; font-weight: 700; line-height: 1.25; text-align: center; } .list-catalog li { position: relative; z-index: 2; float: left; width: 33.333333333333%; margin: 0 0 37px; border-left: 24px solid var(--blank); font-size: 2em; } .list-catalog img { display: block; margin-bottom: 25px; } .list-catalog a { display: block; color: var(--black); text-decoration: none; } .list-catalog span { display: block; max-width: 270px; margin-left: auto; margin-right: auto; } .list-checkout { list-style: none; margin: 0; padding: 0; line-height: 1.3; } .list-checkout li { position: relative; min-height: 149px; margin: 0 0 18px; padding: 19px 470px 2px 150px; border-bottom: 1px solid var(--mercury); font-size: 1em; } .list-checkout li:last-child { margin-bottom: 0; border-bottom-width: 0; } .list-checkout figure { position: absolute; left: 0; top: 0; } .list-checkout h1, .list-checkout h2, .list-checkout h3, .list-checkout h4, .list-checkout h5, .list-checkout h6 { margin: 0 0 36px; font-size: 1.5em; } .list-checkout h1 .small, .list-checkout h2 .small, .list-checkout h3 .small, .list-checkout h4 .small, .list-checkout h5 .small, .list-checkout h6 .small { display: block; margin-bottom: 4px; font-weight: 400; font-size: 0.8666666667em; } .list-checkout p { clear: both; position: absolute; right: 115px; top: 27px; width: 325px; margin: 0; padding: 0 0 2px; color: var(--azure); font-weight: 700; font-size: 1.5em; } .list-checkout p label { height: 50px; margin: 0 0 13px; color: var(--black); font-size: 1em; font-weight: 400; line-height: 50px; } .list-checkout p input { position: absolute; right: 0; top: 0; width: 118px; height: 50px; color: var(--black); font-size: 1.0714285714em; text-align: center; } .list-checkout p .semantic-number { position: absolute; right: 0; top: 0; } .list-checkout p .semantic-number input { position: relative; } .list-checkout p span { display: block; margin-top: 23px; font-size: 0.8666666667em; } .list-checkout .price { position: absolute; top: 50%; right: 0; width: auto; padding: 0 0 26px; color: var(--coal); font-weight: 700; font-size: 1.5em; text-align: right; } .list-checkout .price span { display: block; margin: 0 0 5px; color: var(--chalice); font-weight: 400; font-size: 0.8666666667em; } .list-checkout .price span span { display: inline-block; position: relative; margin: 0; font-size: 1em; } .list-checkout .price span span:before { background: var(--chalice); } .list-checkout ul { list-style: none; margin: 0 -30px 30px 0; padding: 0; } .list-checkout ul li { float: left; min-height: 0; margin: 0 20px 0 0; padding: 0; border-width: 0; font-size: 1.5em; } .list-collection { position: relative; list-style: none; margin: 0 0 0 -24px; padding: 0; } .list-collection li { position: relative; z-index: 2; float: left; width: 25%; margin: 0 0 37px; border-left: 24px solid var(--blank); font-size: 1em; } .list-collection .img { position: relative; margin: 0 0 11px; } .list-collection figure { overflow: hidden; position: relative; margin: 0 0 11px; } .list-collection figure.is-slider { z-index: 10; } .list-collection figure .owl-dots { display: block; position: absolute; left: 0; right: 0; bottom: 8px; z-index: 99; } .mobile #root .list-collection figure .owl-dots, [data-whatintent="mouse"] .list-collection li:hover figure:last-child .owl-dots { bottom: 8px; } .mobile .list-collection figure .owl-dots, [data-whatintent="mouse"] .list-collection li:hover figure .owl-dots { bottom: 41px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin: 0 0 8px; font-size: 1.5em; } .list-collection a { text-decoration: none; } .list-collection p { margin: 0 0 2px; font-size: 1.3em; } .list-collection li > p a { padding: 12px 0 0; color: var(--black); font-size: 1.1538461538em; font-weight: 700; text-transform: uppercase; } .list-collection p.price { font-weight: 700; font-size: 1.5em; } .list-collection p.price span { display: inline-block; position: relative; margin-left: 6px; color: var(--dove); font-size: 0.8666666667em; font-weight: 400; } .list-collection ul.label, .list-product ul.label, .list-slider ul.label { position: absolute; left: 15px; top: 15px; right: 15px; z-index: 10; list-style: none; height: 0; margin: 0; padding: 0; } #root .list-collection ul.label li, .list-product ul.label li, .list-slider ul.label li { float: left; clear: both; width: auto; min-width: 59px; height: 23px; margin: 0 0 7px; padding: 0 6px; border: 1px solid var(--plant); background: var(--plant); color: var(--white); font-size: 13px; font-weight: 700; line-height: 23px; text-transform: uppercase; text-align: center; } #root .list-collection ul.label li.overlay-c, .list-product ul.label li.overlay-c, .list-slider ul.label li.overlay-c { border-color: var(--candy); background: none; color: var(--candy); } #root .list-collection ul.label li.overlay-c.fill, .list-product ul.label li.overlay-c.fill, .list-slider ul.label li.overlay-c.fill { min-width: 0; padding: 0 8px; border-color: var(--candy); background: var(--candy); color: var(--white); } #root .list-collection ul.label li.btn, .list-product ul.label li.btn, .list-slider ul.label li.btn { position: absolute; right: 0; top: 0; width: 44px; min-width: 0; height: 44px; margin: 0; padding: 0; box-shadow: 0 1px 2px rgba(0,0,0,.07); border-radius: 99px; border-color: var(--mercury); background: var(--white); color: var(--black); line-height: 1.3846153846; text-indent: -3000em; text-align: left; } .list-collection ul.label li.btn a, .list-product ul.label li.btn a, .list-slider ul.label li.btn a { overflow: visible; color: var(--black); text-decoration: none; } .list-collection ul.label li.btn i, .list-product ul.label li.btn i, .list-slider ul.label li.btn i { color: var(--coral); font-size: 15px; } .list-collection ul.label li.btn i.icon-x:before, .list-product ul.label li.btn i.icon-x:before, .list-slider ul.label li.btn i.icon-x:before { color: var(--cod); font-size: 14px; } .list-collection ul.label li.btn i.icon-heart:before, .list-product ul.label li.btn i.icon-heart:before, .list-slider ul.label li.btn i.icon-heart:before { content: "\e91b"; } .list-collection ul.label li.btn.active i.icon-heart:before, .list-product ul.label li.btn.active i.icon-heart:before, .list-slider ul.label li.btn.active i.icon-heart:before { content: "\e91a"; } .list-collection ul.label li.btn a span, .list-product ul.label li.btn a span, .list-slider ul.label li.btn a span { display: block; visibility: hidden; position: absolute; left: 50%; bottom: 100%; width: 104px; margin: 0 0 0 -52px; padding: 6px 10px; border: 1px solid var(--mercury); background: var(--white); font-weight: 400; text-align: center; text-indent: 0; text-transform: none; opacity: 0; } .list-collection ul.label li.btn a span, .list-product ul.label li.btn a span, .list-slider ul.label li.btn a span { -webkit-transform: translateY(2px); transform: translateY(2px); } .list-collection ul.label li.btn a span:before, .list-product ul.label li.btn a span:before, .list-slider ul.label li.btn a span:before { content: ""; display: block; position: absolute; left: 50%; top: 100%; width: 8px; height: 6px; margin: 0 0 0 -4px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4LjEgNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOC4xIDYiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNFNUU1RTU7fS5zdDF7ZmlsbDojZmZmO308L3N0eWxlPjxwYXRoIGQ9Ik03LjYgMEw0IDQuNC41IDBIMHYxbDQgNSA0LjEtNVYweiIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik03LjYgMEguNUw0IDQuNHoiIGNsYXNzPSJzdDEiLz48L3N2Zz4=); } .list-collection form { display: none; position: absolute; left: 0; right: 0; bottom: 0; z-index: 11; text-align: left; } .mobile .list-collection form { display: block; position: relative; } .list-collection form p > span { display: block; position: relative; z-index: 2; width: calc(100% - 32px - 144px); } #root .list-collection form p > span:first-child { z-index: 3; width: 32px; } .list-collection form p > span:first-child .semantic-select.active .input { width: 54px; border-right-width: 1px; } .list-collection form p > span:first-child .semantic-select ul { min-width: 0; width: 54px; } .list-collection select, .list-collection .semantic-select .input { height: 33px; padding: 0 11px; border-right-width: 0; background: var(--white); } .gecko .list-collection select { padding-left: 7px; } .list-collection .semantic-select .input { line-height: 31px; } .list-collection .semantic-select .ul { top: 100%; } .list-collection .semantic-select ul { top: 100%; min-width: 134px; max-height: 161px; padding-top: 0; box-shadow: none; border-top-width: 0; } #root .list-collection .semantic-select ul li { font-size: 13px; } .list-collection .semantic-select ul li a { padding: 8px 11px; font-size: 1em; } .list-collection .semantic-select ul li.active a { padding-left: 27px; } .list-collection .semantic-select ul li.active a:before { left: 11px; right: auto; width: auto; } .list-collection .semantic-select-wrapper.has-color { } #root .list-collection .semantic-select-wrapper.has-color li a { overflow: hidden; position: relative; z-index: 9; height: 32px; padding: 0; background: none; text-indent: -3000em; text-align: left; } .list-collection .semantic-select-wrapper.has-color span.color { display: block; position: absolute; left: 6px; top: 50%; width: 19px; height: 19px; margin: -9.5px 0 0; border-radius: 99px; } .list-collection .semantic-select-wrapper.has-color span.color:before { left: -2px; right: -2px; bottom: -2px; top: -2px; border-radius: 99px; border: 1px solid var(--mercury); } .list-collection .semantic-select-wrapper.has-color span.color ~ a:before { color: var(--white); left: 6px; top: 50%; width: 19px; height: 19px; margin-top: -9.5px; font-size: 6px; line-height: 19px; text-align: center; } .list-collection .semantic-select .input .color:after { content: "\e930"; color: var(--white); font-size: 6px; } .list-collection form button { min-width: 144px; width: 144px; height: 33px; margin: 0; padding: 1px 0 0; font-size: 13px; } .list-collection form.chosen button:after { border-color: var(--azure); background: var(--azure); } .list-collection .owl-nav button { position: absolute; top: 40px; bottom: 173px; z-index: 8; height: auto; background: none; } #root .list-collection .owl-nav button { background: none; } .list-collection .owl-nav button.owl-prev { left: -1px; } .list-collection .owl-nav button.owl-next { right: -1px; } .list-collection .owl-nav button:before { top: 50%; bottom: auto; height: 67px; margin-top: -33.5px; background: rgba(255,255,255,.8); } [data-whatintent="mouse"] .list-collection .owl-nav button:hover:before { background: var(--white); } #root .list-collection li.wide { width: 100%; margin: 0 0 46px; padding: 16px 16px 12px; color: var(--white); text-align: center; } .list-collection li.wide:before { background: var(--black); } #root .list-collection li.wide h1, #root .list-collection li.wide h2, #root .list-collection li.wide h3, #root .list-collection li.wide h4, #root .list-collection li.wide h5, #root .list-collection li.wide h6, .list-collection li.wide p { margin: 0 0 3px; font-size: 15px; line-height: 1.3928571429; text-decoration: none; } .list-collection li.empty { padding: 20px; text-align: center; } .list-collection li.empty:before { bottom: 98px; border: 1px dashed var(--mercury); background: #FCFCFC; } .list-collection li.empty[style*="height"]:before { bottom: 0; } .list-collection li.empty span { display: block; padding: 8px 0 0; color: var(--chalice); } .list-collection + hr { margin-top: -8px; } .list-collection.aside { padding-right: 732px; } .list-collection.aside li { width: 50%; } .list-collection.aside li.aside { position: absolute; right: 0; top: 0; bottom: 124px; width: 732px; margin: 0; } .list-collection.aside li.aside figure { text-indent: 0; } .list-collection.is-slider { display: block; margin-left: 0; } #root .list-collection.is-slider .item > li { float: none; width: auto; border-left-width: 0; } .list-collection .owl-carousel .owl-stage-outer { overflow: visible; } .list-collection.compact { margin-left: -15px; } .list-collection.compact li { width: 14.2857142857%; margin-bottom: 21px; border-left-width: 15px; } .list-collection.triple { } .list-collection.triple li { width: 33.33333333%; } [class*="cols"] .list-collection { } [class*="cols"] .list-collection form p > span { width: calc(100% - 32px - 113px); } [class*="cols"] .list-collection form button { min-width: 113px; width: 113px; } .list-collection[data-layout="icon-grid-3"] li { width: 33.333333333%; } [class*="cols"] .list-collection[data-layout="icon-grid-3"] form p > span { width: calc(100% - 32px - 144px); } [class*="cols"] .list-collection[data-layout="icon-grid-3"] button { min-width: 144px; width: 144px; } .list-comments { list-style: none; margin: 44px 0 3px; padding: 0; border: 0 solid var(--mercury); } .list-comments li { position: relative; margin: 0; padding: 48px 20px 18px 425px; border-top: 1px solid var(--mercury); font-size: 1em; } .list-comments li:before { left: 400px; top: 30px; bottom: 30px; border: 1px solid var(--mercury); } .list-comments li:first-child { margin-top: -30px; border-top-width: 0; } .list-comments img { position: absolute; left: 0; top: 40px; border-radius: 99px; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { float: left; width: 300px; margin: 0 0 0 -325px; padding: 7px 0 0; color: var(--black); font-weight: 700; font-size: 1.6em; } .list-comments h1 span, .list-comments h2 span, .list-comments h3 span, .list-comments h4 span, .list-comments h5 span, .list-comments h6 span { display: block; padding-top: 2px; color: var(--dove); font-size: 0.875em; font-weight: 400; } .list-comments h1 span span, .list-comments h2 span span, .list-comments h3 span span, .list-comments h4 span span, .list-comments h5 span span, .list-comments h6 span span { display: inline; padding: 0; font-size: 1em; font-weight: 700; } .list-comments h1 span a, .list-comments h2 span a, .list-comments h3 span a, .list-comments h4 span a, .list-comments h5 span a, .list-comments h6 span a { color: var(--dove); text-decoration: none; } .list-comments .rating-a { margin: 0 0 4px; height: 12px; color: var(--black); font-size: 1em; font-weight: 400; } .list-comments .rating-a .rating { top: 0; height: 12px; } .list-comments .rating-a .rating > * { width: 13px; margin-right: 2px; } #root .list-comments .rating-a span { padding-top: 0; color: var(--black); font-size: 1em; font-weight: 400; } .list-comments p { font-size: 1.5em; } .list-comments a.more:after { content: "\e90f"; display: inline-block; position: relative; top: -1px; margin: 0 0 0 9px; font-size: 5px; font-family: i; font-weight: 400; line-height: 1px; } .list-comments a.small { display: block; position: relative; top: 2px; margin: 13px 0 0; font-size: 0.8666666667em; text-align: right; } .list-comments a.toggle { display: block; font-size: 13px; } .list-comments p + a.toggle { margin: -13px 0 10px; } #root .list-comments li.more { min-height: 0; padding: 20px 0; font-size: 1.6em; } .list-comments li.more a { display: block; color: var(--black); font-weight: 700; } .list-comments li.more a:before { content: "\e909"; display: inline-block; position: relative; margin: 0 8px 0 0; font-size: 9px; font-weight: 400; font-family: i; line-height: 1px; } .list-comments.a { margin: 0 0 17px; padding-top: 30px; border-top: 1px solid var(--mercury); } .list-comments.a li { } .list-comments.a li:before { left: 385px; top: 25px; bottom: 25px; } .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { margin-left: -425px; padding: 0; border: 0 solid var(--mercury); font-size: 2em; } .list-comments.a h1 > span, .list-comments.a h2 > span, .list-comments.a h3 > span, .list-comments.a h4 > span, .list-comments.a h5 > span, .list-comments.a h6 > span { padding: 4px 0 0; font-size: 13px; font-weight: 400; } .list-comments.a h1 > span > *, .list-comments.a h2 > span > *, .list-comments.a h3 > span > *, .list-comments.a h4 > span > *, .list-comments.a h5 > span > *, .list-comments.a h6 > span > * { margin-right: 10px; padding: 0; } .list-featured { list-style: none; margin: 47px 0 0; padding: 0; } .list-featured li { margin: 0 0 32px; font-size: 1em; } .list-featured li:nth-child(2n) figure { margin-left: 52px; margin-right: 0; } .list-featured figure { overflow: hidden; position: relative; min-width: 725px; margin: 0 52px 28px 0; } .list-featured figure a { display: block; overflow: hidden; position: relative; } .list-featured figure span ,.list-featured figcaption { z-index: 10; } .list-news img { display: inline-block; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex;} [data-whatintent="mouse"] .list-featured figure a:hover, [data-whatintent="mouse"] .list-news li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .list-featured h1, .list-featured h2, .list-featured h3, .list-featured h4, .list-featured h5, .list-featured h6 { margin: 0 0 6px; font-size: 2.8em; } .list-featured header { margin: 0; } .list-featured header p { margin-bottom: 6px; font-size: 1.3em; } .list-featured p { font-size: 1.5em; } .list-featured p a:first-child:last-child { display: block; margin: 14px 0 0; color: var(--black); font-size: 0.8666666667em; font-weight: 700; text-transform: uppercase; text-decoration: none; } .list-feed { overflow: hidden; list-style: none; margin: 0 calc(-50vw + 657px) 50px; padding: 0; color: var(--white); } .list-feed li { position: relative; float: left; width: 16.6666666667%; font-size: 1.4em; } .list-feed a { display: block; color: var(--white); text-decoration: none; } .list-feed ul { list-style: none; margin: 0; padding: 0; text-indent: 0; } .list-feed ul:before { background: var(--cod); opacity: .3; } .list-feed ul li { float: none; width: auto; margin: 0 11px; font-size: 1em; } .list-feed ul i { display: inline-block; position: relative; top: 6px; margin: 0 4px 0 0; font-size: 1.6428571429em; line-height: 1px; } .list-feed ul i.icon-heart { top: 3px; font-size: 1.3571428571em; } .list-filters { list-style: none; margin: 10px -15px 10px 0; padding: 0; } .list-filters li { margin: 0 15px 0 0; font-size: 13px; } .list-filters a { display: block; position: relative; padding: 0 21px 0 0; color: var(--dove); text-decoration: none; } .list-filters a:before { content: "\e946"; left: auto; right: 0; width: auto; color: var(--alto); font-size: 16px; } .list-filters li.strong a { padding: 0; font-weight: 400; text-decoration: underline; } .list-gallery { list-style: none; margin-left: -25px; padding: 0; line-height: 1.4666666667; text-align: center; } #root .list-gallery li { width: 20%; margin: 0; border-left: 25px solid var(--blank); } #root .list-gallery a, #root #top .list-gallery a { display: block; color: var(--black); font-weight: 700; text-decoration: none; } .list-gallery img { display: block; margin: 0 0 20px; } .list-gallery span { display: block; font-weight: 400; } .list-inline { list-style: none; margin-right: -14px; margin-left: -14px; padding: 0; font-weight: 700; text-transform: lowercase; } .list-inline li { position: relative; margin-left: 14px; margin-right: 14px; } .list-inline a { color: var(--black); } .list-news { list-style: none; margin: 60px 0 7px -25px; padding: 0; color: var(--dove) } .list-news li { position: relative; width: 33.33333333333%; margin: 0 0 25px; border-left: 25px solid var(--blank); } .list-news figure { overflow: hidden; margin: 0 0 19px; color: var(--black); } .list-news figcaption { z-index: 10; } .list-news figure a { display: block; overflow: hidden; position: relative; } .list-news figure:before, .list-featured figure a:before { visibility: hidden; background: rgba(18,18,18,.3); opacity: 0; } .list-news img { overflow: hidden; } /*[data-whatintent="mouse"] .list-news li:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }*/ .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin: 0 0 5px; color: var(--black); font-size: 16px; line-height: 1.375; } .list-news p { margin: 0 0 5px; font-size: 13px; } .list-news a { color: var(--black); font-size: 1.1538461538em; font-weight: 700; text-decoration: none; text-transform: uppercase; } .list-news .clone { z-index: 99; } .list-news p:last-child, .list-news p.last-child { margin-top: auto; padding-top: 10px; } .list-news.slider { display: block; margin-left: 0; } .list-news .item li { width: 295px; border-left-width: 0; } .list-news .owl-nav button { position: absolute; top: 61px; } .list-news .owl-carousel .owl-stage-outer { overflow: visible; } .list-news .owl-item[aria-hidden="false"] ~ .owl-item[aria-hidden="true"] { visibility: visible; opacity: .3; } .list-plain { list-style: none; padding: 0; } .list-product { position: relative; list-style: none; margin: 0 0 20px -25px; padding: 0; } .list-product li { position: relative; float: left; width: 50%; margin: 0 0 25px; border-left: 25px solid var(--blank); } .list-product .item li { float: none; width: auto; margin: 0; border-left-width: 0; } .list-product a { display: block; overflow: hidden; color: var(--white); text-decoration: none; } .list-product a:before { background: rgba(18,18,18,.3); opacity: 0; } .list-product a:after { content: "\e90b"; z-index: 10; font-size: 36px; margin: -20px 0 0; line-height: 40px; opacity: 0; } .list-product ul.label { z-index: 11; } .list-product .owl-dots { display: block; position: absolute; left: 0; right: 0; bottom: 14px; z-index: 9; } .list-product.is-slider { display: block; margin-left: 0; } .list-select { list-style: none; margin-left: -12px; padding: 0; } .list-select li { position: relative; width: 20%; height: 46px; margin: 0 0 12px; border-left: 12px solid var(--blank); } .list-select > li > a { display: block; overflow: hidden; position: relative; z-index: 1; height: 46px; padding: 0 36px 0 15px; border: 1px solid var(--mercury); color: var(--black); line-height: 44px; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .list-select > li.toggle > a { width: 297px; background: var(--concrete); font-weight: 700; } .list-select > li.toggle > a:before { content: "\e93f"; left: auto; right: 20px; width: auto; font-size: 13px; } .list-select li.toggle { z-index: 999 !important; } .list-select li > .semantic-select-wrapper { display: block; position: relative; top: 0; width: auto; margin: 0; padding: 0; border-width: 0; background: none; } .list-select li > div { display: none; position: absolute; left: 0; top: 100%; z-index: 2; width: 297px; padding: 20px 18px 18px; border: 1px solid var(--mercury); border-top-width: 0; background: var(--white); } .list-select li:nth-child(5n) > div { left: auto; right: 0; } .list-select li.toggle:nth-child(5n) > a { position: absolute; right: 0; top: 0; } .list-select ul { overflow-x: hidden; overflow-y: auto; list-style: none; max-height: 234px; margin: 0; padding: 0; } .list-select ul::-webkit-scrollbar { width: 6px; } .list-select ul::-webkit-scrollbar-thumb { border-radius: 3px; background: var(--alto); } .list-select ul li { width: auto; height: auto; margin: 0; border-width: 0; } .list-select ul label { position: relative; left: 0; margin: 0; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; font-weight: 400; font-size: 1em; cursor: pointer; } .list-select ul li:first-child label { padding-top: 4px; } #root .list-select ul label:before { top: 10px; } #root .list-select ul li:first-child label:before { top: 4px; } .list-select li > div p { display: none; position: absolute; left: 67px; right: 0; top: 0; margin: 0; font-size: 1em; } .list-select li > div p a { display: block; position: absolute; right: 17px; top: -46px; height: 46px; color: var(--black); font-size: 1em; font-weight: 700; line-height: 46px; text-transform: uppercase; text-decoration: none; } .list-select li > div p a.remove { left: 0; right: auto; color: var(--dove); font-size: 0.8666666667em; font-weight: 400; text-transform: none; text-decoration: underline; } .list-select .head { display: none; margin: 0 -15px 10px 0; } .list-select .head label { position: relative; left: 0; margin: 0 15px 4px 0; padding: 0 21px 0 0; color: var(--dove); font-size: 13px; font-weight: 400; cursor: pointer; } .list-select .head label:after { content: "\e946"; left: auto; right: 0; width: auto; color: var(--alto); font-size: 16px; } .list-slider { position: relative; list-style: none; max-width: 545px; margin: 0 0 38px; padding: 0; } .list-slider .pager { position: absolute; left: 100%; top: 0; bottom: 0; list-style: none; width: 312px; margin: 0; padding: 0 0 0 25px; } .list-slider .pager li { overflow: hidden; position: relative; padding: 25px 0 0; } #root .list-slider .pager li:first-child { padding-top: 0; } .list-slider .pager img { width: auto !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .list-slider .current { opacity: .42; cursor: default; } .list-slider.items-3 .pager { width: 303px; padding-left: 16px; } .list-slider.items-4 .pager { width: 301px; padding-left: 14px; } .list-slider.items-5 .pager { width: 298px; padding-left: 11px; } .list-slider.items-6 .pager { width: 296px; padding-left: 9px; } .list-slider.items-3 .pager li { padding-top: 16px; } .list-slider.items-4 .pager li { padding-top: 14px; } .list-slider.items-5 .pager li { padding-top: 11px; } .list-slider.items-6 .pager li { padding-top: 9px; } .popup-a .list-slider { max-width: 420px; margin-bottom: 24px; } .popup-a .list-slider img { width: 100% !important; } .popup-a .list-slider .pager li { max-width: 132px; } .popup-a .list-slider .pager img { width: auto !important; max-width: 100% !important; } .list-social { list-style: none; margin-right: -8px; padding: 0; } .list-social li { position: relative; margin: 0 8px 8px 0; font-size: 18px; } .list-social a, .list-social.b a { display: block; color: var(--black); } #root .list-social.a a:hover i { background: var(--coal); } .list-social i { display: block; font-size: 18px; line-height: 18px; } .list-social.a { display: block; margin: 36px 0 33px; font-weight: 700; line-height: 1.3; } .list-social.a li { min-height: 39px; margin: 0 0 24px; padding: 0 0 0 56px; font-size: 16px; } .list-social.a span { display: block; position: relative; left: 0; top: 0; padding: 3px 0 0; font-size: 0.9375em; font-weight: 400; } .list-social.a i { position: absolute; left: 0; top: 50%; width: 39px; height: 39px; margin-top: -19.5px; border-radius: 39px; background: var(--black); color: var(--white); font-size: 16px; line-height: 39px; text-align: center; } .list-social.a i.icon-twitter { font-size: 12px; } .list-social.b { margin-right: -27px; margin-bottom: 18px; } #root .list-social.b li { margin-right: 27px; font-size: 1.6em; line-height: 27px; } .list-social.b i { float: left; margin: 0 7px 0 0; font-size: 15px; line-height: 27px; } .list-social.b i.icon-facebook:before { content: "\e95a"; } .list-social.b i.icon-pinterest:before { content: "\e956"; } .list-social.b i.icon-twitter:before { content: "\e955"; } .list-tags { list-style: none; margin: 0 0 34px; padding: 0; font-weight: 700; line-height: 27px; } .list-tags li { position: relative; margin: 0 19px 8px 0; font-size: 18px; } .list-tags a { display: block; position: relative; z-index: 2; height: 25px; margin: 0 -11px 0 0; padding: 0 12px; color: var(--black); font-size: 0.7222222222em; font-weight: 400; line-height: 25px; text-decoration: none; cursor: pointer; } .list-tags a:after { z-index: -2; border: 1px solid var(--mercury); } #root .list-tags a.close { padding: 0 0 0 15px; color: var(--black); text-transform: uppercase; text-decoration: underline; } .list-tags span { color: var(--dove); font-weight: 400; } [data-whatintent="mouse"] .list-tags a:hover:before { background: var(--black); } .list-tags.a { font-weight: 400; } .list-tags.a li { margin-right: 17px; margin-bottom: 10px; font-size: 1.4em; } .list-tags.a a { margin-right: -6px; padding-right: 58px; font-size: 1em; } .list-tags.a a:after { border-color: var(--concrete); background: var(--concrete); } .list-tags.a i { left: auto; right: 14px; width: auto; font-size: 8px; } .list-tags.a i.icon-x:before { content: "\e924"; } .list-total { position: relative; z-index: 2; list-style: none; margin: 0 0 23px; padding: 21px 22px 2px 15px; line-height: 1.4; text-align: right; } .list-total:before { background: var(--chalice); opacity: .06; } .list-total li { position: relative; margin: 0 0 17px; } .list-total li > span:first-child { display: block; position: absolute; left: 0; top: 0; } .list-total li.strong:last-child { margin-top: -2px; font-size: 2em; } .list-usp { list-style: none; padding: 0; line-height: 1.3846153846; } .list-usp li { position: relative; padding: 0 0 0 28px; font-size: 1.3em; } .list-usp li:first-child { padding-left: 34px; } .list-usp i { display: block; position: absolute; left: 0; top: 50%; margin: -10px 0 0; font-size: 20px; line-height: 20px; } .list-usp i.icon-truck { font-size: 18px; } .list-view { list-style: none; padding: 0; } .list-view li { margin: 0 8px 0 0; } .list-view a { display: block; color: var(--silver); text-decoration: none; } .list-view i { display: block; font-size: 17px; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; } ::-webkit-input-placeholder { opacity: 1; color: var(--dove); } :-ms-input-placeholder { opacity: 1; color: var(--dove); } ::-ms-input-placeholder { opacity: 1; color: var(--dove); } ::placeholder { opacity: 1; color: var(--dove); } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 9px; font-size: 16px; font-weight: 700; line-height: 1.3; } input, select, textarea, .semantic-select .input, .form-sort > p > a { display: block; width: 100%; border: 1px solid var(--mercury); background: var(--white); font-size: 13px; } input { height: 46px; padding: 0 15px; } input[type="date"] { line-height: 30px; } select, .semantic-select .input, .form-sort > p > a, .list-select > li > a { height: 46px; padding: 12px 36px 12px 15px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiA1Ij48cGF0aCBkPSJNNC40LDUuMWMwLjIsMCwwLjMtMC4xLDAuNC0wLjJMOC44LDFjMC4yLTAuMiwwLjItMC42LDAtMC45Yy0wLjItMC4yLTAuNi0wLjItMC45LDBMNC40LDMuNUwxLDAuMkMwLjgsMCwwLjQsMCwwLjIsMC4yCWMtMC4yLDAuMi0wLjIsMC42LDAsMC45TDQuMSw1QzQuMSw1LDQuMyw1LjEsNC40LDUuMXoiLz48L3N2Zz4=); background-position: 100% center; background-size: auto 5px; background-repeat: no-repeat; line-height: normal; } .gecko select { padding-left: 11px; } textarea { height: 142px; min-height: 142px; padding: 13px 13px 13px 15px; } button, input[type="button"], input[type="reset"], input[type="submit"], a.btn { display: block; overflow: hidden; position: relative; float: right; min-width: 198px; margin-top: 8px; padding: 15px 30px; border-radius: 0; border-width: 0; color: var(--white); font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 0.0133333333em; } button:after, a.btn:after { border: 1px solid var(--black); background: var(--black); } [data-whatintent="mouse"] button:hover:after, [data-whatintent="mouse"] a.btn:hover:after, [data-whatintent="mouse"] .form-cart a.btn:hover:after { border-color: var(--coal); background: var(--coal); } form p > span.overlay-c { display: block; margin-top: 11px; text-align: right; } .gui-select + .gui-select, .gui-select + .gui-input, .gui-input + .gui-input, .gui-input + .gui-select { margin-top: 10px; } .check { } .check label { position: relative; padding-left: 30px; font-size: 1em; font-weight: 400; } .check label:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid var(--mercury); color: var(--white); font-size: 8px; font-family: i; font-weight: 400; line-height: 18px; text-align: center; cursor: pointer; } .check input:checked ~ label:before { content: "\e930"; border-color: var(--azure); background: var(--azure); } #root .check input, #root .checkb-box input, #root .check-color input { visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .check-box { list-style: none; margin: 0 -9px 31px 0; padding: 0; } .check-box label { display: block; overflow: hidden; min-width: 59px; height: 51px; margin: 0 9px 9px 0; padding: 0 12px; border: 1px solid var(--mercury); color: var(--black); font-weight: 400; line-height: 49px; font-size: 1em; text-align: center; cursor: pointer; } #root .check-box input[disabled] ~ label { border-color: var(--azure); } .check-box input[disabled] ~ label:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OC41IDQ5LjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU4LjUgNDkuOSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzkxQzFCNTt9PC9zdHlsZT48cGF0aCBkPSJNLS4wMyA0OS4xTDU3Ljg0IDBsLjY1Ljc1TC42IDQ5Ljg1eiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==); } .check-box input:checked ~ label, [data-whatintent="mouse"] .check-box label:hover { border-color: var(--black); } #root .check-box input, #root .check-color input, #root .check input { visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .check-color { list-style: none; margin: 0 -7px 29px 0; padding: 0; } .check-color li, .check-box li { margin: 0; } .check-color label { display: block; overflow: hidden; width: 33px; height: 33px; margin: 0 7px 7px 0; border-radius: 33px; border: 1px solid var(--mercury); color: var(--white); text-indent: -3000em; text-align: left; cursor: pointer; } .check-color label:before, .check-box label:before { overflow: hidden; z-index: 3; background-size: 100% 100%; } .check-color input:checked ~ label:after { content: "\e930"; font-size: 9px; } .check-color .color { display: block; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; border-radius: 33px; } .check-color input[disabled] ~ label { border-color: var(--azure); } .check-color input[disabled] ~ label:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy43IDIxLjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIzLjcgMjEuNyI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzkxQzFCNTt9PC9zdHlsZT48cGF0aCBkPSJNLjA0IDIxTDIzLjAyLjAzbC42Ny43NEwuNyAyMS43M3oiIGNsYXNzPSJzdDAiLz48L3N2Zz4=); } .semantic-number { display: block; position: relative; } .semantic-number input { padding-left: 40px; padding-right: 40px; font-size: 15px; text-align: center; } #root .semantic-number a { display: block; overflow: hidden; position: absolute; top: 0; left: auto; right: auto; bottom: 0; z-index: 9; width: 40px; min-width: 0; height: auto; margin: 0; padding: 0; border-width: 0; background: none; color: var(--black); font-size: 8px; text-align: left; text-indent: -3000em; } #root .semantic-number a:after { right: auto; bottom: auto; border-width: 0; background: none; text-indent: 0; text-align: center; } [data-whatintent="mouse"] .semantic-number a:hover:after { -webkit-transform: scale(1.375); transform: scale(1.375); } #root .semantic-number .plu { right: 0; } #root .semantic-number .plu:after { content: "\e90a"; } #root .semantic-number .min { left: 0; } #root .semantic-number .min:after { content: "\e914"; } .semantic-select { display: block; position: relative; } .semantic-select span { display: block; } .semantic-select .input { position: relative; z-index: 2; padding-top: 0; padding-bottom: 0; line-height: 44px; } .semantic-select .input .text, .semantic-select .input .text span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } #root .semantic-select .input .value * { display: inline; } .semantic-select .ticker { position: absolute; right: 0; top: 0; bottom: 0; width: 30px; cursor: pointer; } .semantic-select .ul { position: absolute; left: -3000em; top: 0; width: 100%; } .semantic-select .ul > a { display: block; padding: 15px; border: 1px solid var(--mercury); border-top-width: 0; background: var(--alabaster); color: var(--black); font-weight: 700; line-height: 1.2; text-decoration: none; text-align: center; text-transform: uppercase; } .semantic-select ul { overflow-y: auto; overflow-x: hidden; z-index: 1; list-style: none; width: 100%; max-height: 287px; margin: 0; padding: 0; box-shadow: 0 2px 2px rgba(0,0,0,.1); border: 1px solid var(--mercury); border-top-width: 46px; border-top-color: var(--white); background: var(--white); line-height: 1.2; } #root .semantic-select ul li { display: block; position: relative; float: none; width: 100%; margin: 0; padding: 0; border-width: 0; font-size: 13px; } #root .semantic-select ul li.hidden a, #root .semantic-select ul li.active { background: none; color: var(--alto); } .semantic-select ul li a { display: block; position: relative; padding: 15px 20px 15px 46px; color: var(--black); text-decoration: none; } [data-whatintent="mouse"] .semantic-select ul li:hover, #root .form-sort .semantic-select ul li.active, #root .list-select .semantic-select li.active { background: var(--concrete); color: var(--black); cursor: default; } #root .semantic-select ul li.hidden { background: none; } .semantic-select ul li.active a:before { content: "\e930"; left: 30px; width: auto; font-size: 6px; } .semantic-select.active ul, .semantic-select.active .ul { left: 0; } .semantic-select.active .input { border-bottom-color: var(--blank); } .semantic-select ::-webkit-scrollbar { width: 5px; } .semantic-select ::-webkit-scrollbar-track { border-radius: 2.5px; background: var(--white); } .semantic-select ::-webkit-scrollbar-thumb { background: var(--mercury); } .input-inline { } .input-inline input { border-right-width: 0; } .input-inline button { min-width: 0; height: 46px; margin: 0; padding: 0 26px; } .form-cart { position: relative; margin: 0 0 24px; padding: 0 0 30px; background: url(payments.png) 0 100% no-repeat; background-size: auto 25px; } #root .form-cart button:after { border-color: var(--azure); background: var(--azure); } [data-whatintent="mouse"] .form-cart button:hover:after { opacity: .8; } .form-cart a.btn { float: left; color: var(--black); } .form-cart a.btn:after { border-color: var(--mercury); background: none; } .cols-b > .form-cart button.clone { display: block; position: absolute; right: 0; top: -95px; z-index: 999; } .form-comment { } .form-comment h1, .form-comment h2, .form-comment h3, .form-comment h4, .form-comment h5, .form-comment h6 { margin-bottom: 4px; font-size: 28px; } .form-comment header p { font-size: 15px; } .form-comment p { margin: 0 0 20px; font-size: 13px; } .form-comment .sticky { position: absolute; right: 0; top: 3px; color: var(--gray); line-height: 1.3; } .form-comment.a { max-width: 974px; } .form-comment.a input { float: left; max-width: 665px; } .form-comment.a input + span { display: block; float: right; padding: 12px 0 0; color: var(--gray); font-size: 13px; } .form-filter { } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { position: relative; margin: 39px 0 20px; padding: 0; font-size: 15px; } .form-filter .header { padding-right: 15px; } .form-filter .header:before { content: "\e926"; left: auto; right: 3px; width: auto; font-size: 5px; } .form-filter .header.toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .form-filter figure { margin: 0 0 23px; } .form-filter nav { margin: 0 0 65px; padding: 0 0 0 22px; } .form-filter nav ul { overflow: visible; max-height: none; margin: 0; } .form-filter nav ul li { margin-top: 10px; } .form-filter ul { overflow-x: hidden; overflow-y: auto; list-style: none; max-height: 230px; margin: 0 0 -4px; padding: 0; } .form-filter ul ul { padding: 10px 0 0 16px; } .form-filter li { margin: 19px 0 0; } .form-filter li a, .form-filter li label { display: block; position: relative; color: var(--black); font-weight: 400; font-size: 1em; line-height: 1.4; text-decoration: none; cursor: pointer; } .form-filter li label, .list-select ul label { padding-left: 36px; } .form-filter li label:before, .list-select ul label:before { content: "\e930"; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid var(--mercury); color: var(--white); font-size: 8px; font-weight: 400; font-family: i; line-height: 18px; text-align: center; cursor: pointer; } [data-whatintent="mouse"] .form-filter li label:hover:before, [data-whatintent="mouse"] .list-select ul label:hover:before { border-color: var(--azure); } .form-filter li input:checked ~ label:before, .list-select ul input:checked ~ label:before { border-color: var(--azure); background: var(--azure); } [data-whatintent="mouse"] .form-filter li a:hover, [data-whatintent="mouse"] .form-filter li label:hover, .form-filter li.active > a { color: var(--dove); text-decoration: underline; } .form-inline { } .form-inline input { height: 46px; padding: 0 14px; border-right-width: 0; } .form-inline button { min-width: 140px; height: 46px; margin: 0; padding: 0 15px; } .form-newsletter { position: relative; z-index: 2; padding: 71px 0 23px; text-align: center; } .form-newsletter:before { background: var(--alabaster); } .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6 { margin-bottom: 6px; font-size: 28px; text-transform: uppercase; } .form-newsletter p { margin-bottom: 50px; } .form-newsletter input { width: 410px; height: 50px; padding: 0; border-width: 0; border-bottom-width: 1px; border-color: var(--black); background: none; color: var(--chalice); font-size: 1em; } .form-newsletter button { height: 50px; margin: 0 0 0 20px; padding-top: 0; padding-bottom: 0; } .form-product { } .form-product .submit { } .form-product .submit button { height: 50px; margin: 0; padding-top: 0; padding-bottom: 0; } .form-product .submit a { display: block; overflow: hidden; position: relative; z-index: 2; width: 50px; height: 50px; margin-left: 1px; color: var(--white); font-size: 15px; text-indent: -3000em; text-align: left; text-decoration: none; } .form-product .submit a:after { z-index: -2; background: var(--black); } .form-product .semantic-select-wrapper, .form-product input, .form-product select, .form-product textarea { margin-bottom: 17px; } .form-sort { position: relative; z-index: 2 !important; margin: 0 0 20px -12px; } .form-sort:before { z-index: -2; top: -32px; bottom: -13px; left: -3000em; right: -3000em; border-bottom: 1px solid var(--mercury); background: var(--white); } .form-sort:after { content: "\e957"; left: -340px; z-index: -1; width: auto; margin-top: -16px; font-size: 14px; } .form-sort h1, .form-sort h2, .form-sort h3, .form-sort h4, .form-sort h5, .form-sort h6 { margin: 0 4px 12px 0; border-left: 12px solid var(--blank); font-size: 15px; } .form-sort > p { width: 20%; margin: 0 0 12px; border-left: 12px solid var(--blank); } .form-sort > p > a, .list-select > li.more > a { display: block; overflow: hidden; padding-top: 0; padding-right: 30px; padding-bottom: 0; background-color: var(--alabaster); color: var(--black); font-weight: 700; line-height: 44px; text-transform: uppercase; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .form-sort > p.toggle > a, .list-select.toggle > li.more > a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiA1Ij48cGF0aCBkPSJNNC4xLDBMMC4yLDMuOUMwLDQuMywwLDQuNywwLjIsNC44UzAuOCw1LDEsNC44bDMuNC0zLjNsMy41LDMuNGMwLjMsMC4yLDAuNywwLjIsMC45LDBDOSw0LjcsOSw0LjMsOC44LDRsLTQtMy45IEM0LjcsMCw0LjYsMCw0LjQsMEM0LjMsMCw0LjEsMCw0LjEsMHoiLz48L3N2Zz4=); } .form-sort .blank { width: auto; } .form-sort .blank select, .form-sort .blank .semantic-select .input { border-color: var(--blank); } .form-sort .blank .semantic-select.active .input { border-top-color: var(--mercury); border-right-color: var(--mercury); border-left-color: var(--mercury); } .form-sort select, .form-sort .semantic-select .input, .form-sort > p > a, .list-select > li > a, .list-select select, .list-select .semantic-select .input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiA1Ij48cGF0aCBkPSJNNC40LDUuMWMwLjIsMCwwLjMtMC4xLDAuNC0wLjJMOC44LDFjMC4yLTAuMiwwLjItMC42LDAtMC45Yy0wLjItMC4yLTAuNi0wLjItMC45LDBMNC40LDMuNUwxLDAuMkMwLjgsMCwwLjQsMCwwLjIsMC4yCWMtMC4yLDAuMi0wLjIsMC42LDAsMC45TDQuMSw1QzQuMSw1LDQuMyw1LjEsNC40LDUuMXoiLz48L3N2Zz4=); font-size: 1em; } #root .form-sort .semantic-select ul li, #root .list-select .semantic-select ul li { font-size: 1em; } .form-sort .semantic-select .ul { top: 100%; } .form-sort .semantic-select ul, .list-select .semantic-select ul { top: 100%; padding-bottom: 6px; box-shadow: none; border-top-width: 0; } .form-sort .semantic-select ul li, .list-select .semantic-select ul li { padding: 0; } .form-sort .semantic-select ul li a, .list-select .semantic-select ul li a { padding: 10px 5px 10px 25px; font-weight: 400; } .form-sort .nav-pagination { margin: 0 auto; } .form-sort .nav-pagination ol, .form-sort .nav-pagination ul { margin-bottom: 12px; } .form-sort .list-view { margin-bottom: 12px; margin-left: 12px; } .form-sort > p + .list-view { margin-left: 15px; } .form-sort > p.text-right { margin-left: auto; text-align: left; } hr + .form-sort { margin-top: -30px; } header + .form-sort, header + .form-sort + .form-sort-spacer[style] { margin-top: -10px; } .form-sort.scroll-to-fixed-fixed { z-index: 1001 !important; } .form-welcome { position: relative; padding-left: 527px; line-height: 1.5333333333; } .form-welcome figure { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; width: 465px; margin: 0; } .form-welcome p { } .form-welcome h1, .form-welcome h2, .form-welcome h3, .form-welcome h4, .form-welcome h5, .form-welcome h6 { margin: 0 0 11px; font-size: 46px; line-height: 1.1; text-transform: uppercase; } .form-welcome h1 span, .form-welcome h2 span, .form-welcome h3 span, .form-welcome h4 span, .form-welcome h5 span, .form-welcome h6 span { display: block; margin: 41px 0 3px; font-size: 0.6086956522em; } .form-welcome input { height: 34px; margin: 48px 0 25px; padding: 0; border-width: 0; border-bottom-width: 1px; border-color: var(--black); font-size: 1em; } .form-welcome ::-webkit-input-placeholder { color: var(--chalice); } .form-welcome :-ms-input-placeholder { color: var(--chalice); } .form-welcome ::-ms-input-placeholder { color: var(--chalice); } .form-welcome ::placeholder { color: var(--chalice); } .form-welcome button { float: none; width: 100%; padding-top: 20px; padding-bottom: 20px; } .form-welcome button ~ a { display: block; margin: 19px 0 0; color: var(--black); font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center; } .form-welcome.popup-a { position: fixed; padding-left: 0; } .form-welcome .box-inner { width: 970px; } .form-welcome .box-inset { padding: 78px 62px 45px 527px; } /*! Helpers --------- */ *, *:before, *:after { transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; transform-origin: center center; } #cookie, #cart, #login, #mobile, .list-brands img, .list-tags a:before, .link-btn a:before, .list-btn a:before, button:before, .list-news img, a.btn:before, .list-collection ul.label li.btn a span, .list-slider ul.label li.btn a span, .list-product ul.label li.btn a span, .popup-a .close, .module-product-sticky, .module-quickshop, .module-quickshop header, .module-product-bar, .list-featured figure a, .list-news figure a, .semantic-number a:after { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } .owl-height { transition: height .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } body, #root { transition: padding .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } option, .semantic-select .input, .fancybox-stage *, .tabs-b > div > * { transition: none; } .clear { clear: both; overflow: hidden; width: 100%; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em, #cookie a.close:after, .ui.dropdown .select, .nav-breadcrumbs li:last-child:before, .input-inline label, .form-newsletter label, .heading-wide label, .list-social span, .list-cart p span.text-right:before, .list-cart ul li:before, .list-cart li:first-child:before, #root .list-tags a.close:before, #root .list-tags a.close:after, #footer .double:after, .form-inline label, .list-collection label, .form-welcome label, .form-filter li input, .js .ui-slider-a p, .list-filters li.strong a:before, .form-sort label, .list-view a span, .form-sort + .form-sort:before, .semantic-select ul a span, .form-filter > .header:first-child:before, #root .list-select .semantic-select ul a:before, .list-select ul input, .list-select > li.toggle.is-checked > a:before, .list-select .head label span, .check-color input, .check-box input, .check input, #root .list-comments.a .rating-a .label, .module-quickshop header:after { position: absolute; left: -30000px; top: 0; right: auto; bottom: auto; } .semantic-select ul li.hidden, .js .ui-slider-a p.legend, .semantic-select ul a span.inner { position: relative; left: 0; top: 0; } [hidden], template, .hidden-elements, #mobile, #nav > ul > li.sub > a:before, #root #nav > ul > li.sub > a.toggle:before, #nav > ul > li > a.toggle:after, #top > form label, #top > form button:after, #nav > ul > li > div, #top > .menu, #root #nav li.search > a:after, .list-comments li.hidden, #root #nav li.cart > a:after, #root .owl-carousel .disabled, .owl-nav button:before, .owl-dots button:before, .list-news .owl-dots, .form-cart button.clone, #root .semantic-number a:before, .form-filter > h1:first-child, .form-filter > h2:first-child, .form-filter > h3:first-child, .form-filter > h4:first-child, .form-filter > h5:first-child, .form-filter > h6:first-child, #root .link ~ p, #root .form-sort .semantic-select ul li a:before, #root .semantic-select ul li.hidden.active, .list-collection li.three, .list-collection[data-layout="icon-grid-3"] li.wide, .form-sort:after, .form-sort:before, #root .semantic-select ul li.hidden:first-child, .list-collection .owl-dots, .form-filter > .close, #root .form-filter > .header:first-child a, .form-filter .submit, #root .list-select li.more ~ li, .list-select li.is-checked.toggle > a span, .tabs-header, .list-product ul.label li.btn a:before, .list-product ul.label li.btn a:after, .heading-rating .header a.toggle, .list-comments.a a.toggle, .list-brands.a li:before, .form-product .fieldset:after { display: none; } .module-product .spacer { display: none !important; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, #nav > ul > li.sub.lang > a:before, .search-active #top > form, [data-whatintent="mouse"] #nav > ul > li:hover > ul, #root #nav > ul > li.lang.toggle > ul, #nav > ul > li.toggle > ul, [data-whatintent="mouse"] #nav > ul > li.has-div:hover ~ .shadow, #nav > ul > li.has-div.toggle ~ .shadow, #footer .lang.toggle ul, .list-brands a, .list-brands img, .list-comments a.more, .list-usp .strong, [data-whatintent="mouse"] .list-collection li:hover form, #root .link.toggle ~ p, .list-collection[data-layout="icon-grid-3"] li.three, .form-sort.scroll-to-fixed-fixed:after, .form-sort.scroll-to-fixed-fixed:before, .mobile #root .list-collection form, .list-select > li.toggle.is-checked div p, .list-select li.toggle > div, #root .list-select.toggle li.more ~ li, .mobile .list-collection form, .list-slider img { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 52px 0 46px; padding: 0; border: 0; border-top: 1px solid var(--mercury); background: none; font-size: 0; } header + hr { margin-top: -17px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .gui-page-title:first-child, .gui-content-title:first-child, form p > span.overlay-c:first-child, .list-social.a:first-child, .list-comments:first-child, header p + h1, header p + h2, header p + h3, header p + h4, header p + h5, header p + h6, .module-border:first-child, #root .list-news figure + p, .list-news:first-child, .module-news:first-child, .module-news .list-news, .list-tags + *, .list-featured:first-child, .list-featured + hr, .heading-wide:first-child, .nav-breadcrumbs + *, .form-filter li:first-child, .form-filter nav ul li:first-child, #root .m0 + *, #root .m20 + *, .form-filter p, .module-product .s13:first-child, .form-product .s13:first-child, .module-product .list-usp:first-child, .form-product .list-usp:first-child, .tabs-a:first-child, .module-product-sticky .link-btn:first-child, .heading-rating .rating-a:first-child, .heading-rating:first-child, .module-product-bar p.price:first-child, .tabs-a .list-social:first-child, .heading-rating .link-btn:first-child, .module-wide:first-child, .list-catalog:first-child, header + .list-news, .module-featured:first-child, .list-collection.aside li.aside figure, .module-aside:first-child, .form-sort.scroll-to-fixed-fixed { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, #footer nav > .double > *, #top > form p, .list-cart li:last-child, #cart .list-cart, .list-collection .img figure, .list-collection form p, .form-sort .list-select, .popup-a .module-product, .module-wide header { margin-bottom: 0; } .form-sort .list-select, .nav-pagination .next, .form-sort .nav-pagination + .text-right { margin-left: 0; } #nav > ul + ul > li:last-child, #login .link-btn, #cookie a:last-child, .module-featured .list-inline li:last-child, .nav-pagination .prev { margin-right: 0; } header p + h1, header p + h2, header p + h3, header p + h4, header p + h5, header p + h6 { margin-top: -26px; } #root .m5, .module-news .list-news h1, .module-news .list-news h2, .module-news .list-news h3, .module-news .list-news h4, .module-news .list-news h5, .module-news .list-news h6 { margin-bottom: 5px; } #root .m10 { margin-bottom: 10px; } #root .m20, #login footer p, .module-product .list-social.b, .form-product .list-social.b, .form-sort-spacer { margin-bottom: 20px; } #root .m25 { margin-bottom: 25px; } header { margin-bottom: 35px; } #root .m55 { margin-bottom: 55px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--azure); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--azure); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .list-collection figure .owl-dots, .module-aside, .list-big, .module-featured article, .list-feed ul, .list-catalog, .module-wide, .list-inline, .tabs-b > nav ul, .list-product .owl-dots, .module-product-bar, .list-collection li.empty, .module-quickshop header h1, .module-quickshop header h2, .module-quickshop header h3, .module-quickshop header h4, .module-quickshop header h5, .module-quickshop header h6, .module-quickshop header ul, .module-quickshop header, .module-product-sticky figure, .tabs-a > nav ul, .form-product .submit, .check-color, .check-box, .list-product, .list-checkout ul, .list-select > li.toggle.is-checked .head, .list-select, .list-slider .pager, .nav-pagination ol, .nav-pagination ul, .heading-wide, .list-view, .form-sort, .list-filters, .popup-a .box-outer, .list-collection form p, .list-collection, .form-inline p, .list-usp, .list-featured li > div, .list-featured li, .owl-dots, .list-news li, .list-news, .list-tags, .list-brands li, .list-brands, #mobile .gallery a, #mobile .lang a, #root #mobile .lang ul, #footer .lang p a, #footer .lang ul li a, #nav, .list-cart ul, #nav > ul > li > div ul.double, .list-gallery, #root #nav > ul > li.toggle > div, #root #nav > ul > li:hover > div, #nav > ul > li > ul li a, .list-social.a li, #nav > ul > li > a, #nav > ul, #footer .double, .list-social, .link-btn, #footer nav, .form-newsletter p, .input-inline, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .list-btn, .grid { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* wrap */ .list-big, .list-feed ul, .list-catalog, .list-inline, .tabs-b > nav ul, .list-product .owl-dots, .tabs-a > nav ul, .check-color, .check-box, .list-product, .list-checkout ul, .list-select .head, .list-select, .nav-pagination ol, .nav-pagination ul, .list-view, .form-sort, .list-filters, .list-collection, .owl-dots, .list-news, .list-tags, .list-brands, .list-cart ul, #nav > ul > li > div ul.double, .list-gallery, .list-social, .link-btn, #footer nav, .form-newsletter p, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .list-btn, .grid.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }/* nowrap */ #nav > ul > li > div > div .list-gallery, .grid.nowrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* direction-row */ .grid, .grid.row-orient { -webkit-flex-direction: row; flex-direction: row; } /* direction-row-rev */ .list-featured li:nth-child(2n) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* direction-col */ .module-featured article, .module-wide, .module-product-bar, .list-collection li.empty, .list-slider .pager, .heading-wide, .list-featured li > div, .list-news li, .list-social.a li, .grid.column-orient { -webkit-flex-direction: column; flex-direction: column; } /* justify-start */ .grid.justify-start { -webkit-justify-content: flex-start; justify-content: flex-start; } /* justify-center */ .list-big li.wide .list-inline, .module-featured article, .list-feed ul, .module-wide, .text-center .list-inline, .text-center.list-inline, .tabs-b > nav ul, .list-btn.a, .list-product .owl-dots, .module-product-bar, .list-collection li.empty, .module-product-sticky figure, .nav-pagination ol, .nav-pagination ul, .heading-wide, .popup-a .box-outer, .link-btn.text-center, .list-featured li > div, .owl-dots, .list-brands li, #footer .lang p a, #nav, .list-social.a li, #nav > ul, .form-newsletter p, .grid.justify-center { -webkit-justify-content: center; justify-content: center; } /* justify-end */ #nav > ul + ul, .grid.justify-end, .grid.bottom, .text-right .list-inline, .text-right.list-inline { -webkit-justify-content: flex-end; justify-content: flex-end; } /* justify-space */ .module-quickshop header, .form-filter .submit, .list-usp, #nav > ul > li > div, #footer .double, #footer .list-social, #footer nav, .grid.justify-space { -webkit-justify-content: space-between; justify-content: space-between; } /* justify-space-around */ .grid.justify-space-around { -webkit-justify-content: space-around; justify-content: space-around; } /* align-i-start */ .list-collection, #nav, .grid.start { -webkit-align-items: flex-start; align-items: flex-start; } /* align-i-center */ .list-feed ul, .list-collection li.empty, .module-quickshop header h1, .module-quickshop header h2, .module-quickshop header h3, .module-quickshop header h4, .module-quickshop header h5, .module-quickshop header h6, .module-quickshop header ul, .module-quickshop header, .module-product-sticky figure, .nav-pagination ul, .nav-pagination ol, .form-sort, .popup-a .box-outer, #mobile .gallery a, #mobile .lang a, #root #mobile .lang ul, #footer .lang ul li a, #nav > ul > li > ul li a, #nav > ul > li > a, #footer .double, .grid.center { -webkit-align-items: center; align-items: center; } /* align-i-end */ .module-aside, .list-brands li, .grid.bottom { -webkit-align-items: flex-end; align-items: flex-end; } /* align-i-stretch */ .list-big, .list-featured li, .list-news, .list-brands, .grid.stretch { -webkit-align-items: stretch; align-items: stretch; } /* align-i-baseline */ .grid.baseline { -webkit-align-items: baseline; align-items: baseline; } /* align-c-center */ .grid.center { -webkit-align-content: center; align-content: center; } /* align-c-end */ .grid.bottom { -webkit-align-content: flex-end; align-content: flex-end; } /* align-s-start */ .grid-cell.start { -webkit-align-self: flex-start; align-self: flex-start; } /* align-s-center */ .grid-cell.center, .grid.center-nonText, .grid-cell.center-nonText { -webkit-align-self: center; align-self: center; } /* align-s-end */ .grid-cell.end, .grid-cell.right { -webkit-align-self: flex-end; align-self: flex-end; } /* align-s-stretch */ .grid-cell.stretch { -webkit-align-self: stretch; align-self: stretch; } /* basis 0 */ .list-slider .pager li, .tabs-a > nav ul li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* grow 0 */ .grid-cell.grow0, .grid-cell.noflex { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } /* grow 2 */ .grid-cell.grow2, .grid-cell.double-size { -webkit-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; } /* grow 3 */ .list-slider .pager li, .tabs-a > nav ul li, .form-product button, .form-sort .list-select, .list-slider .paager li, .form-inline input, .grid-cell.grow3 { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icomoon.woff2') format('woff2'), url('icomoon.woff') format('woff'), url('icomoon.ttf') format('truetype'); } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bag:before { content: "\e932"; } .icon-blog:before { content: "\e93c"; } .icon-box:before { content: "\e95f"; } .icon-calendar:before { content: "\e933"; } .icon-cart:before { content: "\e935"; } .icon-cart-plus:before { content: "\e934"; } .icon-chart:before { content: "\e92e"; } .icon-chat:before { content: "\e92f"; } .icon-check:before { content: "\e930"; } .icon-check-circle:before { content: "\e931"; } .icon-checklist:before { content: "\e93b"; } .icon-check-rounded:before { content: "\e92a"; } .icon-chevron-down:before { content: "\e92b"; } .icon-chevron-left:before { content: "\e92c"; } .icon-chevron-right:before { content: "\e92d"; } .icon-chevron-thin-down:before { content: "\e95d"; } .icon-chevron-thin-left:before { content: "\e95e"; } .icon-chevron-thin-right:before { content: "\e95c"; } .icon-chevron-thin-up:before { content: "\e95b"; } .icon-chevron-up:before { content: "\e926"; } .icon-circle-outline:before { content: "\e93e"; } .icon-credit-cards:before { content: "\e927"; } .icon-decrease-count:before { content: "\e928"; } .icon-decrease-down:before { content: "\e922"; } .icon-decrease-up:before { content: "\e929"; } .icon-document:before { content: "\e923"; } .icon-documents:before { content: "\e924"; } .icon-download:before { content: "\e953"; } .icon-edit:before { content: "\e925"; } .icon-envelope:before { content: "\e91e"; } .icon-euro:before { content: "\e91f"; } .icon-facebook:before { content: "\e920"; } .icon-facebook-circle:before { content: "\e95a"; } .icon-facebook-square:before { content: "\e921"; } .icon-facebook-square-fill:before { content: "\e93d"; } .icon-google-plus:before { content: "\e952"; } .icon-grid:before { content: "\e948"; } .icon-grid-3:before { content: "\e958"; } .icon-grid-4:before { content: "\e959"; } .icon-heart:before { content: "\e91a"; } .icon-heart-outline:before { content: "\e91b"; } .icon-id:before { content: "\e91c"; } .icon-increase-down:before { content: "\e91d"; } .icon-increase-up:before { content: "\e916"; } .icon-info:before { content: "\e917"; } .icon-instagram:before { content: "\e918"; } .icon-linkedin:before { content: "\e951"; } .icon-linkedin2:before { content: "\e94d"; } .icon-list:before { content: "\e949"; } .icon-lock:before { content: "\e919"; } .icon-logo:before { content: "\e957"; } .icon-menu:before { content: "\e912"; } .icon-messenger:before { content: "\e913"; } .icon-minus:before { content: "\e914"; } .icon-minus-thin:before { content: "\e915"; } .icon-paper-plane:before { content: "\e93a"; } .icon-pencil:before { content: "\e90e"; } .icon-pencil-ruler:before { content: "\e947"; } .icon-phone:before { content: "\e90f"; } .icon-pin:before { content: "\e910"; } .icon-pinterest:before { content: "\e911"; } .icon-pinterest-circle:before { content: "\e956"; } .icon-plus:before { content: "\e90a"; } .icon-plus-thin:before { content: "\e90b"; } .icon-pointer:before { content: "\e90c"; } .icon-refresh:before { content: "\e90d"; } .icon-rss:before { content: "\e945"; } .icon-service:before { content: "\e954"; } .icon-settings:before { content: "\e906"; } .icon-skype:before { content: "\e950"; } .icon-smile:before { content: "\e907"; } .icon-snapchat:before { content: "\e94f"; } .icon-star:before { content: "\e909"; } .icon-star-circle:before { content: "\e908"; } .icon-tools:before { content: "\e939"; } .icon-trash:before { content: "\e902"; } .icon-triangle-down:before { content: "\e943"; } .icon-triangle-left:before { content: "\e940"; } .icon-triangle-right:before { content: "\e941"; } .icon-triangle-up:before { content: "\e942"; } .icon-truck:before { content: "\e903"; } .icon-tumblr:before { content: "\e94b"; } .icon-twitter:before { content: "\e904"; } .icon-twitter-circle:before { content: "\e955"; } .icon-upload:before { content: "\e905"; } .icon-user:before { content: "\e938"; } .icon-user-outline:before { content: "\e937"; } .icon-vimeo:before { content: "\e94c"; } .icon-whatsapp:before { content: "\e94a"; } .icon-x:before { content: "\e93f"; } .icon-x-circle:before { content: "\e946"; } .icon-x-circle-outline:before { content: "\e900"; } .icon-x-small:before { content: "\e944"; } .icon-x-thin:before { content: "\e901"; } .icon-youtube:before { content: "\e94e"; } .icon-zoom:before { content: "\e936"; } /* Animations --------- */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Animations --------- */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); } } /* Responsive --------- */ @media only screen and (max-width: 84.375em) { /* 1350 */ #top, #content, #footer, .module-quickshop, .popup-a .box-inner, .module-featured article > * { width: 1180px; } #top, .module-quickshop { margin-left: -590px; } .list-checkout { } .list-checkout li { padding-right: 300px; padding-left: 140px; padding-top: 8px; } .list-checkout p { right: 0; top: 22px; width: 290px; padding-bottom: 32px; } .list-checkout p label { margin-bottom: 4px; } .list-checkout h1, .list-checkout h2, .list-checkout h3, .list-checkout h4, .list-checkout h5, .list-checkout h6, .list-checkout ul, .list-checkout p { margin-bottom: 20px; } .list-checkout .price { position: relative; top: 0; padding-bottom: 0; text-align: left; } .list-checkout .price span { display: inline; margin-right: 4px; padding: 0; } .list-checkout p span { margin-top: 14px; } .list-collection.aside { padding-right: 598px; } .list-collection.aside li.aside { width: 598px; } .list-collection.compact { } .list-collection.compact li { width: 16.6666666667%; } .list-featured { } .list-featured figure { min-width: 630px; margin-right: 40px; } .list-featured li:nth-child(2n) figure { margin-left: 40px; } .list-feed { margin-left: calc(-50vw + 590px); margin-right: calc(-50vw + 590px); } .list-feed li { width: 20%; } .module-aside { padding-right: 440px; } .module-aside figure { position: relative; left: 120px; width: calc(100% + 120px); margin-left: -120px; } .module-aside > div { left: 0; width: 440px; margin-right: -440px; } .form-sort { } .form-sort p > a { text-transform: none; } .form-sort p.text-right { min-width: 185px; } .form-sort .nav-pagination li { margin: 0 6px; } .list-checkout .price { -webkit-transform: none; transform: none; } .list-feed li:nth-child(n+6) { display: none; } } @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer, .module-quickshop, .popup-a .box-inner, .module-featured article > * { width: 980px; } #top, .module-quickshop { margin-left: -490px; } #top { } #nav > ul > li, #nav > ul + ul > li { margin-right: 22px; } #footer { } #footer > p { text-align: left; } .cols-a { padding-left: 300px; } .cols-a > header:first-child, .cols-a > aside { width: 270px; margin-left: -300px; } .cols-c { padding-left: 270px; } .cols-c > header:first-child, .cols-c > aside { width: 240px; margin-left: -270px; } .list-big { } .list-big li.wide > div { bottom: 33px; width: 390px; margin-left: -195px; } .list-big li.wide h1, .list-big li.wide h2, .list-big li.wide h3, .list-big li.wide h4, .list-big li.wide h5, .list-big li.wide h6 { font-size: 3.6em; } .list-brands { } .list-brands li { width: 20%; } .list-checkout { } .list-checkout li { padding-right: 0; padding-bottom: 12px; } .list-checkout h1, .list-checkout h2, .list-checkout h3, .list-checkout h4, .list-checkout h5, .list-checkout h6, .list-checkout p, .list-checkout p label { margin-bottom: 10px; } .list-checkout p { position: relative; right: 0; top: 0; width: auto; padding: 0; } [class*="cols"] .list-collection li { width: 33.33333333%; } .list-collection.aside { padding-right: 503px; } .list-collection.aside li.aside { width: 503px; } .list-collection.compact { } .list-collection.compact li { width: 20%; } .list-featured { } .list-featured figure { min-width: 560px; } .list-featured p a:first-child:last-child { margin-top: 0; } .list-feed { margin-left: calc(-50vw + 490px); margin-right: calc(-50vw + 490px); } .list-feed li { width: 25%; } .list-product { margin-left: -15px; } .list-product li { margin-bottom: 15px; border-left-width: 15px; } .form-filter { } .form-filter nav { padding: 0; } .form-sort { } .form-sort:after { left: -257px; } .form-sort h1, .form-sort h2, .form-sort h3, .form-sort h4, .form-sort h5, .form-sort h6 { margin-right: 0; } .form-sort .blank { margin-left: -10px; margin-right: -10px; } [class*="cols"] .list-collection li.wide.three { display: block; } #footer .lang, .cols-b > .form-cart button.clone, .list-view, [class*="cols"] .list-collection li.wide, .list-feed li:nth-child(n+5), .list-brands.a li:nth-child(n+6) { display: none; } } @media only screen and (max-width: 63.750em) { /* 1020 */ #cookie { left: 50%; width: 720px; margin-left: -360px; padding-top: 15px; } #cookie .text { display: block; } #cookie .link { display: block; padding: 10px 0 0; } #cookie .link a { margin: 0 15px; } } @media only screen and (max-width: 75em) and (min-width: 62.5em) { /* 1200 */ .popup-a { } .popup-a .box-inset { padding: 33px 33px 5px; } .popup-a .list-slider { margin-bottom: 14px; } #root .popup-a .list-slider .pager { overflow: hidden; position: relative; left: 0; width: auto; margin: 0 0 0 -15px; padding: 0; } #root .popup-a .list-slider .pager li { float: left; max-width: none; margin: 0 0 15px; padding: 15px 0 0; border-left: 15px solid var(--blank); } #root .popup-a .list-slider .pager li img { width: 100% !important; height: auto !important; } #root .popup-a .list-slider .pager { -webkit-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 62.5em) { /* 1000m */ .center #root { padding-top: 178px; } .center #top { height: 178px; } .center #top #logo { left: 50%; top: 85px; bottom: auto; height: 30px; margin-left: -90px; } .center #top #logo:before { text-align: center; } .center #nav { height: 41px; padding: 0; } .center #nav > ul { margin: 0; } .center #nav > ul > li { padding-bottom: 12px; } .search-active.center #nav > ul:first-child, .search-active.center #nav > ul > li.search { display: none; } .center #nav > ul + ul { position: absolute; left: 0; right: 0; top: -52px; bottom: auto; height: 30px; } .center #nav > ul + ul > li { height: 61px; padding-bottom: 32px; } .center #nav > ul + ul > li.search { position: absolute; left: 0; top: 0; } .center #top > form { top: auto; bottom: 0; padding-bottom: 4px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer, .module-quickshop, .popup-a .box-inner, .module-featured article > * { width: 720px; } #top, .module-quickshop { margin-left: -360px; } #top { } #top #logo { left: 50%; top: 85px; bottom: auto; height: 30px; margin-left: -90px; } #top #logo:before { text-align: center; } #nav { display: block; left: auto; padding: 0 0 5px; } #top > .menu { display: block; position: absolute; left: 0; top: 55px; bottom: 0; width: 30px; color: var(--black); font-size: 18px; text-indent: -3000em; text-align: left; text-decoration: none; } #top > .menu:before { content: "\e912"; text-align: left; } #mobile, .cols-c > aside, .cols-c > header:first-child { display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; width: 100%; max-width: 320px; background: var(--white); line-height: 1.2; } #mobile, .cols-c > aside, .cols-c > header:first-child { -webkit-transform: translateX(-100%); transform: translateX(-100%); } #mobile { overflow-y: auto; overflow-x: hidden; } .menu-active #mobile, .filter-active .cols-c > aside, .filter-active .cols-c > header:first-child, .filter-active .form-filter .submit { -webkit-transform: none; transform: none; } #mobile ul { overflow: hidden; z-index: 3; list-style: none; margin: 0; padding: 0; } #mobile li { overflow: hidden; position: relative; margin: 0; font-size: 14px; } #mobile a, #mobile li.header > span, #mobile .gallery a.back, .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { display: block; overflow: hidden; position: relative; z-index: 1; padding: 16.5px 20px; border: 0 solid var(--mercury); border-top-width: 1px; color: var(--black); font-weight: 400; font-size: 14px; line-height: 1.2; text-decoration: none; text-align: left; text-overflow: ellipsis; white-space: nowrap; } #mobile a.toggle { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; padding: 0; border-width: 0; } #mobile .title { display: block; padding: 16.5px 20px; font-size: 14px; } #mobile .close, .form-filter > .close { display: block; position: absolute; right: 0; top: 0; z-index: 99 !important; width: 47px; height: 50px; padding: 0; border-width: 0; color: var(--cod); font-size: 13px; text-indent: -3000em; } #mobile .close:before, .form-filter > .close:before { content: "\e93f"; } #mobile .back, #mobile ul ul a, #mobile .gallery a.back { padding-left: 40px; } #root #mobile a.back { border-top-width: 0; } #mobile .back:before { content: "\e92c"; left: 20px; width: auto; font-size: 9px; } #mobile li.header > span { font-weight: 700; } #mobile ul ul { } #mobile ul { z-index: 3; } #mobile ul ul { z-index: 4; } #mobile ul ul ul { z-index: 5; } #mobile ul ul ul ul { z-index: 6; } #mobile ul ul ul ul { z-index: 7; } #mobile .lang { padding-left: 10px; border-top: 1px solid var(--mercury); } #mobile .lang a { height: 50px; padding: 0 10px; border-width: 0; } #mobile .gallery { } #mobile .gallery li { font-weight: 14px; } #mobile .gallery li.header > span { margin-bottom: 12px; border-bottom: 1px solid var(--mercury); } #mobile .gallery a { padding: 23px 20px; border-width: 0; font-weight: 700; } #mobile .gallery img { width: 70px !important; margin: 0 20px 0 0; } #mobile ul ~ ul.gallery { padding-top: 12px; border-top: 1px solid var(--mercury); } .menu-active #shadow, .filter-active #shadow { visibility: visible; opacity: 1; } #content { } #content.has-filter { position: static; } #content > *:last-child { margin-bottom: 75px; } #content > .cols-a:last-child, #content > .cols-b:last-child, #content > .cols-c:last-child, #content > .list-news:last-child, #content > .module-news:last-child, #content > .list-collection:last-child { margin-bottom: 47px; } #footer { } #footer nav > * { min-width: 0; } #root .cols-a .double > * { float: none; width: auto; } .cols-b { padding-right: 330px; } .cols-b > header:first-child { margin-right: -330px; padding-right: 330px; } .cols-b > aside, .cols-b > header:first-child .link-btn { width: 300px; margin-right: -330px; } .cols-c { padding-left: 0; } #root .cols-c > * { float: none; width: auto; margin-left: 0; } .cols-c > * { position: relative; z-index: 3; } .cols-c > header:first-child, .cols-c > aside { overflow: hidden; max-width: 375px; padding-bottom: 0; } .cols-c > header:first-child > .form-filter, .cols-c > aside > .form-filter { position: static; width: 100%; height: 100%; } .cols-c > header:first-child > .form-filter > .inner, .cols-c > aside > .form-filter > .inner { overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 87px; padding: 0 20px; } .list-brands { } .list-brands li, .list-collection li, .list-collection.compact li, .list-collection.aside li, .list-product li, .list-feed li { width: 33.333333333%; } .list-big { margin-bottom: 18px; margin-left: -15px; } .list-big li { border-left-width: 15px; } .list-big figure { margin-bottom: 11px; } .list-big p { margin-bottom: 2px; font-size: 1.3em; } .list-big h1, .list-big h2, .list-big h3, .list-big h4, .list-big h5, .list-big h6 { margin-bottom: 8px; font-size: 1.5em; } .list-big li.wide > div { bottom: 0; width: 272px; margin-left: -136px; } .list-big li.wide h1, .list-big li.wide h2, .list-big li.wide h3, .list-big li.wide h4, .list-big li.wide h5, .list-big li.wide h6 { margin-bottom: 9px; font-size: 2.5em; } .list-btn { } .list-btn li { font-size: 15px; } .list-btn a { padding: 9px 14px; } .list-btn.a { margin-bottom: 25px; } .link-btn.scroll-to-fixed-fixed { position: relative; z-index: 2; } .link-btn.scroll-to-fixed-fixed:before { content: ""; display: block; position: absolute; left: -3000em; right: -3000em; top: -10px; bottom: -2px; z-index: -1; background: var(--white); } .list-checkout { } .list-checkout li { padding-left: 0; } .list-checkout figure { position: relative; top: 0; float: left; margin: 0 20px 20px 0; } .list-collection, .list-catalog { margin-left: -15px; } .list-collection li, .list-catalog li { border-left-width: 15px; } .list-collection.aside { padding-right: 0; } .list-collection.aside li.aside, .list-collection.aside li.aside figure { position: relative; bottom: 0; width: 100%; margin: 0; } .list-collection.aside li.aside { margin-bottom: 15px; } .list-comments { margin: 35px 0; } .list-comments li, .list-comments.a li { min-height: 0; padding: 20px; } .list-comments li:before, .list-comments.a li:before { left: 0; top: 25px; bottom: 25px; } .list-comments li:first-child { margin-top: -29px; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6, .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { position: relative; z-index: 2; float: none; width: auto; min-height: 94px; margin: 0 -20px 20px; padding: 17px 20px 17px 100px; } .list-comments img { top: 0; } .list-comments h1:before, .list-comments h2:before, .list-comments h3:before, .list-comments h4:before, .list-comments h5:before, .list-comments h6:before, .list-comments h1:before, .list-comments h2:before, .list-comments h3:before, .list-comments h4:before, .list-comments h5:before, .list-comments h6:before { content: ""; display: block !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; border-bottom: 1px solid var(--mercury); background: var(--white); } .list-comments.a { } .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { min-height: 0; padding: 0 0 20px; } .list-featured { } .list-featured li { margin-bottom: 10px; } #root .list-featured figure { min-width: 0; width: 100%; margin-left: 0; margin-right: 0; } .list-feed { margin-left: calc(-50vw + 360px); margin-right: calc(-50vw + 360px); } .list-news { } .list-news li { width: 50%; } .list-slider { } .list-slider .pager { width: 150px; } .list-slider .pager img { height: auto !important; max-height: 100% !important; } .module-aside { display: block; padding-right: 0; } #root .module-aside > * { left: 0; float: none; width: auto; margin-right: 0; margin-left: 0; } .module-aside img { min-height: 0; } .module-aside > div { padding-top: 30px; } .module-news { padding-left: 0; } .module-news header { float: none; width: auto; margin-left: 0; padding-right: 0; } .module-product { padding-right: 0; } .module-product > *, .module-product > *:first-child { float: none; width: auto; margin-right: 0; } .popup-a .module-product > .list-slider { margin-bottom: 0; } #root .module-product > div { position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; float: none; width: auto; margin-right: 0; padding-bottom: 0; } .module-product-bar { } .module-product-bar .link-btn a { min-width: 268px; padding-top: 14px; padding-bottom: 14px; } .module-quickshop { } .module-quickshop header h1, .module-quickshop header h2, .module-quickshop header h3, .module-quickshop header h4, .module-quickshop header h5, .module-quickshop header h6 { font-size: 1.5em; } .module-quickshop header h1 a, .module-quickshop header h2 a, .module-quickshop header h3 a, .module-quickshop header h4 a, .module-quickshop header h5 a, .module-quickshop header h6 a { margin-left: 15px; font-size: 0.8666666667em; } .module-quickshop header ul li { margin-left: 25px; font-size: 1.3em; } .tabs-b { } .tabs-b > nav ul { margin-bottom: 30px; } .tabs-c { margin-bottom: 18px; } .ui-slider-a { margin-bottom: 28px; } .form-cart { padding-bottom: 15px; background-size: auto 20px; } .form-cart button, .form-cart a.btn { min-width: 0; padding-left: 20px; padding-right: 20px; } .form-comment.a { } .form-comment.a input { float: none; max-width: none; } .form-filter { } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { margin: 0; padding-left: 0; } .form-filter > h1:first-child, .form-filter > h2:first-child, .form-filter > h3:first-child, .form-filter > h4:first-child, .form-filter > h5:first-child, .form-filter > h6:first-child, .form-filter > .inner > h1:first-child, .form-filter > .inner > h2:first-child, .form-filter > .inner > h3:first-child, .form-filter > .inner > h4:first-child, .form-filter > .inner > h5:first-child, .form-filter > .inner > h6:first-child { margin: 0 -20px -1px; padding: 16px 40px 16px 20px; border-top-width: 0; border-bottom-width: 1px; font-size: 15px; font-weight: 700; } .form-filter .header:before { content: "\e92b"; } #root .form-filter .header.mobile-toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .form-filter .header.mobile-toggle { margin-bottom: 6px; } .form-filter p { margin: 0; } .form-filter ul { overflow: visible; max-height: none; margin: 0; padding: 0 0 17px; } .form-filter ul li { font-size: 14px; } .form-filter .semantic-select ul { display: block; overflow: visible; position: relative; left: 0; right: 0; top: 0; max-height: none; margin: -11px 0 0; padding: 0 0 12px; box-shadow: none; border-width: 0; background: none; } #root .form-filter .semantic-select li { margin: 1px 0 0; background: none; font-size: 14px; } #root .form-filter .semantic-select li a { padding: 9px 0; } #root .form-filter .semantic-select li a * { color: var(--black); } #root .form-filter .semantic-select ul li.active a { padding-left: 20px; } #root .form-filter .semantic-select ul li.active a:before { left: 0; } .form-filter .submit { display: block; position: relative; z-index: 9999 !important; width: 100%; height: 87px; max-width: 375px; padding: 0; border: 20px solid var(--white); } .form-filter .submit button, .form-filter .submit a.btn { display: block; overflow: hidden; position: absolute; right: 0; top: 0; min-width: 0; width: calc(50% - 4px); margin: 0; padding: 15px 0; font-size: 14px; text-transform: none; text-overflow: ellipsis; white-space: nowrap; } .form-filter .submit a.btn { left: 0; right: auto; color: var(--dove); font-weight: 400; text-decoration: underline; } .form-filter .submit a.btn:after { border-color: var(--mercury); background: none; } .form-inline { } .form-inline input { width: calc(100% - 120px); } .form-inline button { min-width: 0; width: 120px; } .form-sort { } .form-sort select, .form-sort .semantic-select .input, .form-sort p, .form-sort p > a, .form-sort .semantic-select ul li { font-size: 14px; } .form-welcome { padding-left: 0; } .form-welcome .box-inset { padding: 43px 43px 15px; } .form-welcome .box-inner { width: 467px; } .form-cart .list-total + p, #root .form-filter .semantic-select li:first-child { margin-top: 0; } .form-filter .submit, .list-brands.a li:nth-child(n+6), .cols-c > header:first-child > .form-filter, .cols-c > aside > .form-filter { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cols-c > header:first-child > .form-filter, .cols-c > aside > .form-filter { -webkit-align-items: flex-end; align-items: flex-end; } .form-filter, .cols-c > header:first-child, .cols-c > aside, .form-filter .submit { transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1) 0s, transform .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } #root .form-filter .header:before { -webkit-transform: none; transform: none; } #nav > ul > li.search, #nav > ul > li.cart, #mobile.active > ul.ul-toggle, #mobile.active > ul.ul-toggle > li.toggle, #mobile li.toggle > ul, #mobile ul li a .img img, #mobile ul.ul-toggle > li.toggle, #root #mobile ul.ul-toggle > li.toggle, #mobile li.toggle > ul + ul, .list-featured li, .form-filter > h1:first-child, .form-filter > h2:first-child, .form-filter > h3:first-child, .form-filter > h4:first-child, .form-filter > h5:first-child, .form-filter > h6:first-child, #root .form-filter .header.mobile-toggle + * { display: block; } #nav > ul:first-child, #nav > ul > li, #mobile .gallery span, #mobile em, #mobile.active > ul, #mobile.active > ul > li, #mobile.active > ul.ul-toggle > li.toggle > a, #mobile.active > .title, #mobile ul ul, #root #mobile .lang > a, #root #mobile .lang > a.toggle, #root #mobile .lang .header, #root #mobile .lang span, #root #mobile ul.ul-toggle > li, #root #mobile ul.ul-toggle > li.sub > a, #root #mobile ul ~ ul.gallery li.header, #root #mobile ul.ul-toggle ~ .gallery, .list-comments.a h1:before, .list-comments.a h2:before, .list-comments.a h3:before, .list-comments.a h4:before, .list-comments.a h5:before, .list-comments.a h6:before, .list-news > li:nth-child(2n-1):last-child, .form-welcome figure, .form-sort:after, .form-filter figure, .form-filter nav, .form-filter > .hidden .form-filter > .inner > .hidden, .form-filter ul, .form-filter .ui-slider-a, .form-filter .semantic-select .input, #root .form-filter .semantic-select li.hidden, .form-filter .submit:after, .list-feed li:nth-child(n+4) { display: none; } #root .desktop-hide, #root .tablet-only, .form-filter > .hidden, .form-filter > .inner > .hidden, .form-filter .semantic-select .ul { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, #root .form-sort:after, .module-product:after { position: absolute; left: -30000px; top: -30000px; right: auto; bottom: auto; } } @media only screen and (min-width: 47.5em) { /* 760m */ #content.has-filter, #content.has-filter > .cols-c, #content.has-filter > .cols-c > * { position: static; } #content.has-filter > *, #content.has-filter > .cols-c > * > * { position: relative; z-index: 1; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top, #content, #footer, .module-featured article > * { width: auto; } #top, #content, #footer, #cart, #login, #root > .module-featured article { padding-left: 20px; padding-right: 20px; } body:after { width: 30px; height: 30px; margin: -15px 0 0 -15px; } #root { padding-top: 96px; } #top { left: 0 !important; right: 0 !important; width: auto !important; height: 96px; margin: 0 !important; } #top #logo { top: 45px; width: 130px; height: 50px; margin-left: -65px; } #top #logo:before { top: 0; margin: 0; font-size: 10px; line-height: 50px; } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 13px; } #nav { padding: 0 20px 0 0; } #nav > ul > li, #nav > ul + ul > li { margin-right: 18px; padding-bottom: 1px; } #nav > ul > li > a { height: 50px; } #nav > ul > li > a i { font-size: 15px; } #nav > ul > li > a i.icon-cart:Before { font-size: 19px; } #top > p { height: 45px; font-size: 13px; line-height: 45px; } #top > .menu { top: 45px; width: 60px; font-size: 13px; } #top > .menu:before { text-align: center; } #top > form { top: auto; bottom: 0; right: 40px; z-index: 999; margin: 0; } #top > form:before { left: 0; right: 0; } #top > form input { top: 0; height: 50px; padding: 0 50px; color: var(--black); font-size: 14px; } #top > form button { top: 0; height: 50px; font-size: 16px; } #top > form button:before { left: 20px; } #top > form > .close { top: 0; width: 50px; height: 50px; font-size: 13px; } #content { padding-top: 20px; } #content.has-filter { position: static; } #content > *:last-child { margin-bottom: 40px; } #content > .cols-a:last-child, #content > .cols-b:last-child, #content > .cols-c:last-child, #content > .list-news:last-child, #content > .module-news:last-child, #content > .list-collection:last-child { margin-bottom: 12px; } #content > .nav-breadcrumbs:first-child { margin-top: -6px; } #cookie { left: 0; right: 0; width: auto; margin-left: 0; padding-left: 20px; padding-right: 20px; } #cart { } #cart > h1, #cart > h2, #cart > h3, #cart > h4, #cart > h5, #cart > h6, #cart > .inner > h1, #cart > .inner > h2, #cart > .inner > h3, #cart > .inner > h4, #cart > .inner > h5, #cart > .inner > h6 { margin-bottom: 12px; } #cart .submit { border-width: 20px; } #footer { padding-top: 0; padding-bottom: 0; } #footer nav { display: block; margin: 0 0 20px; } #footer nav > *, #footer nav > .double { width: 100%; min-width: 0; margin: 0; border-left-width: 0; } #footer nav:before { left: -20px; right: -20px; } #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { margin: 0 -20px; padding: 13px 45px 13px 20px; } #footer nav h1:after, #footer nav h2:after, #footer nav h3:after, #footer nav h4:after, #footer nav h5:after, #footer nav h6:after { border: 0 solid rgba(0,0,0,.1); border-top-width: 1px; } #footer nav h1:before, #footer nav h2:before, #footer nav h3:before, #footer nav h4:before, #footer nav h5:before, #footer nav h6:before { content: "\e92b"; left: auto; right: 20px; width: auto; font-size: 5px; } #footer nav h1.toggle:before, #footer nav h2.toggle:before, #footer nav h3.toggle:before, #footer nav h4.toggle:before, #footer nav h5.toggle:before, #footer nav h6.toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #footer nav > *:first-child h1:after, #footer nav > *:first-child h2:after, #footer nav > *:first-child h3:after, #footer nav > *:first-child h4:after, #footer nav > *:first-child h5:after, #footer nav > *:first-child h6:after { border-top-width: 0; } #footer nav h1.toggle, #footer nav h2.toggle, #footer nav h3.toggle, #footer nav h4.toggle, #footer nav h5.toggle, #footer nav h6.toggle, .list-collection.aside li.aside, #footer ul { margin-bottom: 20px; padding-bottom: 14px; } #footer nav h1.toggle:after, #footer nav h2.toggle:after, #footer nav h3.toggle:after, #footer nav h4.toggle:after, #footer nav h5.toggle:after, #footer nav h6.toggle:after { border-bottom-width: 1px; } #footer .double { padding-top: 20px; } #footer .double:before { content: ""; display: block; position: absolute; left: -20px; right: -20px; top: 0; height: 1px; background: var(--black); opacity: .1; } #footer > form:first-child { top: 0; } #footer .list-social { margin-right: -16px; } #footer .list-social li { margin-right: 16px; } #footer > p { margin-bottom: 20px; padding-top: 8vw; background: url(payments.png) center 0 no-repeat; background-size: contain; text-align: center; } #root .link-btn.double a, #footer .link-btn li { width: calc(50% - 5px); } #root .link-btn.double a, #footer .link-btn li a { padding-left: 10px; padding-right: 10px; } h1, .gui-page-title, .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6, .heading-wide h1, .heading-wide h2, .heading-wide h3, .heading-wide h4, .heading-wide h5, .heading-wide h6, .form-comment h1, .form-comment h2, .form-comment h3, .form-comment h4, .form-comment h5, .form-comment h6 { font-size: 25px; } .lead, .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { font-size: 22px; } .mobile-inline { font-size: 15px; } .mobile-inline + p, .list-btn li, .list-comments p, .heading-rating p, .module-aside p, .module-aside ul, .module-aside ol { font-size: 14px; } header { margin-bottom: 28px; } .check-box { margin-right: -7px; margin-bottom: 13px; } .check-box label { min-width: 34px; height: 34px; margin: 0 7px 7px 0; padding: 0 8px; line-height: 32px; } .check-color { margin-bottom: 13px; } .check-color label { width: 22px; height: 22px; } .check-color input:checked ~ label:after { font-size: 6px; } .cols-a, .cols-b { padding-left: 0; padding-right: 0; } #root .cols-a > *, #root .double > *, #root .cols-b > * { float: none; width: auto; margin-left: 0; margin-right: 0; } #root .cols-a > * + * { margin-top: 35px; } .cols-b, .cols-b > header:first-child { padding-right: 0; } .cols-b > header:first-child .link-btn { top: 0; margin-bottom: 28px; } html .fancybox-toolbar, html .fancybox-navigation { top: 0; bottom: auto; height: 40px; } html .fancybox-button { float: right; width: 40px; height: 40px; } html .fancybox-button:before { font-size: 16px; } html .fancybox-navigation { right: 40px; width: auto; } html .fancybox-navigation .fancybox-button { } html .fancybox-navigation .fancybox-button:before { font-size: 16px; } /* .fancybox-navigation { display: block; position: absolute; right: 86px; bottom: 0; top: auto; z-index: 99996; width: 82px; height: 78px; } .fancybox-navigation .fancybox-button { float: right; width: 26px; } .fancybox-navigation .fancybox-button:first-child { float: left; } .fancybox-navigation .fancybox-button:before { content: "\e95c"; font-size: 20px; } .fancybox-navigation .fancybox-button:first-child:before { content: "\e95e"; }*/ .heading-mobile { margin: 0 0 14px; text-align: left; } .heading-mobile h1, .heading-mobile h2, .heading-mobile h3, .heading-mobile h4, .heading-mobile h5, .heading-mobile h6 { margin: 0 0 14px; font-size: 1.6em; text-transform: uppercase; } .heading-rating { margin: 31px 0; padding-bottom: 8px; border-bottom-width: 1px; line-height: 1.7857142857; } * + * > .heading-rating:first-child { margin-top: 31px; } #root .heading-rating h1, #root .heading-rating h2, #root .heading-rating h3, #root .heading-rating h4, #root .heading-rating h5, #root .heading-rating h6 { display: block; margin: 0 0 8px; font-weight: 400; font-size: 1.6em; } .heading-rating .header a.toggle { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: var(--black); font-weight: 400; } #root .heading-rating.toggle h1, #root .heading-rating.toggle h2, #root .heading-rating.toggle h3, #root .heading-rating.toggle h4, #root .heading-rating.toggle h5, #root .heading-rating.toggle h6 { font-weight: 700; } .heading-rating p { margin: 0 0 7px; } .heading-rating .rating-a { margin-top: 10px; } .heading-rating .link-btn { position: relative; bottom: 0; margin-top: 14px; } .heading-rating .link-btn a { min-width: 0; } .heading-rating p[class*="overlay"] { font-size: 13px; } .heading-rating.toggle { margin-bottom: 15px; padding-bottom: 0; border-bottom-width: 0; } .heading-wide { padding-top: 28px; padding-bottom: 5px; } .heading-wide .input-inline input { max-width: none; } .heading-wide figure { left: -20px; right: -20px; width: auto; margin: 0; } hr { margin-top: 35px; margin-bottom: 28px; } .link-btn, .link-btn.double { display: block; margin-left: 0; margin-right: 0; font-size: 15px; } .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn.a a { display: block; float: none; min-width: 0; } .link-btn.double a { border-width: 0; } .link-btn > span { margin-bottom: 18px; } .link-btn.wide > a { margin-right: 0; } .link-btn.a { font-size: 15px; } .link-btn.a a { padding: 14px 28px; } .list-big { display: block; } .list-big li { margin-bottom: 21px; } .list-big li.wide > div { left: 0; right: 0; width: auto; margin-left: 0; } .list-big li.wide figure { position: relative; width: auto; min-height: 225px; margin-left: -20px; margin-right: -20px; } .list-big li.wide figure img { position: relative; width: 100% !important; height: auto !important; } .list-brands, header + .list-brands { margin-top: -32px; margin-left: -20px; } .list-brands li { width: 50%; padding: 25px 0 25px 20px } .list-brands li:nth-child(2n-1):before { left: 20px; right: -20px; } .list-catalog { margin-top: 0; margin-bottom: 25px; } .list-catalog li { margin-bottom: 12px; font-size: 15px; } .list-collection { margin-left: -15px; } .list-collection li, .list-catalog li { width: 50%; margin-bottom: 21px; border-left-width: 15px; } #root .list-collection li { width: 50%; } .list-collection figure, .list-collection .img { margin-bottom: 4px; } #root .list-collection figure .owl-dots { bottom: 8px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6, .list-catalog h1, .list-catalog h2, .list-catalog h3, .list-catalog h4, .list-catalog h5, .list-catalog h6 { margin-bottom: 1px; } .list-collection .owl-nav button { bottom: 101px; } .list-collection form { position: relative; } .list-collection form p > span { width: calc(100% - 32px - 113px); } .list-collection form button { min-width: 113px; width: 113px; } .list-collection ul.label { left: 12px; right: 12px; top: 12px; } .list-collection.is-slider .item li { margin-bottom: 0; } .list-collection + .link-btn, .list-collection + hr + .link-btn { margin-top: -5px; } .list-collection.is-slider + .link-btn, .list-collection.is-slider + hr + .link-btn { margin-top: 16px; } #root .list-collection.is-slider .item > li { width: 63vw !important; } #root .list-collection.compact > li { width: calc(63vw + 15px) !important; } #root .list-collection.slider li, #root .list-collection.compact > li { text-align: left; } .list-collection .owl-item:last-child { margin-right: 0 !important; } .list-collection.aside li.aside figure { width: auto; margin-left: -20px; margin-right: -20px; } .list-collection.compact { overflow-x: auto; margin-left: -20px; margin-right: -20px; margin-bottom: 20px; padding-left: 5px; padding-right: 0; } .list-collection.compact::-webkit-scrollbar { height: 0; } .list-comments, .form-comment header { border-bottom-width: 1px; } .list-comments { line-height: 1.7857142857; } .list-comments li, .list-comments.a li { margin: 0; padding: 20px 0 0; } .list-comments li:first-child, .list-comments.a li:first-child { margin-top: 0; padding-top: 0; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { margin: 0 0 12px; padding: 0; font-size: 1.4em; } .list-comments .rating-a { position: relative; margin: 0 0 14px; } .list-comments h1 span, .list-comments h2 span, .list-comments h3 span, .list-comments h4 span, .list-comments h5 span, .list-comments h6 span { padding-top: 7px; } .list-comments img { display: block; position: relative; left: 0; top: 0; margin: 0 0 15px; } .list-comments .rating-a { margin-bottom: 4px; } .list-comments p { margin-bottom: 15px; } .list-comments.a { margin: 0 -20px 31px; padding: 0 20px; border-top-width: 0; } .list-comments.a li { margin: 0 -20px; padding: 14px 20px 0; } .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { margin: 0 -20px 11px; padding: 0 20px 14px; border-bottom-width: 1px; font-size: 1.6em; } .list-comments.a h1 span, .list-comments.a h2 span, .list-comments.a h3 span, .list-comments.a h4 span, .list-comments.a h5 span, .list-comments.a h6 span { font-weight: 400; } .list-comments.a + .nav-pagination { margin: -18px -20px 31px; padding: 0 0 11px; border-bottom: 1px solid var(--mercury); } .list-comments.a + .nav-pagination ul, .list-comments.a + .nav-pagination ol { margin: 0; } .list-comments.a .clip { overflow: hidden; max-height: 75px; } .list-feed { margin-left: -20px; margin-right: -20px; margin-bottom: 35px; } #root .list-feed > li { display: block; width: 50%; } .list-news { display: block; } .list-news li { width: 100%; margin-bottom: 20px; } .list-news .item li { width: auto; margin-bottom: 10px; } .list-news .owl-carousel .owl-stage-outer { overflow: hidden; } .list-news .owl-nav button { top: calc(29vw - 40px); } .list-product.is-slider { margin: 0 -20px 20px; } .list-slider, .popup-a .list-slider { position: relative; max-width: none; margin: 0 -20px 20px; } .list-slider img { display: block; margin: 0 auto; } #root .list-slider .pager { position: absolute; left: 0; right: 0; bottom: 14px; top: auto; z-index: 9; width: auto; padding: 0; } #root .list-slider .pager li { width: 9px; padding: 0; } #root .list-slider .pager li a { display: block; overflow: hidden; position: relative; width: 9px; height: 9px; padding: 0; text-indent: -3000em; text-align: left; opacity: 1; } #root .list-slider .pager li a:before { left: 50%; top: 50%; right: auto; bottom: auto; width: 3px; height: 3px; margin: -1.5px 0 0 -1.5px; border-radius: 3px; border-width: 0; background: var(--alto); } #root .list-slider .pager li a.current:before { background: rgba(0,0,0,.6) } #root .list-slider .pager li a.current:before { -webkit-transform: scale(1.6666666667); transform: scale(1.6666666667); } .list-tags { margin-right: -8px; margin-bottom: 20px; } .list-tags li { margin-right: 8px; } .list-total { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } #root .m55 { margin-bottom: 35px; } .mobile-text-center { text-align: center; } .module-aside { margin: 35px 0; } #root .module-aside > figure { margin-left: -20px; margin-right: -20px; } .module-aside img { min-height: 225px; } .module-aside > div { padding-top: 20px; } .module-border { padding-bottom: 1px; } .module-featured { } .module-featured .owl-dots { bottom: 8px; } .module-featured article > * { margin-left: 0; margin-right: 0; } .module-featured p, .module-featured ul, .module-featured ol { margin-bottom: 15px; } .module-news { padding-bottom: 1px; } .module-product { line-height: 1.7857142857; } .module-product header, .module-product-header { margin: -8px 0 14px; padding: 0; text-align: center; } .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6, .module-product-header h1, .module-product-header h2, .module-product-header h3, .module-product-header h4, .module-product-header h5, .module-product-header h6 { margin: 0; font-size: 1.6em; } .module-product header p, .module-product-header p { margin: 0; font-size: 1.4em; } .module-product .price { display: block; padding-right: 0; } .module-product p, .tabs-a p, .module-product li, .tabs-a li, #root .list-social.b li { font-size: 1.4em; } .module-product p, .module-product .price { margin-bottom: 15px; } .form-product .semantic-select-wrapper, .form-product input, .form-product select, .form-product textarea { margin-bottom: 0; } .form-product .submit button, .form-product .link-btn a { height: auto; padding-top: 14px; padding-bottom: 14px; } .form-product .link-btn a.a:after { border-color: var(--mercury); } .module-product .list-product, .module-product .list-slider { padding-top: 0; border-top-width: 0; } .module-rating { } .module-rating .rating-a { padding: 0; } .module-rating .rating-a .rating { position: relative; left: 0; top: 0; margin: 0 0 6px; } .module-wide { } .module-wide h1, .module-wide h2, .module-wide h3, .module-wide h4, .module-wide h5, .module-wide h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { margin-bottom: 10px; font-size: 28px; } .module-wide, .module-featured article { min-height: 225px; padding-top: 35px; padding-bottom: 16px; } .module-featured article { padding-bottom: 26px; } .nav-pagination { margin-left: -15px; margin-right: -15px; } .nav-pagination li { margin: 0 15px; font-size: 14px; } .nav-pagination li.prev { margin-right: 16px; } .nav-pagination li.next { margin-left: 16px; } .nav-pagination li.prev a, .nav-pagination li.next a { color: var(--black); } .popup-a { left: 0; right: 0; } .popup-a .box-outer { padding: 20px; } #root .popup-a .box-inner, button, input[type="button"], input[type="reset"], input[type="submit"], #root .list-collection li.aside, .form-cart button, .form-cart a.btn, .list-tags li:first-child, #root .list-gallery li:first-child, #root .list-big > li, #root .list-collection.mobile-single li { float: none; width: 100%; } #root .popup-a .box-inset { padding: 28px 28px .1px; } .popup-a .module-product { margin-bottom: 5px; } .popup-a .list-slider { margin-left: -28px; margin-right: -28px; } .rating-a.strong { padding-left: 122px; font-size: 20px; } .rating-a.strong .label span { font-size: 0.7em; } .rating-a.strong .rating { top: 1px; width: 122px; height: 18px; } .rating-a.strong .rating > * { width: 21px; margin-right: 2px; } .tabs-a { margin: -7px 0 0; border-bottom-width: 1px; line-height: 1.7857142857; } .tabs-a .tabs-inner { padding-bottom: 2px; } .tabs-a .tabs-header, .tabs-b .tabs-header, .tabs-c .tabs-header { display: block; overflow: hidden; position: relative; padding: 12px 12px 12px 0; border-top: 1px solid var(--mercury); color: var(--black); font-size: 16px; font-weight: 400; text-decoration: none; } .tabs-a .tabs-header.toggle, .tabs-b .tabs-header.toggle, .tabs-c .tabs-header.toggle { margin-bottom: -9px; font-weight: 700; } .tabs-a .tabs-header:before, .heading-rating .header a.toggle:before, .tabs-b .tabs-header:before, .tabs-c .tabs-header:before { content: "\e92b"; left: auto; right: 0; width: auto; font-size: 5px; } .tabs-a .tabs-header.toggle:before, .heading-rating.toggle .header a.toggle:before, .tabs-b .tabs-header.toggle:before, .tabs-c .tabs-header.toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tabs-a > * > *:first-child .tabs-header { border-top-width: 0;} .tabs-a .list-social, .tabs-a + .list-social { margin-top: -4px; } .is-tabs .tabs-inner > .list-collection:first-child { margin-top: 9px; } .tabs-b { } .tabs-b > div > .hidden { visibility: visible; z-index: auto; opacity: 1; } select, .semantic-select .input, .form-sort > p > a, .list-select > li > a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiA1Ij48cGF0aCBkPSJNNC40LDUuMWMwLjIsMCwwLjMtMC4xLDAuNC0wLjJMOC44LDFjMC4yLTAuMiwwLjItMC42LDAtMC45Yy0wLjItMC4yLTAuNi0wLjItMC45LDBMNC40LDMuNUwxLDAuMkMwLjgsMCwwLjQsMCwwLjIsMC4yCWMtMC4yLDAuMi0wLjIsMC42LDAsMC45TDQuMSw1QzQuMSw1LDQuMyw1LjEsNC40LDUuMXoiLz48L3N2Zz4=); } .form-cart { padding-bottom: 2vw; background-size: contain; } .form-cart * + button, .form-cart * + a.btn { margin-top: 8px; } .form-newsletter { padding-top: 30px; padding-bottom: 2px; } .form-newsletter p { margin-bottom: 28px; } .form-newsletter input, .heading-wide input { width: 100%; height: 46px; padding: 0 61px 0 15px; border-width: 1px; } .form-newsletter button, .heading-wide button { position: absolute; right: 0; top: 0; width: 46px; height: 46px; margin: 0; padding: 0; border-width: 0; background: none; font-size: 15px; text-indent: -3000em; text-align: left; } .heading-wide button:before { content: "\e936"; font-size: 18px; } .form-product { } .form-product .fieldset { position: relative; } .form-product .fieldset.has-colors { padding-top: 42px; } .form-product .fieldset.has-colors .check-color { position: absolute; left: 0; right: 0; top: 0; } .form-product .fieldset > p { float: left; width: 50%; } .form-welcome { } .form-welcome h1, .form-welcome h2, .form-welcome h3, .form-welcome h4, .form-welcome h5, .form-welcome h6 { font-size: 28px; } .form-welcome h1 span, .form-welcome h2 span, .form-welcome h3 span, .form-welcome h4 span, .form-welcome h5 span, .form-welcome h6 span { margin-top: 25px; } .form-welcome input { margin-top: 29px; } .form-welcome button { padding-top: 15px; padding-bottom: 15px; } .cols-a > header:first-child > figure:first-child, .cols-a > aside > figure:first-child, .list-comments.a li:first-child, header + .form-sort, header + .form-sort + .form-sort-spacer { margin-top: 0; } .list-tags a, .list-tags label, .cols-b > header:first-child, .cols-b > aside, .cols-b > header:first-child .link-btn { margin-right: 0; } .list-collection.compact li { margin-bottom: 0; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6, #root .module-border.double > * { margin-bottom: 10px; } .lead { margin-bottom: 25px; } #root .link-btn.double, #footer .link-btn, .list-collection .owl-dots, .form-product .fieldset { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root .list-slider .pager { -webkit-flex-direction: row; flex-direction: row; } .form-product .fieldset { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-collection.compact { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #footer .list-social, .check-color, #root .list-slider .pager { -webkit-justify-content: center; justify-content: center; } #root .link-btn.double, #footer .link-btn { -webkit-justify-content: space-between; justify-content: space-between; } .form-product .fieldset { -webkit-align-items: center; align-items: center; } .list-slider .pager li { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .list-slider .pager li, .link-btn.double a { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .link-btn a { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .list-collection.compact li { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .list-product.mobile-hide { visibility: hidden; opacity: 0; } .list-product.mobile-only, .list-collection .owl-item, .list-collection .owl-item[aria-hidden="true"], #root .list-news .owl-item { visibility: visible; opacity: 1; } #root .double, #footer .header-toggle, #footer nav h1:after, #footer nav h2:after, #footer nav h3:after, #footer nav h4:after, #footer nav h5:after, #footer nav h6:after, #footer nav h1.toggle ~ *, #footer nav h2.toggle ~ *, #footer nav h3.toggle ~ *, #footer nav h4.toggle ~ *, #footer nav h5.toggle ~ *, #footer nav h6.toggle ~ *, .list-comments img, .list-news > li:nth-child(2n-1):last-child, #root .list-news figure + p, .list-checkout figure, #root .list-collection form, #root .list-collection li.wide, .tabs-a .tabs-header, .tabs-a .tabs-header.toggle + .tabs-inner, .js .heading-rating.toggle > *, .js .heading-rating.toggle ~ *, .list-comments.a .clip + a.toggle, .tabs-c .tabs-inner.toggle, .tabs-b .tabs-inner.toggle, .tabs-c .tabs-header, .tabs-b .tabs-header, .list-brands.a li:before, .form-product .fieldset:after { display: block; } #footer > p:before, #footer nav h1 ~ *, #footer nav h2 ~ *, #footer nav h3 ~ *, #footer nav h4 ~ *, #footer nav h5 ~ *, #footer nav h6 ~ *, #login br, .list-news p:last-child, .list-news p.last-child, .list-collection .owl-nav button, #root .form-sort, .list-filters, #root .list-collection li.wide.three, .list-collection + hr, .cols-b:after, .tabs-a > nav, .tabs-a .tabs-inner, .form-product .submit a, .module-product .s13 br, .module-quickshop, .module-product-bar, .heading-mobile p, .list-collection.slider .owl-dots, .list-comments.a h1:before, .list-comments.a h2:before, .list-comments.a h3:before, .list-comments.a h4:before, .list-comments.a h5:before, .list-comments.a h6:before, .list-comments a.small, .js .heading-rating > *, .js .heading-rating ~ *, .tabs-c > nav, .tabs-c .tabs-inner, .tabs-b > nav, .tabs-b .tabs-inner, .link-btn.double:after { display: none; } #root .form-sort { display: none !important; } #root .tablet-hide, #root .mobile-only, .tabs-a > * > .hidden, #root .tabs-b > * > .hidden, .tabs-c > * > .hidden { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .list-comments li:before, .list-comments h1:before, .list-comments h2:before, .list-comments h3:before, .list-comments h4:before, .list-comments h5:before, .list-comments h6:before, .list-slider .pager img, .module-product .price .label, .list-comments.a li:before { position: absolute; left: -30000px; top: -30000px; right: auto; bottom: auto; } } @media only screen and (max-width: 25em) { /* 400 */ .list-checkout { } .list-checkout figure { width: 80px; } .list-collection { margin-bottom: 20px; } #root .list-collection li, .list-catalog li { width: 100%; text-align: center; } .list-collection figure, .list-collection .img, .list-catalog img { margin-bottom: 12px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin-bottom: 8px; } .list-collection + .link-btn, .list-collection + hr + .link-btn { margin-top: 0; } #root .list-collection form p > span { width: calc(100% - 32px - 144px); } #root .list-collection form button { min-width: 144px; width: 144px; } .nav-pagination { margin-left: -10px; margin-right: -10px; } .nav-pagination li { margin: 0 10px; } .nav-pagination li.prev { margin-right: 10px; } .nav-pagination li.next { margin-left: 10px; } .form-comment { } .form-comment .sticky { display: block; margin-top: 11px; text-align: right; } .form-comment .sticky { position: relative; right: 0; top: 0; } } #top #nav .lang .flag { overflow: hidden; max-height: 12px; object-position: 0 0; object-fit: cover; } #top #nav .lang .flag.en { object-position: 0 -24px; } #top #nav .lang .flag.de { object-position: 0 -12px; }