/** Shopify CDN: Minification failed Line 211:25 Unexpected "{" Line 465:78 Unexpected ";" Line 561:114 Unexpected "{" Line 1916:47 Unexpected "{" Line 2039:108 Expected identifier but found whitespace Line 2039:109 Unexpected "1" Line 2189:69 Unexpected "{" Line 2210:83 Expected identifier but found whitespace **/ /* ------------------------------------------- Name: Theme Access Date: 2019/03/01 Author: https://someoneyouknow.online --------------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START not in mediaquery --------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--accent); } 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; } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//www.jenest.com/cdn/fonts/open_sans/opensans_n4.5460e0463a398b1075386f51084d8aa756bafb17.woff2?h1=amVuZXN0LmNvbQ&h2=a2lkcy10by1raWRzLTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d7ab20b73442decfc4e1b662525b57d271b945bd24587f76a22afb92e018837b") format("woff2"), url("//www.jenest.com/cdn/fonts/open_sans/opensans_n4.8512334118d0e9cf94c4626d298dba1c9f12a294.woff?h1=amVuZXN0LmNvbQ&h2=a2lkcy10by1raWRzLTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=acff81a5fc1289faa1f38058b00a14ec2a2220758f6e7f56ab7382a8a22fb7f2") format("woff"); } @font-face { font-family: "Open Sans Condensed"; font-weight: 300; font-style: normal; font-display: swap; src: url("//www.jenest.com/cdn/fonts/open_sans_condensed/opensanscondensed_n3.21acf631f24692841105ddde3fdc951102b8f235.woff2?h1=amVuZXN0LmNvbQ&h2=a2lkcy10by1raWRzLTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d93d5ec8a39029c929c754c09f84c11dd10b772b8c88e33e34da3f715c4ec55") format("woff2"), url("//www.jenest.com/cdn/fonts/open_sans_condensed/opensanscondensed_n3.5c88722f47f23c603ca4abec4670fb3b0868fdc8.woff?h1=amVuZXN0LmNvbQ&h2=a2lkcy10by1raWRzLTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=21373cbf859290124111c2940ae0ab1e429570537ed790b700b049e7b7b3f303") format("woff"); } /*! Theme --------- */ :root { /* Colors */ --black: #000000; --cod: #121212; --shaft: #2A2A2A; --coal: #333333; --dove: #707070; --boulder: #787878; --gray: #868686; --chalice: #9E9E9E; --nobel: #B7B7B7; --silver: #C4C4C4; --alto: #d7d7d7; --mercury: #E5E5E5; --gallery: #FCFCFC; --concrete: #F5F5F5; --seashell: #F1F1F1; --alabaster: #FAFAFA; --white: #ffffff; --rose: #ff0000; --candy: #D80008; --valencia: #D94B4A; --coral: #FF7D7D; --azure: #91C1B5; --cucumber: #8BAD68; --plant: #274550; --cove: #617fb3; --reso: #01237D; --pomegranate: #c0392b; --nephretis: #27ae60; --blank: rgba(0,0,0,0); /* Fonts */ --headings: Open Sans, sans-serif; --headingsWeight: 400; --body: Open Sans Condensed, sans-serif; --bodyWeight: 300; /* Color Settings */ --bodyText: #545353; --headingsColor: #545353; --accent: #ec6867; --buttons: #545353; --buttonsText: #f7f5f2; --addtocartbutton:#6bb099; --addtocartbuttontext:#ffffff; --positives: #6bb099; --sale: #ec6867; --prices: #373736; --productlabel: #ec6867; --productlabeltext: #ffffff; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--bodyText); font-family: var(--body); line-height: 1.9333333333; font-weight: var(--bodyWeight); word-wrap: break-word; } li, dt, dd, p, figure, th, td, caption, legend, pre {font-size: 16px; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; font-weight: var(--bodyWeight); } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 28px; } h1, h2, h3, h4, h5, h6, legend, .gui-page-title, .gui-content-title { color: var(--headingsColor); font-family: var(--headings); margin: 35px 0 12px; font-size: 20px; line-height: 1.3928571429; font-weight: var(--headingsWeight); } .tabs-a .tabs-header, .tabs-b .tabs-header, .tabs-c .tabs-header { font-family: var(--body); font-weight: var(--bodyWeight); } h1, .gui-page-title { margin-bottom: 18px; font-size: 36px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--headingsColor); text-decoration: none; font-weight: var(--bodyWeight); } strong { font-weight: 800; } a { background: none; color: var(--accent); text-decoration: underline; 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 */ .tabs-a:after, #footer nav ul:after, .list-info li:after, .cols-d:after, .tabs-d:after, .nav-breadcrumbs:after, .module-bulk:after, .module-product > *:after, .module-aside:after, .module-featured article:after, .module-featured:after, .module-wide:after, .AddToCartForm: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, .heading-wide:after, #content:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* fill */ #footer .header-toggle, .usp-list .infogram:before, .list-btn li a:after, #cart .submit a:after, .list-btn a:after,.gui a.gui-button-large:after, .gui a.gui-button-small:after, .rating-a a:before, .module-sections > * > header .header-toggle, .tabs-d > nav ul a:before, .list-big figure:before, .list-cart.small a:before, .list-category p a:before, .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 .overlay figure:before, .module-featured figure, .list-feed ul:before, .list-feed ul, .module-wide figure, .list-collection li.empty:before, .AddToCartForm .submit a:before, .AddToCartForm .submit a:after, .check-box 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 .btn a, .list-slider .label > .btn a, .list-product .label > .btn a, .list-collection a:before, a.btn:before, a.btn:after, .list-total:before, .rating-a .rating > *:before, .rating-a .rating > * .fill, .rating-a .rating > * .empty, .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, #shadow:before, .list-social.a a:before, button:after, .link-btn a:after, .heading-wide figure:before, .heading-wide figure, ul.list-checks li:before, .template-giftcard .btn:after { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; pointer-events: none;} /* wide */ #footer nav:before, #footer div.double:before, .module-wide.overlay:before, .template-password article.overlay:before, .module-product-bar:before, #top > form:before, #top:before, .form-newsletter:before, #cookie:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; right: -1000em; z-index: -1; } .module-wide.overlay:before { left: 0; right: 0; width: 100vw;} .module-wide.overlay:not(.boxed):before { left: 50%; margin: 0 0 0 -50vw; } /* icon */ .mobile-tab > h1:first-child:before, .mobile-tab > h2:first-child:before, .mobile-tab > h3:first-child:before, .mobile-tab > h4:first-child:before, .mobile-tab > h5:first-child:before, .mobile-tab > h6:first-child:before, .mobile-tab > header > h1:first-child:before, .mobile-tab > header > h2:first-child:before, .mobile-tab > header > h3:first-child:before, .mobile-tab > header > h4:first-child:before, .mobile-tab > header > h5:first-child:before, .mobile-tab > header > h6:first-child:before, #footer .header-toggle:before, #footer nav li a:before, #top-bar .close:before, ul.list-checks li:before, .list-notifications p:before, .list-notifications .close:before, .module-sections > * > header .header-toggle:before, .module-sections > * > header h1:before, .module-sections > * > header h2:before, .module-sections > * > header h3:before, .module-sections > * > header h4:before, .module-sections > * > header h5:before, .module-sections > * > header h6:before, .tabs-d .tabs-header:before, .list-filters label:before, .module-bulk .list-collection li:after, #mobile a.toggle:before, .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, .AddToCartForm .submit a i, .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 .btn i, .list-slider .label > .btn i, .list-product .label > .btn i, #root .semantic-number a:after, #cart .semantic-number a:after, .accordion-a > .header:before, #root .owl-nav button:after, form.search-page button:before, .heading-wide button:before, #mobile .back:before, #mobile .close:before, .list-tags.a i, #cart .close: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 */ .rating-a a:before, .module-sections > * > header .header-toggle, .list-big figure:before, .list-cart.small a:before, .list-category p a:before, .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 .btn a, .list-slider .label > .btn a, .list-product .label > .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, #shadow:before, .list-social.a a:before, .heading-wide figure:before { z-index: 9; } /* centerY */ .list-big.wide li.wide > div, .list-big li > div, .module-product-bar .link-btn, .module-product-bar figure, .module-product .price .label, .module-bulk .price .label, .list-checkout .price { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* no trans */ .list-big li > div.bottom, #root .semantic-number a.disabled:after, #root .semantic-number a.disabled:after, .product-preview #top .module-product-bar, .confirm-cart .module-product-sticky, .popup-a.shown .box-inset, [data-whatintent="mouse"] .list-collection .btn a:hover span, [data-whatintent="mouse"] .list-slider .label > .btn a:hover span, [data-whatintent="mouse"] .list-product .label > .btn a:hover span, .accordion-a.a > .header.toggle:before { -webkit-transform: none; transform: none; } /* show */ [data-whatintent="mouse"] .list-product a:hover:before, .js .list-slider, .js .ui-slider-a, .js .list-collection.slider, .js .list-news.slide, .js .list-big.cols, .list-big.cols[style], .not-top #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: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 .btn a:hover span, [data-whatintent="mouse"] .list-slider .label > .btn a:hover span, [data-whatintent="mouse"] .list-product .label > .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, [data-whatintent="mouse"] .list-brands a:hover svg, .cart-active #shadow, .login-active #shadow, .compare-active #shadow, .loading body:before, .loading body:after { visibility: visible; opacity: 1; z-index:99998;} /* hide */ .list-slider, .ui-slider-a, .list-collection.slider, .list-news.slide, #cookie .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 */ .list-category 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-news svg, .list-gallery img { display: block; position: relative; z-index: 1; width: 100% !important; } /* center img */ .list-payments img, .list-collection.list img, .list-cart.small span.img img, #logo 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 figure 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, #cart, #mobile, #shadow, #cookie { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* cursor */ .list-btn.list-btn-textpage .active a, list-btn.list-btn-textpage.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 #footer .list-social li.inline a:hover, [data-whatintent="mouse"] #footer nav a:hover, [data-whatintent="mouse"] .rating-a.b a:hover, [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"] h4 a:hover, [data-whatintent="mouse"] h5 a:hover, [data-whatintent="mouse"] h6 a:hover, .list-inline a, [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-checkout ul li.strong a:hover, [data-whatintent="mouse"] .list-featured p a:first-child:last-child:hover, .text-underline, [data-whatintent="mouse"] .list-comments li.more a:hover, [data-whatintent="mouse"] .nav-breadcrumbs li a:hover, [data-whatintent="mouse"] .list-cart ul li.strong a:hover { text-decoration: underline; } /* tdn */ #root #footer nav li 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-filters li.strong a:hover, .list-inline.text-uppercase a, [data-whatintent="mouse"] #root .list-inline a:hover, [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, #cart .semantic-number a, #root .accordion-a > .header a, .list-comments li.more a, #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, [data-whatintent="mouse"] #root .list-inline.list-btn.text-uppercase a:hover { text-decoration: none; } a.underline { text-decoration: underline!important; font-weight: 900; } a.underline:hover { text-decoration: none!important; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: 151px 0 0; background: var(--white); } #top #logo a { overflow: hidden; position: relative; z-index: 5; width: 100%; height: 100%; text-decoration: none;} #top #logo a svg { width: 100%; font-family: var(--headings); font-weight: var(--headingsWeight); } #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: 16px; } #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; } #bottom ul ul li { padding: 2px 0; font-size: 16px; } #bottom ul ul li a { display: block; padding: 9px 20px; color: var(--black); line-height: 1.3; text-decoration: none; } [data-whatintent="mouse"] #bottom ul ul li a:hover { background: var(--concrete); } #root #bottom ul ul img { position: relative; left: -10px; width: 18px !important; max-width: none !important; margin: 0; border-radius: 0; } form.search-page 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;} form.search-page button:before { content: "\e936"; text-align: left; } #top-bar { overflow: hidden; position: relative; height: 55px; margin: 0; padding: 0 55px; background: var(--black); color: var(--white); line-height: 55px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } #top-bar .close { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 55px; height: 55px; color: var(--white); font-size: 17px; text-decoration: none; text-align: left; text-indent: -3000em; } #top-bar .close:before { content: "\e93f"; } .closed-bar #top-bar { margin-top: -55px; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; 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 > *:last-child.newsletter-section { margin-bottom: 0; } #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 { 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: 230px; 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; margin: 0; border: 24px solid var(--white); font-size: 16px; line-height: 1.2; text-align: center; } #cart .submit > span { display: block; position: relative; width: 100%; margin-bottom: 13px; padding: 16px 20px; background: var(--alabaster); font-weight: 700; font-size: 18px; text-align: right; text-transform: none; } #cart .submit > span > span {/**/} #cart .submit > span > span { display: block; position: absolute; left: 20px; top: 18px; font-size: 16px; font-weight: 400; } #cart .submit > span.strong > span { top: 18px; font-size: 16px; font-weight: 700; } #cart .submit > span.strong > i { display: block; margin-top: 3px; } #cart .submit a { position: relative;display: block; margin-top: 13px; height: 40px; line-height: 40px;; font-size: 13px; border: 1px solid var(--addtocartbutton); background: var(--addtocartbutton); color: var(--addtocartbuttontext); font-weight: 700; text-decoration: none; z-index: 2; } #cart .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 { content: "\e93f"; } .cart-active #cart{ right: 0; } #footer { position: relative; z-index: 2; width: 870px; margin: 0 auto; color: var(--nobel); } #footer nav { position: relative; z-index: 2; padding: 49px 0 58px; border: 0 solid var(--alto); color: var(--desert); line-height: 2.1875; text-align: left; } #footer nav:before { background: var(--black); } #footer nav:after { content: ""; display: block; position: absolute; right: 0; top: 45px; bottom: 90px; width: 1px; width: calc(33% + 92px); } #footer nav > * { position: relative; z-index: 2; float: left; width: 33%; } #footer nav > *:first-child { width: 66%; } #footer nav > .triple { width: 100%; } #footer nav + * { margin-top: 37px; } #footer div.double:last-child { margin-top: 0; padding: 37px 0 22px; } #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { position: relative; margin: 62px 0 27px; border: 0 solid var(--alto); color: var(--white); font-size: 18px; } #footer nav h1 i, #footer nav h2 i, #footer nav h3 i, #footer nav h4 i, #footer nav h5 i, #footer nav h6 i, #footer nav h1 img, #footer nav h2 img, #footer nav h3 img, #footer nav h4 img, #footer nav h5 img, #footer nav h6 img { display: block; margin: -3px 0 23px; font-size: 71px; line-height: 71px; } #footer nav h1 img, #footer nav h2 img, #footer nav h3 img, #footer nav h4 img, #footer nav h5 img, #footer nav h6 img { margin-bottom: 68px; } #footer nav .double > * { width: 50%; } #footer nav .triple > * { width: 33%; } #footer nav ul { list-style: none; padding: 0; } #footer nav li { float: left; width: 50%; font-size: 16px; } #footer nav li:nth-child(2n) + li { clear: both; } #footer nav .double li { float: none; width: 100%; } #footer nav li a { display: block; position: relative; z-index: 2; color: inherit; text-decoration: none; } #footer nav li a:hover, #footer nav li.strong a { font-weight: 800; } #footer nav li a:before, { content: "\e977"; display: none; left: -2px; z-index: -1; margin-top: -15px; color: var(--lemon); font-size: 36px; line-height: 30px; text-align: left; } #footer nav p, #footer nav a { font-size: 16px; } #footer nav a { color: inherit; text-decoration: none; } #footer .list-payments { margin-bottom: 7px; margin-right: -23px; -webkit-justify-content: center; justify-content: center;} #footer .list-payments li { margin-right: 23px; } #footer .powered-by-link a { text-decoration: none; } #footer .powered-by-link a:hover { text-decoration: underline; } #footer .list-social { margin-right: -30px; } #footer .list-social li { float: none; width: auto; margin-right: 25px; } #footer .list-social li.inline { width: 100%; font-size: 14px; } #footer .list-social li.inline a { color: inherit; font-weight: 300; } #footer .list-social li img { margin-right: 0; width: 25px; height: 25px!important; object-fit: contain; } #footer .list-social a { margin-right: 0; } #footer .list-social i { display: block; font-size: 27px; line-height: 29px; } #footer .list-social .icon-facebook { font-size: 29px; } .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: 36px; } .form-newsletter p { margin-bottom: 50px; } .form-newsletter input { width: 410px; hheight: 40px; padding: 0; border-radius: 0; border-width: 0; border-bottom-width: 1px; border-color: var(--black); background: none; color: var(--chalice); font-size: 1em; } .form-newsletter button { height: 40px; margin: 0 0 0 20px; padding-top: 0; padding-bottom: 0; } .form-newsletter .check { margin-top: -4px; font-size: 14px; text-align: left; } .form-newsletter .check input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .form-newsletter .check label { display: block; position: relative; left: 0; visibility: visible; opacity: 1; } .shopify-section .form-newsletter { padding-top: 81px; padding-bottom: 49px; color: var(--white); font-weight: 300; } .shopify-section .form-newsletter:before { background: var(--black); } .shopify-section .form-newsletter h1, .shopify-section .form-newsletter h2, .shopify-section .form-newsletter h3, .shopify-section .form-newsletter h4, .shopify-section .form-newsletter h5, .shopify-section .form-newsletter h6 { margin-bottom: 25px; font-size: 36px; line-height: 0.9625; } .shopify-section .form-newsletter p, .shopify-section .form-newsletter div { display: block; width: 100%; max-width: 722px; margin: 0 auto 24px; font-size: 16px; } .shopify-section .form-newsletter input { z-index: 1; float: left; width: calc(100% - 203px); height: 40px; padding: 0 22px; box-shadow: 0 6px 15px rgba(0,0,0,.1); border-width: 0; background: var(--white); } .shopify-section .form-newsletter input[type="checkbox"] { visibility: visible!important; width: 20px; height: 20px; } .shopify-section .form-newsletter button { z-index: 2; float: right; min-width: 203px; width: 203px; max-width: 203px; height: 40px; margin: 0; padding-top: 0; padding-bottom: 0; color: var(--white); font-weight: 800; text-transform: none; border-radius: 0; } .shopify-section .form-newsletter button:after { border-color: var(--coral); background: var(--coral); } .shopify-section .form-newsletter .check {/**/} .shopify-section .form-newsletter .check label:before { width: 18px; height: 18px; border-radius: 3px; border-color: var(--jumbo); } .shopify-section .form-newsletter .check input:checked ~ label:before { box-shadow: 0 1px 4px rgba(0,0,0,.1); background: none; font-size: 8px; } #footer > p, #footer > .double p { margin-bottom: 10px; font-size: 13px; } #footer > .double { padding-bottom: 14px; } #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 { -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; } #cart.loading > * { opacity: 0; } #cart.loading:before, #cart.loading:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; right: -100px; bottom: -100px; background: var(--white); opacity: .9; z-index: 999999; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 3px solid var(--silver); border-left-color: var(--razz); -webkit-animation: spin .75s infinite linear; animation: spin .75s infinite linear; } #nav > ul:not(.full):first-child { max-width: 100%; -ms-overflow-style: none; position: static; height: 100%; } #nav.overflow > ul:not(.full):first-child { overflow-x: scroll; } /* Firefox only */ @-moz-document url-prefix() { [data-whatintent="mouse"] #root #nav.overflow > ul > li:hover > div { margin-top: -15px; } } .header-compact #nav > ul:first-child:not(.full) { width: 100%; margin-right: 20px; } .not-top #nav.scroll-to-fixed-fixed > ul:not(.full):first-child { position: static;} html.not-top.scrolled-up:not(.product-preview) #nav.scroll-to-fixed-fixed { box-shadow: 0 6px 15px rgba(0,0,0,.1);} #nav > ul:first-child { margin-left: 0; } #nav.text-center > ul:not(.full):first-child { margin: 0 auto; } #nav.text-center { text-align: left; } #nav > ul:first-child::-webkit-scrollbar { display: none; } #top.scroll-to-fixed-fixed #nav > ul.scrolled:first-child > li:last-of-type { padding-right: 50px; } #nav > ul:first-child:before, #nav > ul:first-child:after{ content: ''; position: absolute; top: 1px; bottom: 1px; width: 50px; z-index: 999; pointer-events: none; } #nav > ul:not(.full):first-child:before { left: 0; opacity: 0; } #nav > ul.scrolled:first-child:before { opacity: 1; } #nav > ul:first-child:after { right: 0; } #nav > ul > li > a { white-space: nowrap; } #nav.menu-uppercase > ul > li, #nav.menu-uppercase > a.full-toggle { text-transform: uppercase; } #nav.menu-bold > ul > li > a, #nav.menu-bold > ul > li > div h3, #nav.menu-bold > ul:first-child > li > ul > li > a, #nav.menu-bold > ul:first-child > li > ul > li > ul li > a, #nav.menu-bold > a.full-toggle { font-weight: 600; } #nav.menu-uppercase > ul > li > div, #nav.menu-uppercase > ul > li > ul { text-transform: none; } #bottom ul li i, #bottom ul li img { display: block; margin: 0 auto 5px; font-size: 22px; line-height: 22px; } #bottom ul li i[class*="heart"] { font-size: 19px; } #bottom ul li img { border-radius: 99px; } #bottom ul li .no { display: block; position: absolute; right: 50%; top: -9px; min-width: 19px; height: 19px; margin: 0 -26px 0 0; padding: 0 3px; border-radius: 19px; color: var(--white); font-size: 12px; line-height: 19px; text-align: center; } #bottom ul li i[class*="heart"] ~ .no { margin-right: -22px; background: ; } form.search-page button { left: auto; right: 0; top: 0; width: 56px; height: 40px; color: var(--coal); font-size: 21px; } form.search-page button:before { content: "\e970"; text-align: center; } .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 var(--mercury); } .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; } .cols-c.no-sidebar { padding-left: 0; } .cols-c.no-sidebar .content figure { float: left; margin: 0 23px 23px 0;} .cols-d { padding-right: 607px; } .cols-d > header:first-child + *, .cols-d > *:first-child { float: left; width: 100%; } .cols-d > header:first-child, .cols-d > aside { float: right; width: 457px; margin: 0 -607px 0 0; } .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: 16px; } .faq .accordion-a > h1, .faq .accordion-a > h2, .faq .accordion-a > h3, .faq .accordion-a > h4, .faq .accordion-a > h5, .faq .accordion-a > h6 { text-transform: none; } .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 .header a { z-index: 2; pointer-events: auto; } .accordion-a p { font-size: 16pxem; } .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: -41%; 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: 90%; 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 34px; 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: 36px; } .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: 16px; text-transform: uppercase; } .heading-wide p, .heading-wide a { margin: 0 0 24px; } .heading-wide a { font-size: 16px;} .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 .overlay figure:before { z-index: 2; } #content > *:first-child > .heading-wide { margin-top: -40px; } #content > .heading-wide:first-child, #content > .module-featured:first-child, #content > .module-wide:first-child { margin-top: -40px; } #content > #shopify-section-collection-banner .heading-wide:first-child, #content > #shopify-section-collection-banner .module-featured:first-child, #content > #shopify-section-collection-banner .module-wide:first-child { margin-top: -40px; } #content > .heading-wide.boxed:first-child { margin-top: 0; } .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; z-index: 2; float: right; 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; line-height: 1.2; word-break: break-word; overflow: visible; } .module-aside p, .module-aside ul, .module-aside ol { margin-bottom: 23px; } .module-aside li.list-btn a:hover { text-decoration: none!important; } .module-aside .clickable-image { z-index: 2; } .module-aside.static { padding-right: 0; } .module-aside.static figure { width: 57%; } .module-aside.static.half figure { width: 50%; } .module-aside.static > div { left: 0; width: 43%; padding: 0 20px 0 60px; overflow: hidden; } .module-aside.static.half > div { width: 50%; } .module-border { margin-top: 75px; padding: 25px 0 15px; border: 0 solid var(--mercury); border-top-width: 1px; border-bottom-width: 1px; } .module-border.m55 { margin-top: 55px; } #root .module-border.double > * { margin-bottom: 0; } .module-bulk { margin: 34px 0 16px; padding-right: 435px; } .module-bulk > * { float: left; width: 100%; } .module-bulk > aside, .module-bulk > header, .module-bulk > footer { clear: right; float: right; width: 385px; margin-top: 0; margin-right: -435px; } .module-bulk h1, .module-bulk h2, .module-bulk h3, .module-bulk h4, .module-bulk h5, .module-bulk h6 { margin-bottom: 6px; } .module-bulk p { margin-bottom: 14px; } .module-bulk p i { display: inline-block; position: relative; top: -2px; font-size: 7px; line-height: 1px; } .module-bulk .link-btn { margin-top: 24px; } .module-bulk .link-btn a { width: 100%; max-width: 335px; } .module-bulk .list-collection { margin-left: -44px; } .module-bulk .list-collection li { width: 20%; border-left-width: 44px; } .module-bulk .list-collection li:after { content: "\e90b"; left: -44px; top: 0; width: 44px; margin: 0; color: var(--cod); font-size: 19px; line-height: 216px; } .module-bulk .list-collection form p > span, .module-bulk .list-collection .form p > span { width: calc(100% - 32px); } .module-bulk .list-collection select, .module-bulk .list-collection .semantic-select .input { border-right-width: 1px; } .module-bulk .list-collection .semantic-select ul { min-width: 0; } #root .module-bulk .price { margin-bottom: 23px; } .module-featured { position: relative; margin: 50px 0 58px; color: var(--white); } .module-featured article { 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; } .module-featured.boxed article header, .module-featured.boxed article div { width: 100%; } #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; } #root .module-featured .link-btn { max-width: none; margin-top: 16px; margin-left: 0; margin-right: -15px; font-size: 1.5em; } .module-featured .link-btn a { min-width: 200px; margin-right: 15px; padding: 16px 32px; font-size: 1em; } #root .module-featured .text-center .link-btn, #root .module-featured.text-center .link-btn, #root .module-featured .text-center.link-btn { margin-left: auto; margin-right: auto; } .small-text .list-collection h3, .medium-text .list-collection h3, .large-text .list-collection h3 { font-size: 16px!important;} .list-news.xsmall-text h3, .banner-row.xsmall-text h3 { font-size: 25px!important;} .small-text h1, .small-text h2, .small-text h3, .small-text h4, .small-text h5, .small-text h6, .list-news.small-text h3, .banner-row.small-text h3, .collection-grid .categories.small-text h3 { font-size: 36px!important; } .medium-text h1, .medium-text h2, .medium-text h3, .medium-text h4, .medium-text h5, .medium-text h6, .list-news.medium-text h3, .banner-row.medium-text h3, .collection-grid .categories.medium-text h3 { font-size: 50px!important; } .large-text h1, .large-text h2, .large-text h3, .large-text h4, .large-text h5, .large-text h6, .list-news.large-text h3, .banner-row.large-text h3, .collection-grid .categories.large-text h3 { font-size: 100px!important; } .large-text header p, .page-content-section.large-text, .module-wide.large-text p, .module-aside.large-text p, .module-wide.large-text li:not(.list-btn) a, .module-aside.large-text li:not(.list-btn) a, .banner-row.large-text p { font-size: 20px!important; } .module-featured video, .module-wide video, .banner-slide video { position: absolute; object-fit: cover; z-index: 1; width: 100%; max-width: 100%; } .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: 36px; } .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 > *, .module-product > header:first-child { clear: right; float: right; width: 457px; margin: 0 -475px 0 0; padding-bottom: 17px; } #root .product-content { float: left; width: 100%; margin: 0; padding-right: 20px; line-height: 1.9333333333; clear: none; } .module-product > *:first-child, .module-product > header:first-child + * { clear: none; 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 .list-product img[data-src]:not([src]), .module-product .list-slider img[data-src]:not([src]) { opacity: 0; } .module-product header:not(:last-of-type) { margin: 0; } .module-product header:last-of-type { 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 5px; font-size: 36px; } .module-product header p { margin: 0 0 9px; font-size: 16px; } .module-product header .content { line-height: 1.9333333333; } .module-product header:last-of-type + p.rating-a { margin-top: -24px; } .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 .stock i { font-size: 9px; } .module-product .price, .module-bulk .price, .module-product .price .current { display: inline-block; position: relative; max-width: 100%; margin: 0 0 31px; padding: 0 12px 0 0; font-size: 16px; font-weight: 700; line-height: 1.2; color: var(--prices); } .module-product .price span.current { font-size: 1em; margin: 0; padding: 0; }; .module-product .price span, .module-bulk .price span { display: block; padding: 4px 0 0; font-weight: 400; font-size: 0.8666666667em; color: var(--bodyText);} .module-product .price span.old, .module-bulk .price span.old { display: inline-block; position: relative; margin: 0 0 0 5px; padding: 0; color: var(--sale); font-size: 0.8666666667em;} .module-product .price .old:before, .module-bulk .price .old:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; height: 1px; margin: -.5px 0 0; background: var(--sale); } .module-product .price .old:before, .module-bulk .price .old:before { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } .module-product .price .label, .module-bulk .price span.label { position: absolute; left: 100%; top: 50%; padding: 4px 9px 3px; background: var(--sale); color: var(--white); font-weight: 700; font-size: 0.8666666667em; white-space: nowrap; } .module-product .price span.label span, .module-bulk .price span.label span { position: absolute; left: 100%; top: 0; padding: 4px 0 0 7px; color: var(--sale); font-size: 1em; font-weight: 400; white-space: nowrap; } .module-product .link-btn a, .AddToCartForm .link-btn a { display: block; width: 100%; color: var(--white); font-size: 13px; } .module-product .s13, .AddToCartForm .s13 { margin-top: -10px; } .module-product .list-usp:empty, .module-product .list-plain:empty { display: none; } .module-product .list-usp, .AddToCartForm .list-usp { margin: 21px auto; width: 100%; } .module-product .list-plain .small { font-size: 13px; } .module-product .list-plain li:not(:last-child) { margin-bottom: 4px; } .module-product .list-plain i { margin-right: 4px; } .module-product .list-plain, .AddToCartForm .list-plain { margin-bottom: 28px; } .module-product .price + .list-plain >*:first-child, .AddToCartForm .price + .list-plain >*:first-child, .module-bulk .price + .list-plain >*:first-child { margin-top: -5px; } .module-product .blank { display: block; position: absolute; left: 0; right: 0; bottom: 0; float: none; width: auto; margin: 0; padding: 0; clear: none; } .module-product.a { padding-right: 590px; } .module-product.a > header:first-child, .module-product.a > * { width: 560px; margin-right: -590px; } .module-product.a > *:first-child, .module-product.a > header:first-child + * { width: 100%; margin-right: 0; } .module-product .selling-plan { margin-bottom: 17px; width: 100%; } .fancybox-slide *[id*='modelviewer'], [data-fancybox] model-viewer, .fancybox-slide model-viewer { height: 100%; width: 100%; } [data-fancybox] * { pointer-events: none; } [data-fancybox] *[id*='modelviewer'], [data-fancybox] *[id*='videoviewer'] { display: block!important; height: 100%; width: 100%; } .fancybox-slide video { width: 100%; } [data-fancybox] iframe, [data-fancybox] video { width: 100%; height: 100%; } html .fancybox-toolbar .fancybox-button--thumbs { display: none; } .pickup-availability-information { padding-left: 25px; position: relative; } .pickup-availability-information i { position: absolute; top: 5px; left: 0; } .pickup-availability-information i.icon-check, .popup-pickup-availability i.icon-check { color: var(--positives); } .pickup-availability-information i.icon-x, .popup-pickup-availability i.icon-x { color: var(--sale); } .pickup-availability-information span { font-size: 13px; } .popup-pickup-availability ul { list-style: none; padding: 0; margin: 0;} .popup-pickup-availability ul li > i { position: absolute; top: 5px; left: 0; } .popup-pickup-availability ul li p { margin-bottom: 17px; } .popup-pickup-availability ul li p i { font-size: 13px; padding-right: 5px; } .popup-pickup-availability ul li { position: relative; padding-left: 25px; } .popup-pickup-availability ul li:not(:last-child) { border-bottom: 1px solid var(--mercury); } .list-check-box { list-style: none; margin: 0 0 28px; padding: 0; font-weight: 400; text-align: left; } .list-check-box li { position: relative; z-index: 3; margin: 0 0 -1px; font-size: 1.3em; } .list-check-box input { visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .list-check-box label { position: relative; z-index: 2; margin: 0; padding: 17px 18px 17px 56px; color: inherit; font-weight: 400; font-size: 1em; line-height: 1.8461538462; text-transform: none; cursor: pointer; border: 1px solid var(--mercury); background: var(--white); } .list-check-box li:nth-child(even) label { background: #F9F9F9; } .list-check-box input:checked~label:before { content: "\e930"; background: var(--addtocartbutton); border: none; } .list-check-box label:before { content: ""; display: block; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid #DEDEDE; background: var(--white); color: var(--white); font-size: 7px; font-family: i; line-height: 16px; text-align: center; } .list-check-box.with-img label { min-height: 60px; padding-left: 100px; } .list-check-box label img { display: inline-block; width: 50px; height: 50px!important; object-fit: contain; position: absolute; top: 50%; transform: translateY(-50%); left: 42px; } .list-check-box label > span { display: flex; align-items: center; justify-content: space-between; } .list-check-box span .price { margin: 0; } .list-check-box span .price .saved { color: var(--positives); font-size: .8666666667em; } .list-check-box span .price .old { margin-left: 0; } .module-product-bar { position: relative; z-index: 2; height: 60px; padding: 12px 0 10px 100px; } .module-product-bar:before { border-bottom-width: 1px;} #top .module-product-bar { position: absolute; left: 0; right: 0; top: 100%; z-index: 9; visibility: hidden; opacity: 0; } #top.static .module-product-bar:before { border: none; } .product-preview #top .module-product-bar { position: absolute; left: 0; right: 0; top: calc(100% - 60px); visibility: visible; opacity: 1; box-shadow: 0 6px 15px rgba(0,0,0,.1);} #top .module-product-bar { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .module-product-bar figure { position: absolute; left: 0; top: 50%; width: 45px; height: 45px; margin: 0; } .module-product-bar p { margin: 0; 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; font-size: 16px; text-transform: none; } .module-product-bar p.price { margin-top: -3px; font-size: 16px; font-weight: 700; text-align: left; } #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, .module-product-bar .link-btn button { height: 50px; line-height: 50px; min-width: 457px; margin: 0;} .module-product-bar img { object-fit: contain; height: 100%!important; } .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-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-rating.kiyoh { background: url(//www.jenest.com/cdn/shop/t/53/assets/kiyoh.svg?v=69962506852624994491741031621) 0 7px no-repeat; background-size: auto 48px; } .module-rating.trusted-shops { background: url(//www.jenest.com/cdn/shop/t/53/assets/trusted-shops.svg?v=85255767166573520501741031621) 0 7px no-repeat; background-size: auto 48px; } .module-rating.qshops { background: url(//www.jenest.com/cdn/shop/t/53/assets/qshops.svg?v=127169259256537118611741031621) 0 7px no-repeat; background-size: auto 48px; } .module-rating.feedback-company { background: url(//www.jenest.com/cdn/shop/t/53/assets/feedback-company.svg?v=499120583432248051741031621) 0 7px no-repeat; background-size: auto 48px; } .module-rating.webwinkel-keur { background: url(//www.jenest.com/cdn/shop/t/53/assets/webwinkel-keur.svg?v=180075826568649103221741031621) 0 7px no-repeat; background-size: auto 48px; } .module-rating.thuiswinkel-waarborg { background: url(//www.jenest.com/cdn/shop/t/53/assets/thuiswinkel-waarborg.svg?v=147042878641528225001741031621) 0 7px no-repeat; background-size: auto 48px; } .module-sections { margin: 0 0 86px; } .module-wide { position: relative; z-index: 2; min-height: 550px; margin: 50px 0 58px; padding: 50px 0 28px; color: var(--white); } .module-wide.top { justify-content: flex-start; } .module-wide.bottom { justify-content: flex-end; } .module-wide.text-center > *, .module-featured .text-center > * { max-width: 640px; margin-left: auto; margin-right: auto; } .module-wide.text-left > *, .module-featured .text-left > * { max-width: 640px; margin-left: 0; text-align: left; } .module-wide.text-right > *, .module-featured .text-right > * { max-width: 640px; margin-right: 0; text-align: right; margin-left: auto; } .module-wide.section-hero.text-right > .list-inline li, .module-featured.section-hero .text-right > .list-inline li, .module-wide.section-hero.text-left > .list-inline li, .module-featured.section-hero .text-left > .list-inline li,{ margin-left: 0; margin-right: 0;} #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 { min-height: 1px; margin-bottom: 22px; } .module-wide.boxed:before, #root .module-wide.boxed figure { left: 0; right: 0; width: auto; margin: 0; } .nav-breadcrumbs { position: relative; color: var(--coal); line-height: 1.8571428571; } .nav-breadcrumbs p { float: left; margin: 0 17px 10px 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 14px 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; } .nav-breadcrumbs ul + ul { margin-left: auto; } #content > *:first-child > .nav-breadcrumbs { 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, .owl-carousel * { transition: none; } .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-loaded .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel.owl-loaded .owl-wrapper, .owl-carousel.owl-loaded .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; visibility: visible; opacity: 1; } .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!important; 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: 9999; } .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close { display: none; } .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close { 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-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.2 15.5' enable-background='new 0 0 17.2 15.5'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23D9D9D9;%7D%3C/style%3E%3Cpath d='M17.2 6c0-.2-.2-.4-.6-.4l-5.2-.7L9.1.4C9 .1 8.8 0 8.6 0s-.4.1-.5.4L5.8 4.8l-5.2.7c-.4.1-.6.3-.6.5 0 .1.1.3.3.5L4 9.9l-.9 4.9c0 .1 0 .2 0 .2 0 .1 0 .3.1.3.1.1.2.1.3.1.1 0 .3 0 .4-.1L8.6 13l4.6 2.3c.1.1.3.1.4.1.1 0 .2 0 .3-.1.1-.1.1-.2.1-.3 0-.1 0-.1 0-.2l-.9-4.9L17 6.5c.1-.2.2-.4.2-.5z' class='st0'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto 100%; } .rating-a .rating > * .empty, .rating-a .rating > * .fill { right: auto; z-index: 3; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.2 15.5'%3E%3Cpath fill='%23F9C73A' d='M17.2 6c0-.2-.2-.4-.6-.4l-5.2-.7L9.1.4C9 .1 8.8 0 8.6 0s-.4.1-.5.4L5.8 4.8l-5.2.7c-.4.1-.6.3-.6.5 0 .1.1.3.3.5L4 9.9l-.9 4.9v.2c0 .1 0 .3.1.3.1.1.2.1.3.1s.3 0 .4-.1L8.6 13l4.6 2.3c.1.1.3.1.4.1.1 0 .2 0 .3-.1s.1-.2.1-.3v-.2l-.9-4.9L17 6.5c.1-.2.2-.4.2-.5z'/%3E%3C/svg%3E") no-repeat; background-size: auto 100%; } .rating-a .rating > * .empty { width: 100%!important; z-index: 2; background: none; } .rating-a .label span { position: relative; top: -1px; font-size: 0.75em; font-weight: 400; } .rating-a .label span span { top: 0; font-size: 1em; font-weight: inherit; } .rating-a.a { padding-left: 80px; font-weight: 400; font-size: 16px; } .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,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.2 15.5' enable-background='new 0 0 17.2 15.5'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23e3e3e3;%7D%3C/style%3E%3Cpath d='M17.2 6c0-.2-.2-.4-.6-.4l-5.2-.7L9.1.4C9 .1 8.8 0 8.6 0s-.4.1-.5.4L5.8 4.8l-5.2.7c-.4.1-.6.3-.6.5 0 .1.1.3.3.5L4 9.9l-.9 4.9c0 .1 0 .2 0 .2 0 .1 0 .3.1.3.1.1.2.1.3.1.1 0 .3 0 .4-.1L8.6 13l4.6 2.3c.1.1.3.1.4.1.1 0 .2 0 .3-.1.1-.1.1-.2.1-.3 0-.1 0-.1 0-.2l-.9-4.9L17 6.5c.1-.2.2-.4.2-.5z' class='st0'/%3E%3C/svg%3E"); } .rating-a.b { padding-left: 83px; font-size: 13px; font-weight: 400; line-height: 1.5; } .rating-a.b a { font-size: 1em; text-decoration: none; } .rating-a.b .rating { top: 2px; height: 13px; } .rating-a.b .rating > * { width: 15px; margin-right: 1px; } .rating-a.c { padding-left: 0; padding-right: 96px; font-size: 14px; font-weight: 800; } .rating-a.c a { font-size: 1em; text-decoration: none; } .rating-a.c .rating { left: auto; right: -13px; top: 1px; height: 16px; } .rating-a.c .rating > * { width: 16px; margin-right: 1px; } .rating-a.strong { padding-left: 150px; font-size: 36px; 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; } .text-center .rating-a { padding-left: 0; } .text-center .rating-a .rating { position: relative; top: 0; } .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-a + * { clear: both; } .tabs-b { position: relative; } .tabs-b > nav ul { list-style: none; margin: 0 -40px 50px 0; padding: 0; } .product-slider.tabs-b > nav ul { margin-bottom: 0; } .product-slider.tabs-b > nav ul li { margin-bottom: 50px;} .product-slider.tabs-b > nav ul li.empty { margin-right: 0; margin-bottom: 0;} .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; } .product-slider.tabs-b > div > .hidden { width: 100% } .tabs-c { margin-bottom: 50px; } .tabs-d { position: relative; z-index: 2; margin: 0 0 73px; padding: 53px 0 28px; } .tabs-d:before { background: var(--gallery); } .tabs-d > nav ul { list-style: none; margin: 0 0 28px; padding: 0; font-weight: 400; } .tabs-d > nav ul li { font-size: 14px; } .tabs-d > nav ul a { display: block; position: relative; z-index: 2; padding: 18px 22px; color: var(--gray); line-height: 1.1; text-decoration: none; } .tabs-d > nav ul a:before { left: -2px; right: -2px; border-radius: 40px; } .tabs-d > nav ul li.active a { color: var(--coal); cursor: default; } .tabs-d > nav ul li.active a:before { background: var(--seashell); } .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; } .w705 { max-width: 705px; } .w930 { max-width: 930px; } .w930.text-center { margin-left: auto; margin-right: auto; } /*! 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-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, .check-box .active a, .check-box a.active { font-weight: 700; } .form-newsletter .strong { font-weight: 800; } .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; } .s28, #root .s28 { margin-bottom: 30px; font-size: 36px; } .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"] .link-btn a.b:hover, [data-whatintent="mouse"] .list-tags a:hover, [data-whatintent="mouse"] .list-tags a:hover span, [data-whatintent="mouse"] .form-cart a.btn:hover { color: var(--white); } .overlay-a { color: var(--nephretis); } .overlay-c { color: var(--pomegranate); } .overlay-d { color: var(--pomegranate); } .overlay-e, .module-product p a, .list-checkout ul li a, .list-cart ul a, .form-filter li a span, .form-filter li label span, .list-select ul label span, .list-comments a { opacity:0.9; } .overlay-f, [data-whatintent="mouse"] .list-filters a:hover:before, [data-whatintent="mouse"] .list-filters label:hover:before, [data-whatintent="mouse"] .list-filters label:hover:before, #root .list-social a:hover { opacity:0.9; } .overlay-g { color: var(--accent); } .overlay-h { color: var(--cucumber); } .overlay-i { color: var(--gray); } .overlay-p { color: var(--positives); } .overlay-n { color: var(--sale); } .lead { margin: 0 0 35px; font-size: 2.8em; line-height: 1.3928571429; } /*! Links --------- */ .link-btn, .gui-buttons { 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, .link-btn button, .gui a.gui-button-large, .gui a.gui-button-small, .shopify-payment-button .shopify-payment-button__button { display: block; overflow: hidden; position: relative; z-index: 2; min-width: 200px; height: 40px; padding: 0 30px; margin: 0 8px 8px 0; border-radius: 0; border: 0 solid var(--blank); color: var(--buttonsText); font-size: 13px; font-weight: 700; line-height: 40px; text-align: center; letter-spacing: 0.0133333333em; text-decoration: none; } .shopify-payment-button { display: flex; } .shopify-payment-button > * { width: 100%; } .shopify-payment-button .shopify-payment-button__button { margin-right: 0; margin-bottom: 15px; } .shopify-payment-button .shopify-payment-button__button--hidden { display: none; } .buy-button button { color: var(--addtocartbuttontext); background-color: var(--addtocartbutton); width: 100%; margin: 0; } #root .gui a.gui-button-large, #root .gui a.gui-button-small { font-size: 13px; text-decoration: none; color: var(--white); margin: 10px 0; } .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; } .link-btn i.icon-chevron-right, .link-btn i.icon-chevron-left { top: -2px; margin: 0 0 0 8px; font-size: 8px; } [data-whatintent="mouse"] .link-btn:not(.ghost) > a:hover:after, .list-btn:not(.ghost) > a:hover:after, [data-whatintent="mouse"] .list-btn:not(.ghost) > a:hover:after, [data-whatintent="mouse"] #cart .submit a:not(.ghost):hover:after, [data-whatintent="mouse"] [data-whatintent="mouse"] .AddToCartForm .submit a:not(.ghost):hover:after, [data-whatintent="mouse"] button:not(.ghost):hover:after, a.btn:not(.ghost):hover:after, .button-list .list-btn.button-list li:not(.ghost) a:hover:after { border-color: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1); } [data-whatintent="mouse"] .link-btn:not(.ghost) > a:hover, .list-btn:not(.ghost) > a:hover, .list-btn .list-btn:not(.ghost) > a:hover, [data-whatintent="mouse"] .list-btn:not(.ghost) > a:hover, [data-whatintent="mouse"] .list-btn .list-btn:not(.ghost) a:hover, [data-whatintent="mouse"] #cart .submit a:not(.ghost):hover, [data-whatintent="mouse"] .AddToCartForm .submit a:not(.ghost):hover, [data-whatintent="mouse"] button:not(.ghost):hover, a.btn:not(.ghost):hover { border-color: rgba(0,0,0,0.1)!important;} .list-btn.ghost a:hover:after, .link-btn.ghost a:hover:after { opacity: 0!important; } .list-btn a:hover:after { z-index: 0; } .inverted-colors .list-btn a:hover:after { z-index: -1 } [data-whatintent="mouse"] .link-btn a.a:hover:after, [data-whatintent="mouse"] .link-btn a.b:hover:after { border-color: var(--buttons); background: var(--buttons); } .link-btn a.a { color: var(--buttons); } .submit-newsletter{ background-color: var(--buttons); color: var(--buttonsText); z-index: 2;} .link-btn a.a:after { background: none; } .link-btn a.b { color: var(--black); } .link-btn a.b:after { border-color: var(--mercury); background: none; } .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: 16px; } .link-btn.double { margin-left: -17px; margin-right: 0; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .template-page .link-btn.double { margin-left: 0; } .template-page #content { font-size: 16px; } /* .template-page .shopify-section[id*="banner_and_menu"] ~ .shopify-section[id*="main"] .content > h1:first-child { display: none; } */ .link-btn.double a { width: 50%; min-width: 0; margin-right: 5px; border-left-width: 0px; } .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%; } #root .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; } .page-content-section p h1, .page-content-section p h2, .page-content-section p h3, .page-content-section p h4, .page-content-section p h5, .page-content-section p h6, .page-content-section p p, .page-content-section p a { margin-bottom: 6px; } .list-big { list-style: none; margin: 0 0 73px -25px; padding: 0; text-align: center; } .list-big li { overflow: hidden; position: relative; width: 50%; margin-bottom: 25px; border-left: 25px solid var(--blank); font-size: 1em; } .list-big figure { overflow: hidden; margin: 0; } .list-big li.wide figure { bottom: 9px; margin: 0; text-indent: 0; } #root .list-big figure + * { margin-top: 29px; } .list-big li.overlay figure:before { background: var(--cod); opacity: .3; z-index: 9;} .list-big figure img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .list-big h1, .list-big h2, .list-big h3, .list-big h4, .list-big h5, .list-big h6 { margin: 0; font-size: 36px; line-height: 1.2173913043; } .list-big h2 + p { margin: 23px 0 0; } .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; } [data-whatintent="mouse"] .list-btn a:hover { border-color: rgba(0,0,0,0.1); } .list-big p.subtitle { font-size: 16px; line-height: 1; margin-bottom: 15px;} .list-big p.link { margin-bottom: 0;} .list-big p.link.link-btn { } .list-big p.link, .list-big p.link a { font-size: 13px; } .list-big p.link.link-btn a { line-height: 40px; margin-bottom: 0; } .list-big p > a { color: var(--black); font-weight: 700; } .list-big p > a:before { left: -3000em; right: -3000em; top: -3000em; bottom: -3000em; } .list-big li > div { position: absolute; left: 0; right: 0; top: 50%; z-index: 9; margin: 0; padding: 0 20px; color: var(--white); } .list-big li > div a { color: var(--white); } .list-big li > div.bottom { top: auto; bottom: 80px; } .list-big li.wide { width: 60%; color: var(--white); } .list-big li.wide > div { left: 50%; right: auto; width: 520px; margin-left: -260px; } .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: 36px; } .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%; } #root .list-big .list-inline li { width: auto; margin-bottom: 0; border-left-width: 0; font-size: 16px; } .list-big + .list-big { margin-top: 162px; } .list-big.cols figure:first-child:last-child, .list-big.cols figure:first-child:nth-last-child(2) { height: 325px; } .list-big.cols li.high figure:first-child:last-child, .list-big.cols li.high figure:first-child:nth-last-child(2) { height: 675px; } .list-big.wide figure:first-child:last-child, .list-big.wide figure:first-child:nth-last-child(2) { height: 325px; } .list-big.wide li.wide figure:first-child:last-child, .list-big.wide li.wide figure:first-child:nth-last-child(2) { height: 390px; } .list-big.cols figure:first-child:last-child img, .list-big.cols figure:first-child:nth-last-child(2) img { width: 100% !important; height: 100% !important; } .list-big.cols { opacity: 0; } .list-big.cols li, .list-big.cols li.wide + li { width: 33.33%; } .list-big.cols li.wide { width: 66.66%; } .list-big.cols li.wide figure { position: relative; bottom: 0; } .list-big.wide {/**/} .list-big.wide li, .list-big.wide li.wide + li { width: 50%; } .list-big.wide li.wide { width: 100%; } .list-big.wide li.wide figure { position: relative; bottom: 0; } .list-notifications { position: absolute; right: 0; top: 165px; z-index: 999999; list-style: none; margin: 0; padding: 0; color: #2fbaba; line-height: 1.3571428571; } .list-notifications li { overflow: hidden; position: relative; width: 445px; margin: 0 0 34px; padding: 28px 72px 12px 52px; box-shadow: -3px 0px 10px rgba(0,0,0,.1); border: 0 solid #e5e5e5; background: #fff; font-size: 1.4em; } .list-notifications ul { list-style: none; margin: 0 -70px 12px 0; padding: 0; } .list-notifications ul li { width: auto; margin: 0 12px 0 0; padding: 0; box-shadow: none; border-width: 0; background: none; font-size: 1em; } .list-notifications ul li a { color: #000; text-decoration: none; } .list-notifications p { position: relative; margin: 0 0 12px; font-size: 1em; } .list-notifications p:before { left: -32px; width: auto; font-size: 11px; } .list-notifications p:before { content: "\e930"; font-size: 10px; } .list-notifications .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 50px; height: 50px; color: #000; font-size: 11px; text-indent: -3000em; text-decoration: none; text-align: left; } .list-notifications .close:before, .list-notifications p.overlay-d:before { content: "\e93f"; } .list-notifications p.info:before { content: "\e917"; } .list-notifications i { display: block; position: absolute; left: 0; top: 50%; margin-top: -10px; line-height: 20px; } .list-notifications.scroll-to-fixed-fixed { z-index: 999999 !important; } .list-box { list-style: none; margin: 0 -10px 21px 0; padding: 0; line-height: 1.1; } .list-box li { margin: 0 10px 10px 0; font-size: 1.2em; } .list-box a, .list-box label { display: block; position: relative; margin: 0; padding: 13px 18px; border-radius: 2px; border: 1px solid var(--mercury); background: var(--white); color: var(--cod); font-weight: 400; font-size: 1em; text-decoration: none; cursor: pointer; } .list-box .active a, .list-box .actibe label, .list-box input:checked ~ label { border-color: var(--black); color: var(--reso); cursor: default; } .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, .list-brands a svg { opacity: .5; } .list-brands a img, .list-brands a svg { -webkit-filter: grayscale(0%); filter: grayscale(0%); } header + .list-brands { position: relative; z-index: 0; margin-top: -60px; margin-left: -10px; margin-right: -10px; } [data-whatintent="mouse"] .list-brands a:hover img, .list-brands a:hover svg { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .list-btn { list-style: none; margin: 0 -3px 25px 0; padding: 0; line-height: 1.2; text-align: center; } .list-btn-textpage li { margin: 0 3px 3px 0; } .list-btn li { font-size: 13px; min-width: 200px; height: 40px; line-height: 40px; text-align: center; font-weight: 700;} #product_tags .list-btn li { margin: 0 8px 8px 0; } .list-btn a { display: block; overflow: hidden; position: relative; min-width: 200px; height: 40px; line-height: 40px; font-size: 13px; padding: 0 20px; background: var(--concrete); color: var(--black); text-decoration: none; font-weight: 700;} .list-btn a span { font-weight: 700; } .list-btn.button-list, .list-btn.a { margin: 0 auto 56px; } .list-btn.button-list, .list-btn.a { margin-bottom: 0; } .list-btn.button-list li, .list-btn.a li { margin: 0 7px 15px; font-size: 13px; min-width: 200px; } .list-btn.button-list a, .list-btn.a a, .link-btn a { border-color: var(--buttons); background: var(--buttons); color: var(--buttonsText); font-weight: 700; z-index: 2;} .link-btn a.a, .link-btn a.b, .shopify-payment-button .shopify-payment-button__button--unbranded { border: 1px solid var(--buttons); background: transparent; color: var(--buttons); } .shopify-payment-button .shopify-payment-button__button--unbranded:not([disabled]):hover { border-color: var(--buttons) !important; color: var(--white) !important; background: var(--buttons); } [data-whatintent="mouse"] .list-btn.a a:hover, .list-btn.a .active a { border-color: var(--buttons) !important; color: var(--buttons) !important; background: var(--white); } [data-whatintent="mouse"] .list-btn.a a:hover:after, .list-btn.a .active a:after { background: var(--white); border-color: var(--buttons) !important; border:1px solid; z-index: -1;} .link-btn a.a:hover, .link-btn a.b:hover{ border: 1px solid var(--buttons); } .list-bulk { list-style: none; padding-left:0; } .list-bulk li { margin-bottom:15px; } .list-bulk span { font-weight: bold; } .list-bulk span:last-child { padding: 3px 8px; margin-left: 5px; background: var(--sale); color: var(--white); } .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: 16px; font-weight: 600; line-height: 1.4; } .list-cart h1 a, .list-cart h2 a, .list-cart h3 a, .list-cart h4 a, .list-cart h5 a, .list-cart h6 a { margin: 0 0 9px; font-size: 16px; font-family: var(--body); font-weight: var(--headingsWeight); line-height: 1.4; text-transform: none; } .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: var(--bodyWeight); font-family: var(--body); font-size: 0.8666666667em; text-transform: none; } .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: 16px; 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(--sale); 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(--sale); } .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: 13px; } .list-cart.small { color: var(--cod); font-weight: 700; line-height: 1.625; } .list-cart.small li { position: relative; min-height: 60px; margin: 0; padding: 24px 65px 18px 75px; border-top: 1px solid var(--mercury); font-size: 1.6em; } .list-cart.small li:first-child { margin-top: -24px; border-top-width: 0; } .list-cart.small a { display: block; position: static; color: var(--headingsColor); text-decoration: none; font-weight: var(--bodyWeight); font-size: 16px; text-align: left; } .list-cart.small span.price { font-weight: 700; font-size: 16px; color: var(--prices); } .list-cart.small span { display: block; position: absolute; right: 0; top: 24px; } .list-cart.small span.img { display: block; position: absolute; left: 0; right: auto; top: 0; bottom: 0; width: 60px;} .list-cart.small img {object-fit: cover; width: 100%!important; } .list-cart.small li.btn { min-height: 0; margin-top: 14px; padding: 0; border-width: 0; font-size: 1.5em; } .list-cart.small li.btn a { padding: 15px; background: var(--buttons); color: var(--buttonsText); text-align: center; } .list-cart li img { height: 130px!important; object-fit: contain; } .list-cart li a.item-remove { color: var(--body); } .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, .list-catalog svg { display: block; margin-bottom: 25px; } .list-catalog a { display: block; color: var(--black); text-decoration: none; } .list-catalog h3 { display: block; max-width: 270px; margin-left: auto; margin-right: auto; font-size: 36px; color: var(--headingsColor); font-family: var(--headings); font-weight: var(--headingsWeight);} .list-collection.slider { font-family: var(--body); } .list-collection.slider a { font-family: var(--headings); } .list-category { list-style: none; margin-top: 21px; margin-left: -25px; padding: 0; color: var(--black); text-align: center; } .list-category li { position: relative; float: left; width: 33.3333333333%; margin: 0 0 37px; border-left: 25px solid rgba(0,0,0,0); font-size: 1em; } .list-category figure { margin: 0 0 16px; } .list-category p { margin: 0; font-size: 1.5em; } .list-category p a { color: var(--black); font-weight: 700; text-decoration: none; } .list-category h1, .list-category h2, .list-category h3, .list-category h4, .list-category h5, .list-category h6 { margin: 0 0 18px; font-size: 2em; font-weight: 700; } .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 a.remove { font-size: 13px; } .list-checkout figure { position: absolute; left: 0; top: 0; } .list-checkout h2 .small { font-family: var(--body); } .list-checkout h2 span a { font-size: 16px; text-transform: none;} .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; text-transform: none; } .list-checkout p { clear: both; position: absolute; right: 115px; top: 27px; width: 325px; margin: 0; padding: 0 0 2px; color: var(--positives); font-weight: 700; font-size: 1.5em; } .list-checkout p label { height: 40px; margin: 0 0 13px; color: var(--black); font-size: 1em; font-weight: 400; line-height: 40px; } .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: 17px; font-size: 0.8666666667em; max-width: 200px; } .list-checkout .price { position: absolute; top: 50%; right: 0; width: auto; padding: 0 0 26px; color: var(--coal); font-weight: 700; font-size: 16px; 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.unitprice { display: block; margin: 5px 0 5px; color: var(--bodyText); 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.3em; } .list-checkout li figure img { height: 130px!important; object-fit: contain; padding: 10px 0;} .list-collection, .usp-list { position: relative; z-index: 2; list-style: none; margin: 0 0 0 -24px; padding: 0; } .usp-slider { margin-left: 0; } .list-collection li, .usp-list li { position: relative; z-index: 2; float: left; width: calc(100% / 3); margin: 0 0 37px; border-left: 24px solid var(--blank); font-size: 1em; } .section-banner-row .list-collection li:not(.break) { margin-bottom: 23px; } .usp-list.usp-slider li.infogram { width: 100%; border-left: 0; margin: 0; } .usp-list.usp-slider { flex-wrap: nowrap; } .usp-list.usp-slider li.infogram { flex: none; } .usp-list.usp-slider .owl-stage { display: flex; } .usp-list.usp-slider .owl-item .item { width: 100%; height: 100%; } .usp-list.usp-slider .owl-item .item li.infogram { margin-bottom: 0; width: 100%; height: 100%; flex: 1 0 auto;} .usp-list.usp-slider p { margin-bottom: 0;} .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, .usp-list h1, .usp-list h2, .usp-list h3, .usp-list h4, .usp-list h5, .usp-list h6 { margin: 0 0 13px 0; font-size: 1.5em; line-height: 1.3888888889; } .ups-list h1, .ups-list h2, .ups-list h3, .ups-list h4, .ups-list h5, .ups-list h6 { font-size: 20px; } .list-collection a { font-size: 16px; text-decoration: none; color: var(--headingsColor); font-family: var(--body); font-weight: var(--headingsWeight); text-transform: none; } .usp-list a { display: flex; flex-direction: column; justify-content: center; } .usp-list a, .usp-list p { text-decoration: none; color: var(--headingsColor); font-family: var(--body); font-weight: var(--bodyWeight); overflow: hidden; } .list-collection p, .usp-list p { margin: 0 0 2px; font-size: 1.3em; } .list-collection.recently-viewed p { font-size: 13px; } .list-collection p { min-height: 25px; } .list-collection.banner-row p { font-size: 16px; line-height: 1; margin-bottom: 3px; } .list-collection li > p:not(.link-btn) a { padding: 12px 0 0; color: var(--black); font-size: 1.1538461538em; font-weight: 700; } .list-collection li > p.link-btn a { } .list-collection p.price { font-weight: 700; font-size: 16px; color: var(--prices);} .list-collection p.price span.current { font-weight: 700; font-size: inherit; color: var(--prices); margin-left: 0;} .list-collection p.price span { display: inline-block; position: relative; margin-left: 6px; color: var(--sale); font-size: 0.8666666667em; font-weight: 400; } .list-collection p.price span.small { display: none; top: 0; margin: -8px 0 0; color: var(--bodyText); font-size: 0.7222222222em; } .list-collection p.price span.legal, .list-cart li .legal { display:block; top: 0; margin: -8px 0 0; color: var(--dove); font-size: 12px; } .list-collection p.price span.legal:before, .list-collection p.price span.current:before { display:none; } .list-collection p.price span.legal a, .list-cart li .legal { font-size: 12px; text-transform: unset; color: var(--dove); } .list-collection .label, .list-product .label, .list-slider .label { position: absolute; left: 15px; top: 15px; right: 15px; z-index: 5; list-style: none; height: 0; margin: 0; padding: 0; } .list-collection ul.label li.product-label { color: var(--productlabeltext); background-color: var(--productlabel)!important; border-color: var(--productlabel)!important; } .list-collection .img .label { bottom: 0; height: auto; } #root .list-collection .img .label > .btn { top: 100%; margin-top: -22px; } [data-whatintent="mouse"] .list-collection .img .label:hover { z-index: 12; } #root .list-collection .label > *, .list-product .label > *, .list-slider .label > * { float: left; clear: both; width: auto; min-width: 59px; height: 23px; margin: 0 0 7px; padding: 0 6px; border: 1px solid var(--productlabel); background: var(--productlabel); color: var(--productlabeltext); font-size: 13px; font-weight: 700; line-height: 23px; text-transform: uppercase; text-align: center; } #root .list-collection .label > .overlay-c, .list-product .label > .overlay-c, .list-slider .label > .overlay-c { border-color: var(--sale); background: none; color: var(--sale); } #root .list-collection .label > .overlay-g, .list-product .label > .overlay-g, .list-slider .label > .overlay-g { border-color: var(--sale); background: none; color: var(--sale); } #root .list-collection .label > .overlay-c.fill, .list-product .label > .overlay-c.fill, .list-slider .label > .overlay-c.fill { min-width: 0; padding: 0 8px; border-color: var(--sale); background: var(--sale); color: var(--white); } #root .list-collection .label > .overlay-g.fill, .list-product .label > .overlay-g.fill, .list-slider .label > .overlay-g.fill { min-width: 0; padding: 0 8px; border-color: var(--sale); background: var(--sale); color: var(--white); } #root .list-collection .btn, .list-product .label > .btn, .list-slider .label > .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 .btn a, .list-product .label > .btn a, .list-slider .label > .btn a { pointer-events: all; overflow: visible; z-index: 2; color: var(--black); text-decoration: none; } .list-collection .btn i, .list-product .label > .btn i, .list-slider .label > .btn i { color: #bbbbbb; font-size: 16px; } .list-collection .btn i.icon-x:before, .list-product .label > .btn i.icon-x:before, .list-slider .label > .btn i.icon-x:before { color: var(--cod); font-size: 14px; } .list-collection .btn i.icon-heart:before, .list-product .label > .btn i.icon-heart:before, .list-slider .label > .btn i.icon-heart:before { content: "\e91b"; } .list-collection .btn .in-wishlist i.icon-heart:before, .list-product .label > .btn .in-wishlist i.icon-heart:before, .list-slider .label > .btn .in-wishlist i.icon-heart:before { content: "\e91a"; } .list-collection .btn a.in-wishlist span, .list-product .label > .btn a.in-wishlist span, .list-slider .label > .btn a.in-wishlist span { display:none; } .list-collection .btn a span, .list-product .label > .btn a span, .list-slider .label > .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 .btn a span, .list-product .label > .btn a span, .list-slider .label > .btn a span { -webkit-transform: translateY(2px); transform: translateY(2px); } .list-collection .btn a span:before, .list-product .label > .btn a span:before, .list-slider .label > .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=); } #root .list-collection .btn { right: 15px; top: 15px; z-index: 12; } #root .list-collection li.btn { right: 0; top: 0; } .list-collection form, .list-collection .form { display: none; visibility: hidden; opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; z-index: 11; text-align: left; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; } [data-whatintent="mouse"] .list-collection li:hover form { visibility: visible; opacity: 1; } .list-collection form p, .list-collection .form p { width: 100%; } .list-collection form p > span, .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, #root .list-collection .form p > span:first-child { z-index: 3; width: 50%; height: 40px; } .list-collection form p > span:first-child .semantic-select.active .input, .list-collection .form p > span:first-child .semantic-select.active .input { border-right-width: 1px; } .list-collection form p > span:first-child .semantic-select ul, .list-collection .form p > span:first-child .semantic-select ul { min-width: 0; } .list-collection select, .list-collection .semantic-select .input { height: 40px; 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 { min-height: 0; margin: 0; padding: 0; border-width: 0; 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 button { min-width: 200px; width: 200px; margin: 0; font-size: 13px; padding: 0; height: 40px; line-height: 40px; } .list-collection .owl-nav button { position: absolute; top: 40px; bottom: 173px; z-index: 8; min-width: 0; height: auto; background: none; } #root .list-collection .owl-nav button { min-width: 0; width: 29px; 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%; min-height: 0; margin: 0 0 46px; padding: 16px 16px 12px; border-bottom-width: 0; 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: 16px; 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: var(--gallery); } .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.reversed { padding-left: 732px; padding-right: 0;} .list-collection.aside li { width: 50%; } .list-collection.aside li.aside { position: absolute; right: 0; top: 0; bottom: 96px; width: 732px; margin: 0; } .list-collection.aside.reversed li.aside { left: 0; right: auto; } .list-collection.aside li.aside figure { text-indent: 0; } .list-collection.is-slider { display: block; margin-left: 0; margin-bottom: 1px; } .usp-list.usp-slider.is-slider { display: block;} #root .list-collection.is-slider .item > li { float: none; width: auto; border-left-width: 0; margin-bottom: 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.list { display: block; margin-left: 0; } .list-collection.list li { float: none; width: 100%; min-height: 157px; margin: 0 0 26px; padding: 0 250px 87px 130px; border-bottom: 1px solid var(--mercury); border-left-width: 0; } #root .list-collection.list li { width: 100%; } .list-collection.list h1, .list-collection.list h2, .list-collection.list h3, .list-collection.list h4, .list-collection.list h5, .list-collection.list h6 { margin: 0; font-size: 1.8em; } .list-collection.list .img { position: static; margin: 0; } .list-collection.list figure { position: absolute; left: 0; top: 8px; width: 110px; height: 110px; margin: 0; } .list-collection.list figure img { width: auto !important; height: auto !important; } .list-collection.list p { margin: 0 0 -8px; font-size: 1.4em; } .list-collection.list .price { position: absolute; right: 0; top: 14px; width: 240px; margin: 0; font-size: 1.8em; } .list-collection.list .price span { top: -2px; margin-left: 4px; font-size: 0.7222222222em; } .list-collection.list .price span.small { top: 0; } .list-collection.list .label { position: absolute; left: 130px; top: auto; right: auto; bottom: 46px; height: auto; } #root .list-collection.list .label > * { width: auto; min-height: 25px; margin: 0 10px 10px 0; padding: 0 8px; } #root .list-collection.list .label > .btn { display: none; left: 0; right: auto; top: auto; bottom: 0; width: 44px; } .list-collection.list form, .list-collection.list .form { display: block; left: auto; bottom: 52px; width: 480px; } #root .list-collection.list form button, #root .list-collection.list .form button { width: 50%; min-width: 50%; text-transform: none; } .list-collection.list select, .list-collection.list .semantic-select .input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiA1Ij48cGF0aCBkPSJNNC40LDUuMWMwLjIsMCwwLjMtMC4xLDAuNC0wLjJMOC44LDFjMC4yLTAuMiwwLjItMC42LDAtMC45Yy0wLjItMC4yLTAuNi0wLjItMC45LDBMNC40LDMuNUwxLDAuMkMwLjgsMCwwLjQsMCwwLjIsMC4yCWMtMC4yLDAuMi0wLjIsMC42LDAsMC45TDQuMSw1QzQuMSw1LDQuMyw1LjEsNC40LDUuMXoiLz48L3N2Zz4=); background-position: calc(100% + 14px) center; background-size: auto 5px; background-repeat: no-repeat; } #root .list-collection.list li.wide { margin-bottom: 53px; } #root .list-collection.list li.wide:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -27px; height: 1px; background: var(--mercury); } .ups-list li { width: 33.33333333%; } .usp-list li.infogram { width: auto; display: flex; align-items: center; justify-content: center; flex: 1 1 0px; } [class*="cols"] .list-collection {/**/} [class*="cols"] .list-collection form p > span, [class*="cols"] .list-collection .form p > span { width: calc(100% - 32px - 200px); } [class*="cols"] .list-collection button { min-width: 200px; width: 200px; } .list-collection[data-layout="icon-grid-3"] li { width: 33.333333333%; } [class*="cols"] .list-collection[data-layout="icon-grid-3"] form p > span, [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-collection.no-sidebar li { width: 25%; } */ .usp-list .infogram { padding: 10px; } .usp-list .infogram:before { border: 1px solid; } .ups-list .infogram a { cursor: pointer; } .ups-list .infogram h3 { font-size: 16px; margin-bottom: 0; } .ups-list .infogram p { margin-bottom: 0; } .list-collection li.disable-button figure a:before { visibility: hidden; background: rgba(0,0,0,.05); opacity: 0; } [data-whatintent="mouse"] .list-collection li.disable-button:hover figure a:before { visibility: visible; opacity: 1; } [data-whatintent="mouse"] .list-collection li.disable-button:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); } .usp-list li.infogram:before { border: 1px solid var(--white); content: ""; width: 100%; left: 0; top: 0; height: 100%; position: absolute; z-index: -1; } .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: 16px; } .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; font-family: var(--body); } .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 li:nth-child(2n) div { width: 100%; padding-left: 52px;} .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, .list-news svg { 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, .template-blog .list-news a:hover, .template-article .list-news a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .list-featured h1 a, .list-featured h2 a, .list-featured h3 a, .list-featured h4 a, .list-featured h5 a, .list-featured h6 a { margin: 0 0 6px; font-size: 36px; font-weight: var(--headingsWeight); font-family: var(--headings); color: var(--headingsColor); } .list-featured header p + h1, .list-featured header p + h2, .list-featured header p + h3, .list-featured header p + h4, .list-featured header p + h5, .list-featured header p + h6 { margin-top: 0;} .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); } .full-width .list-feed { margin: 0; } .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 { position: relative; margin: 0 15px 0 0; font-size: 13px; } .list-filters a, .list-filters label { display: block; position: relative; padding: 0 21px 0 0; color: var(--dove); font-size: 1em; font-weight: 400; line-height: 1.9333333333; text-decoration: none; cursor: pointer; } .list-filters label { padding: 0; } .list-filters a:before { content: "\e946"; left: auto; right: 0; width: auto; margin-top: -11px; color: var(--alto); font-size: 16px; } .list-filters li.strong a, .list-filters li.strong label { padding: 0; font-weight: 400; text-decoration: underline; } .list-filters input { visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .list-gallery { list-style: none; margin-left: -25px; padding: 0; line-height: 1.4666666667; text-align: center; } #root .list-gallery li { margin: 0; border-left: 25px solid var(--blank); flex-grow: 1; width: 1px; } #root .list-gallery li:first-child { border-left: 0; } #root .list-gallery a { display: block; font-weight: 700; text-decoration: none; } .list-gallery img, .list-gallery svg { display: block; margin: 0 0 20px; } .list-gallery span { display: block; font-weight: 400; } .list-info { list-style: none; padding: 0; } .list-info li { position: relative; clear: both; padding: 0 0 0 187px; } .list-info li > span:first-child { display: block; float: left; width: 170px; margin-left: -187px; font-weight: 700; } .list-inline { list-style: none; margin-right: -14px; margin-left: -14px; padding: 0; font-weight: 700; } .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 .list-news svg { overflow: hidden; } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin: 0 0 5px; font-family: var(--headings); font-weight: var(--headingsWeight); color: var(--headingsColor); font-size: 36px; line-height: 1.375; text-decoration: none; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .list-news.title-lines-1 h3 { -webkit-line-clamp: 1; } .list-news.title-lines-2 h3 { -webkit-line-clamp: 2; } .list-news.title-lines-3 h3 { -webkit-line-clamp: 3; } .list-news a:hover h3 { text-decoration: underline; } .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; } .list-news .clone { z-index: 99; } .list-news p:last-child, .list-news p.last-child { margin-top: auto; padding-top: 10px; } .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-payments { list-style: none; margin-left: -6px; margin-right: -6px; padding: 0; } .list-payments li { overflow: hidden; height: 24px !important; margin: 0 6px 6px; } .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); text-align: left; } .list-product .item li { float: none; width: auto; margin: 0; border-left-width: 0; } .list-product a { display: block; overflow: hidden; position: relative; color: var(--white); text-decoration: none; } .list-product a[data-fancybox-group="gallery"] { z-index: 2; } .list-product .pager a:before { background: rgba(18,18,18,.05); 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 .label { z-index: 11; } .list-product .owl-dots { display: block; position: absolute; left: 0; right: 0; bottom: 14px; z-index: 9; } .list-product .pager { list-style: none; margin: 0 0 0 -34px; padding: 32px 0 0; } .list-product .pager li { width: 16.6666666667%; /*margin: 0 0 34px;*/ margin: 0; border-left: 34px solid rgba(0,0,0,0); } .list-product .pager li a:after { content: ""; } .list-product .pager .item li { width: auto; border-left-width: 0; } .list-product .pager img { height: 95px !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .list-product .pager .owl-nav button { display: block; position: absolute; top: 0; bottom: 0; height: auto; margin: 0; } .list-product .pager .owl-nav button.owl-prev { left: 0; } .list-product .pager .owl-nav button.owl-next { right: 0; } .list-product.text-center {/**/} .list-product.text-center li { width: 100%; } .list-product.text-center img { width: auto !important; margin: 0 auto; } .list-product.is-slider, .list-product .pager.thumb-slider { display: block; margin-left: 0; } .list-product.is-slider.slider { max-width: 760px; } .list-product.slider { opacity: 0; visibility: hidden; } .js .list-product.slider { opacity: 1; visibility: visible; } .list-product.slider .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); } .list-product.slider .owl-nav button.owl-next { right: 0; } .list-rating { list-style: none; margin: 37px 0 23px -100px; padding: 0; font-weight: 400; line-height: 2; text-align: center; } .list-rating li { position: relative; z-index: 2; width: 50%; min-height: 190px; margin: 0; padding: 20px 0 20px 250px; border-left: 100px solid rgba(0,0,0,0); font-size: 1.4em; } .list-rating li:nth-child(2n) { z-index: 3; } .list-rating li:nth-child(4n-3):before { background: var(--gallery); } .list-rating li:nth-child(2n):after { content: ""; display: block; position: absolute; left: -51px; top: 50%; width: 1px; height: 126px; margin: -63px 0 0; background: var(--mercury); } .list-rating .rating-a { position: absolute; left: 0; top: 50%; margin: -19px 0 0; padding: 0; font-size: 2.1428571429em; font-weight: 300; } .list-rating .rating-a .rating { left: calc(100% + 14px); top: 15px; height: 14px; } .list-rating .rating-a .rating > * { width: 16px; } .list-rating .rating-a .label span { display: block; position: absolute; left: 0; top: 100%; padding: 1px 0 0; color: var(--boulder); font-weight: 400; font-size: 0.4333333333em; white-space: nowrap; } .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; visibility: visible; opacity: 1;} .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 a { display: block; overflow: hidden; position: relative; } .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 a { display: inline; } .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 .pager .current img { opacity:0.5; border: 1px solid #878787; } .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; } #root .list-slider li { display: block; } .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); margin-right: 20px;} #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; visibility: visible; opacity: 1; padding: 3px 0 0; font-size: 16px; 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 { padding-right: 27px; font-size: 1.6em; line-height: 27px; margin: 0 0 10px 0; } #root .module-product .list-social.b li { width: 33%; } .list-social.b i { float: left; margin: 0 7px 0 0; font-size: 16px; 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-specs { list-style: none; padding: 0; } .list-specs li { position: relative; padding-left: 188px; } .list-specs li > span:first-child { display: block; position: absolute; left: 0; top: 0; font-weight: 700; } .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; } .list-tags li.active a, .list-tags li.active a span { color: var(--white); } [data-whatintent="mouse"] .list-tags a:hover:before,.list-tags li.active a: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; background-color: var(--buttons);} 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], a[disabled] { border-color: var(--silver); background: var(--silver); cursor: default; } button.add-to-cart-button, a.add-bundle-btn{ background-color: var(--addtocartbutton); border: 1px solid var(--addtocartbutton); color: var(--addtocartbuttontext); } #accordion-panel-1 button { background-color: var(--buttons); border: 1px solid var(--buttons);} [data-whatintent="mouse"] #accordion-panel-1 button:hover:after { border-radius: 0; } ::-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; visibility: visible; opacity: 1; } 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: 200px; height: 40px; line-height: 40px; margin-top: 8px; padding: 0 30px; border-radius: 0; border-width: 0; color: var(--buttonsText); font-size: 13px; font-weight: 700; text-align: center; text-decoration: none; letter-spacing: 0.0133333333em; } .link-btn a:hover:after, .list-btn a:hover:after { opacity:1!important; } .item button.add-size-to-cart:hover:after { opacity:1!important; } form p > span.overlay-c { display: block; margin-top: 11px; text-align: right; } .form-comment label span.overlay-c, .form-login label span.overlay-c { margin-left: 3px; color: var(--bodyText); } .form-comment .overlay-d, .form-login .overlay-d { color: var(--bodyText); } .form-comment label, .form-login label { font-family: var(--headings); } .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(--accent); background: var(--accent); } #root .check input, #root .checkb-box 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, .check-box a { display: block; overflow: hidden; position: relative; z-index: 2; 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; text-decoration: none; cursor: pointer; } #root .check-box input[disabled] ~ label, #root .check-box .disabled a, #root .checkbox a.disabled { border-color: var(--mercury); color: var(--mercury); cursor: default; } .check-box input[disabled] ~ label:before, .check-box .disabled a:before, .checkbox a.disabled:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OC41IDQ5LjkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU4LjUgNDkuOSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzkxQzFCNTt9PC9zdHlsZT48cGF0aCBkPSJNLS4wMyA0OS4xTDU3Ljg0IDBsLjY1Ljc1TC42IDQ5Ljg1eiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==); } .check-box input:checked ~ label, [data-whatintent="mouse"] .check-box label:hover, [data-whatintent="mouse"] .check-box a:hover, .check-box .active a, .check-box a.active { border-color: var(--black); } #root .check-box input { visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .check-box label:before, .check-box a:before { overflow: hidden; z-index: 3; background-size: 100% 100%; } .semantic-number { display: block; position: relative; } .semantic-number input { padding-left: 40px; padding-right: 40px; font-size: 16px; text-align: center; } #root .semantic-number a, #cart .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, #cart .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, #cart .semantic-number .plu { right: 0; } #root .semantic-number .plu:after, #cart .semantic-number .plu:after { content: "\e90a"; } #root .semantic-number .min, #cart .semantic-number .min { left: 0; } #root .semantic-number .min:after, #cart .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; overflow: hidden; 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; text-align: left; } [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); } [data-whatintent="mouse"] .form-cart button:hover:after { opacity: .8; } .form-cart a.btn { float: left; color: var(--black); } .form-cart a.btn.proceed-to-checkout{float: right;} .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; } .template-article #content .form-comment { margin-top: 35px; } .form-comment h1, .form-comment h2, .form-comment h3, .form-comment h4, .form-comment h5, .form-comment h6 { margin-bottom: 4px; font-size: 36px; } .form-comment header p { font-size: 16px; } .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: 16px; } .form-filter .header { padding-right: 15px; } .form-filter .header:before { content: "\e926"; left: auto; right: 3px; width: auto; font-size: 5px; } .form-filter .desktop-hide > h5.desktop-hide:first-child:before { content: ""; } .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; } .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(--bodyText); font-weight: var(--bodyWeight); font-size: 1em; line-height: 1.4; text-decoration: none; cursor: pointer; text-align: left!important; } .form-filter li label > a:before { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: -36px; } .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(--accent); } .form-filter li input:checked ~ label:before, .list-select ul input:checked ~ label:before { border-color: var(--accent); background: var(--accent); } [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: 40px; padding: 0 14px; border-right-width: 0; } .form-inline button { min-width: 140px; height: 40px; margin: 0; padding: 0 15px; line-height: 40px; } .form-newsletter { position: relative; z-index: 2; padding: 23px 0; text-align: center; } .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6 { margin-bottom: 6px;} .form-newsletter p { margin-bottom: 50px;} .form-newsletter button, .form-newsletter input[type="submit"] { height: 40px; margin: 0 0 0 20px; padding-top: 0; padding-bottom: 0; width: auto; } #root .form-newsletter.homepage { margin-bottom:0; } .AddToCartForm {/**/} .AddToCartForm .submit {/**/} .AddToCartForm .submit input { width: 60px; height: 40px; margin-right: 10px; padding: 0 5px; text-align: center; } .AddToCartForm .submit input { margin-bottom:0; } .AddToCartForm .submit button { height: 40px; margin: 0; padding-top: 0; padding-bottom: 0; } .AddToCartForm .submit a { display: block; overflow: hidden; position: relative; z-index: 2; width: 50px; height: 40px; min-width: 50px; max-width: 50px; margin-left: 1px; color: var(--white); font-size: 16px; text-indent: -3000em; text-align: left; text-decoration: none; } .AddToCartForm .open-login { z-index: 2; background: var(--addtocartbutton); color: var(--addtocartbuttontext); } .AddToCartForm .add-to-wishlist { z-index: 2; background: var(--addtocartbutton); color: var(--addtocartbuttontext); } .side-login-button{ z-index: 2; background: var(--buttons); } .AddToCartForm .semantic-select-wrapper, .AddToCartForm input:not([type="radio"]), .AddToCartForm select, .AddToCartForm textarea { margin-bottom: 17px; } .AddToCartForm em { color: var(--sale); } .form-sort { position: relative; z-index: 5 !important; margin: 0 0 20px -12px; } .form-sort ~ .form-sort { z-index: 4 !important; } .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: 16px; font-family: var(--body); } .form-sort > p { width: 20%; margin: 0 0 3px; 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 .ui-slider-a { margin: 0 0 12px auto; } #root .form-sort .ui-slider-a .legend { margin: 0; padding: 0 13px 0 0; } .form-sort .ui-slider-a .slider { width: 196px; } #root .form-sort .ui-slider-a + * { margin-left: 0; } .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; } .form-sort + .form-sort { z-index: 3 !important; } .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, #mobile, .list-brands img, .list-tags a:before, .link-btn a:before, .list-btn a:before, button:before, .list-news img, .list-news svg, a.btn:before, .list-collection .btn a span, .list-slider .label > .btn a span, .list-product .label > .btn a span, .popup-a .close, .module-product-sticky, .list-featured figure a, .list-news figure a, .semantic-number a:after, #top-bar, .list-collection li.disable-button figure img { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } #nav > ul.full { transition: transform .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, .has-bar #root, .closed-bar #root { transition: padding .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } #nav > ul + ul > li > a i[class*="menu"].done:before, #nav > ul + ul > li > a i[class*="menu"].done:after, #nav > ul + ul > li > a i[class*="menu"].done span { transition: transform .4s cubic-bezier(.4,0,.2,1) 0s, top .4s cubic-bezier(.4,0,.2,1) 0s, bottom .4s cubic-bezier(.4,0,.2,1) 0s, left .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s, visibility .4s cubic-bezier(.4,0,.2,1) 0s, width .4s cubic-bezier(.4,0,.2,1) 0s, height .4s cubic-bezier(.4,0,.2,1) 0s; } option, .semantic-select .input, .fancybox-stage *, .tabs-b > div > *, #nav > ul > li > a, #nav > ul > li > a i, #top input, #top button, #nav:before { transition: none; } .clear { clear: both; overflow: hidden; width: 100%; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #cookie a.close:after, .ui.dropdown .select, .nav-breadcrumbs li:last-child:before, .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, .form-inline label, .list-collection label, .form-welcome:not(.news-letter-popup) 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-box input, .check input, #root .list-comments.a .rating-a .label, .desktop-hide { position: absolute; left: -30000px; top: 0; right: auto; bottom: auto; visibility: hidden; opacity: 0;} .semantic-select ul li.hidden, .js .ui-slider-a p.legend, .semantic-select ul a span.inner { position: relative; left: 0; top: 0; visibility: visible; opacity: 1; } [hidden], template, .hidden-elements, #mobile, form.search-page button:after, .list-comments li.hidden, #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, #cart .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, .module-aside.static > div:before, .list-slider > *, #root .module-featured > article, .module-bulk .list-collection li:nth-child(5n-4):after, .list-cart.small li:before, #bottom, .list-filters label .icon-x, #root .AddToCartForm .submit .semantic-number .btn, #root .module-sections .header-toggle, .list-collection .label > *:before, .list-collection p.price span.small:before, .list-collection.list form p > span:first-child:nth-last-child(3), .list-collection.list .form p > span:first-child:nth-last-child(3), #root .list-collection.list p.btn, .list-collection .img .owl-dots, .list-collection .img .owl-nav, #root #footer .list-social a:before, #footer > .double:after { display: none; } .module-product .spacer { display: none !important; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .list-brands a, .list-brands img, .list-comments a.more, .list-usp .strong, [data-whatintent="mouse"] .list-collection li:hover form, [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, .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, .mobile .list-collection .form, .list-slider img, .list-slider > *:first-child, .list-slider > .inner, #root .module-featured > .inner, .list-collection.list p.price span.small, #root .list-slider > .label, #footer nav li a:hover:before, #footer nav li.strong a:before { 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; } #filter_form hr { margin: 12px 0 16px; } 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, .AddToCartForm .s13:first-child, .module-product .list-usp:first-child, .AddToCartForm .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, .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, .module-featured .link-btn:first-child, .module-bulk .link-btn:first-child, .module-bulk:first-child, .list-category:first-child, #root .list-big figure + div, #root .list-collection li.btn, #footer nav h1:first-child, #footer nav h2:first-child, #footer nav h3:first-child, #footer nav h4:first-child, #footer nav h5:first-child, #footer nav h6:first-child, .module-product.b .list-usp:first-child { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, .list-cart li:last-child, #cart .list-cart, .list-collection .img figure, .list-collection form p, .list-collection .form p, .form-sort .list-select, .popup-a .module-product, .module-wide header, .list-rating p { margin-bottom: 0; } .form-sort .list-select, .nav-pagination .next, .form-sort .nav-pagination + .text-right { margin-left: 0; } #cookie a: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 .s28.m10 { margin-bottom: 8px; } #root .m15 { margin-bottom: 15px; } #root .m20, .module-product .list-social.b, .AddToCartForm .list-social.b, .form-sort-spacer { margin-bottom: 20px; } #root .m25 { margin-bottom: 25px; } header { margin-bottom: 35px; } #root .m45 { margin-bottom: 45px; } #root .m55 { margin-bottom: 55px; } #root .m70 { margin-bottom: 70px; } /*! 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(--accent); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--accent); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ #footer > .double, #footer nav, .list-notifications ul, .list-big.cols .link-btn, .list-payments li, .list-collection.list figure, .list-collection.list .label, .text-center .rating-a, .list-rating li, .list-rating, .tabs-d > nav ul, .list-product.text-center li, .nav-breadcrumbs, .list-payments, .list-big.wide, .list-big .list-inline, .list-big.cols, #bottom ul ul li a, #bottom ul, .list-cart.small span.img, .list-box, .list-category, .form-sort .ui-slider-a, #logo, #root #logo a, .module-featured .link-btn, .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-product-sticky figure, .tabs-a > nav ul, .AddToCartForm .submit, .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, .list-cart ul, .list-gallery, .list-social.a li, .list-social, .link-btn, .form-newsletter p, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .list-btn, .grid, #root .module-featured > article:first-child, .usp-list, .list-news.slide { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* wrap */ .list-notifications ul, .list-big.cols .link-btn, .list-collection.list .label, .list-rating, .tabs-d > nav ul, .list-payments, .list-big .list-inline, .list-big, .list-box, .list-category, .list-big, .list-feed ul, .list-catalog, .list-inline, .tabs-b > nav ul, .list-product .owl-dots, .tabs-a > nav ul, .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, .list-gallery, .list-social, .link-btn, .form-newsletter p, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .list-btn, .grid.wrap, .usp-list { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* nowrap */ .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 */ .list-collection.list li, .list-rating li, .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, span.list-payments { -webkit-justify-content: flex-start; justify-content: flex-start; } /* justify-center */ .list-brands, .list-big.cols .link-btn, .list-collection.list li, .list-collection.list figure, .text-center .rating-a, .list-rating li, .tabs-d > nav ul, .list-product.text-center li, .list-payments, .list-big .list-inline, .list-cart.small span.img, .text-center .link-btn, .text-right .link-btn, .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-btn.button-list, .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, .list-social.a li, .form-newsletter p, .grid.justify-center { -webkit-justify-content: center; justify-content: center; } /* justify-end */ .list-payments, .grid.justify-end, .grid.bottom, .text-right .list-inline, .text-right.list-inline { -webkit-justify-content: flex-end; justify-content: flex-end; } /* justify-space */ #footer > .double, #footer nav, #bottom ul, .form-filter .submit, .list-usp, .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-big, .list-cart.small span.img, .list-collection, .grid.start, .list-news.slide { -webkit-align-items: flex-start; align-items: flex-start; } /* align-i-center */ #footer > .double, .list-payments li, .list-collection.list figure, .list-payments, #bottom ul ul li a, .form-sort .ui-slider-a, .module-aside.static, #logo, #logo a, .list-feed ul, .list-collection li.empty, .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*/ { -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-collection form p > span, .list-collection .form p > span, .list-slider .pager li, .tabs-a > nav ul li, .AddToCartForm 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: 'socials'; src: url(//www.jenest.com/cdn/shop/t/53/assets/socials.woff?v=88508294751714581231741031621) format('woff'), url(//www.jenest.com/cdn/shop/t/53/assets/socials.ttf?v=17539843937060371611741031621) format('truetype'); font-display: block; } [class^="access-"], [class*=" access-"] { font-family: 'socials' !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; } .access-icon-facebook:before { content: "\e900" } .access-icon-instagram:before { content: "\e901" } .access-icon-pinterest:before { content: "\e902" } .access-icon-twitter:before { content: "\e903" } .access-icon-youtube:before { content: "\e904" } @font-face { font-family: 'i'; src: url(//www.jenest.com/cdn/shop/t/53/assets/icomoon.woff2?v=142246885535499055451741031621) format('woff2'), url(//www.jenest.com/cdn/shop/t/53/assets/icomoon.woff?v=99506123500402525041741031621) format('woff'); font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\f976"; } .icon-arrow-left:before { content: "\f977"; } .icon-arrow-right:before { content: "\f978"; } .icon-arrow-up:before { content: "\f975"; } .icon-bag:before { content: "\e932"; } .icon-bag2:before { content: "\e967"; } .icon-bag3:before { content: "\e962"; } .icon-basket:before { content: "\e963"; } .icon-basket2:before { content: "\e964"; } .icon-blog:before { content: "\e93c"; } .icon-box:before { content: "\e95f"; } .icon-calendar:before { content: "\e933"; } .icon-cart:before { content: "\e935"; } .icon-cart2:before { content: "\e968"; } .icon-cart3:before { content: "\e961"; } .icon-cart4:before { content: "\e965"; } .icon-cart5:before { content: "\e96a"; } .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-check-strong:before { content: "\e960"; } .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-compare:before { content: "\e971"; } .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-delivery:before { content: "\e96c"; } .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-circle2:before { content: "\e974"; } .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-grid-list:before { content: "\e972"; } .icon-heart:before { content: "\e91a"; } .icon-heart-outline:before { content: "\e91b"; } .icon-heart-strong:before { content: "\e969"; } .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-menu2:before { content: "\e96f"; } .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-shield:before { content: "\e96d"; } .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-time:before { content: "\e96b"; } .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-circle:before { content: "\e966"; } .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-x2:before { content: "\e96e"; } .icon-youtube:before { content: "\e94e"; } .icon-zoom:before { content: "\e936"; } .icon-zoom2:before { content: "\e970"; } /* 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); } } .list-collection.slider.categories span { font-size: 16px; color: var(--headingsColor); font-family: var(--headings); font-weight: var(--headingsWeight); } #logo img { max-width: 250px; } #logo img { margin: 0 auto; object-fit: contain;} .product-configure-custom-option-item label { display: inline-block; margin-left: 8px; font-weight: 400; } .gui-input input:focus, .gui-text textarea:focus { border: 1px solid #dadada; border-bottom: 1px solid var(--accent); transition: all 0.3s ease-out; } .jello-horizontal{-webkit-animation:jello-horizontal .9s both;animation:jello-horizontal .9s both} @-webkit-keyframes jello-horizontal{ 0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);background-color:var(--accent);} 40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);background-color:var(--accent);} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);background-color:var(--accent);} 100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes jello-horizontal{ 0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);background-color:var(--accent);} 40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);background-color:var(--accent);} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);background-color:var(--accent);} 100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .list-collection ul.label li.btn .in-wishlist i.icon-heart:before, .list-product ul.label li.btn .in-wishlist i.icon-heart:before, .list-slider ul.label li.btn .in-wishlist i.icon-heart:before, .AddToCartForm .submit a.in-wishlist .icon-heart-outline:before { content: "\e91a"; } .list-collection ul.label li.btn a.in-wishlist span, .list-product ul.label li.btn a.in-wishlist span, .list-slider ul.label li.btn a.in-wishlist span { display:none; } .no-mobile .close:hover:before { transition: 0.30s; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .no-mobile .close:before { transition: 0.30s; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .add-size-to-cart.full-width{ width: 100%!important; } button.add-size-to-cart{ border-radius: 0; background: var(--addtocartbutton); color: var(--addtocartbuttontext);} button.add-size-to-cart:after{ background: var(--addtocartbutton); border: none; color: var(--addtocartbuttontext);} [data-whatintent="mouse"] button.add-size-to-cart:hover:after { border-radius: 0; } .mobile .variant-select-snippet, .ipad .variant-select-snippet { display: none !important; } .wsa-demobar { top: 0 !important; position: fixed !important; min-height: unset !important; height:unset !important; line-height: unset !important; background: #000 !important; border: 0 !important; font-family: unset !important; box-shadow: unset !important; font-weight: normal !important; padding:10px; z-index:9999999999999 !important; } .wsa-demobar a.close { display: inline-block !important; float: none !important; width: unset !important; height: unset !important; text-indent: unset !important; background: none !important; } .module-wide.left header { text-align: left; } .module-wide.left .list-inline { text-align: left; width: 640px; justify-content: start; } .module-wide.left .list-inline li:first-of-type { margin-left: 0; } .module-wide.right header { text-align: right; } .module-wide.right .list-inline { text-align: right; width: 640px; justify-content: flex-end; } .module-wide.right .list-inline li:last-of-type { margin-right: 0; } ul.list-checks{ list-style: none; padding-left: 0px; } ul.list-checks li:before{ margin-right: 10px; font-size: 10px; } .list-collection .img.home-custom-banners.banner-1.lazy-bg-loaded, .list-collection .img.home-custom-banners.banner-2.lazy-bg-loaded, .list-collection .img.home-custom-banners.banner-3.lazy-bg-loaded { background-size: cover !important; } .hero-1 .list-btn li a { z-index: 2; } .hero-2 .list-btn li a { z-index: 2; } .hero-3 .list-btn li a{ z-index: 2; } .list-collection.compact li form p button{ background: var(--addtocartbutton); color: var(--addtocartbuttontext); min-width: auto; } .banner-slide.module-wide ul.list-inline li .link-btn a { color: #fff !important; } .list-big.banner-grid.cols .link-btn { display: inline-flex; } .footer-cart-buttons a { border: 1px solid #000; } .footer-cart-buttons a:hover{ color: #000 !important; } .buy-button.link-btn a { background: var(--addtocartbutton); border: 1px solid var(--addtocartbutton); color: var(--addtocartbuttontext); } #root .gui-buttons.gui-border .gui-right .gui-button-small, #root .gui a.gui-button-large, #root .gui a.gui-button-small, .form-comment p.submit button { color: var(--buttonsText); border: 1px solid var(--buttons); background: var(--buttons); } .list-cart ul a.in-wishlist { display:none; } #root .m0 { margin-bottom: 0; } .module-featured figure, .module-wide figure, .banner-slide figure { text-align: left!important; } .module-featured .module-wide { margin-bottom: 0; padding: 50px 30px 28px; } .full-width .module-featured:not(.boxed) .module-wide, .full-width .module-wide { width: 100vw; margin: 0 auto; padding: 50px 60px 28px;} .full-width .module-wide.boxed { width: calc(100vw - 40px); margin-left: 20px; margin-right: 20px; } .module-featured:not(.boxed) .module-wide { width: 1314px; margin: 0 auto; padding-left: 0; padding-right: 0;} .module-featured.full .module-wide { margin-bottom: 0;} .module-featured.boxed { margin: 0 0 50px; ; } .module-featured, .usp-slider:not(.boxed) { margin: 0 calc(-50vw + 657px) 50px; } .full-width .module-featured:not(.boxed), .full-width .usp-slider:not(.boxed) { margin: 0 calc(-50vw + 637px) 50px; } .usp-slider { border-left: 0; border-right: 0; } .usp-list li.infogram h3 { font-size: 16px; margin-bottom: 0; } .usp-list li.infogram h3.only { white-space: normal; line-height: 1.5!important; margin: 0; } #filter_form .list-select li a, #filter_form .list-select li span { color: var(--bodyText); } .list-select li.advanced-filter > a, .list-select li.filter > a { text-decoration: none; font-weight: 400; font-size: 1em; color: var(--bodyText); } #filter_form .list-select li.advanced-filter label:hover { cursor: pointer; } #shopify-product-reviews .spr-container { border: none; padding: 0; } #shopify-product-reviews .spr-summary-actions-newreview { display: block; overflow: hidden; position: relative; margin: 0 8px 8px 0; height: 40px; border-radius: 0; font-size: 13px; line-height: 40px; text-align: center; letter-spacing: 0.0133333333em; font-weight: 700; z-index: 2; border-color: var(--buttons); min-width: 200px; border: 1px solid var(--buttons); background: transparent; color: var(--buttons); text-decoration: none; font-size: 13px; margin-right: 0; padding: 0 20px; } #shopify-product-reviews .spr-summary-actions-newreview:after { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; border-color: var(--mercury); background: none; } #shopify-product-reviews .spr-summary-actions-newreview:hover { color: var(--white); } #shopify-product-reviews .spr-summary-actions-newreview:hover:after { opacity: 1!important; border-color: var(--buttons); background: var(--buttons); } #shopify-product-reviews .spr-summary-caption { position: absolute; display: block; margin-top: -12px; } #shopify-product-reviews span, #shopify-product-reviews p, #shopify-product-reviews .spr-form-message, #shopify-product-reviews label { font-size: 16px; } #shopify-product-reviews .spr-form-message:focus { outline: none; } #shopify-product-reviews .spr-form-review-rating { overflow: visible; } #shopify-product-reviews strong { color: var(--dove); } #shopify-product-reviews .spr-review { width: 100%; } #shopify-product-reviews .spr-content { position: relative; } #shopify-product-reviews .spr-review-header { width: 25%; display: inline-block; } #shopify-product-reviews .spr-review-content { width: 74.81%; display: inline-block; padding: 25px 30px; border: 1px solid var(--mercury); position: relative; margin: 0 0 10px 0; } #shopify-product-reviews .spr-review-header-byline { font-style: normal; } #shopify-product-reviews .spr-starratings { font-size: 8px; color: #F9C73A; } #shopify-product-reviews .spr-summary-starrating .spr-icon { top: -3px; } #shopify-product-reviews .custom-rating{ margin-left: 5px; font-size: 36px; } #shopify-product-reviews .spr-review-reportreview { font-size: 13px; color: var(--bodyText); } #shopify-product-reviews .spr-header-title { display: none; } #shopify-product-reviews .spr-summary-starrating { display: none; } #shopify-product-reviews .spr-form-title { font-size: 36px; padding-bottom: 15px; } .form-filter li label:first-letter, .form-filter .header:first-letter, .list-filters a:first-letter, .form-sort .list-select li:first-letter, .form-sort .list-select li label:first-letter { text-transform: uppercase; } .list-collection li.centered, .list-collection.centered li { overflow: hidden; } .list-collection li.centered.given-height .container, .list-collection.centered li.given-height .container { height: 100%; display: flex; flex-direction: column; } .list-collection li.centered.given-height .container .img, .list-collection.centered li.given-height .container .img { flex: 1; position: relative; justify-content: center; display: flex; } .list-collection li.centered.given-height .container .img figure, .list-collection.centered li.given-height .img figure { position: absolute; top: 50%; transform: translateY(-50%); } li.flex-grow { flex-grow: 1; width: 1px; } li.break { flex-basis: 100%; width: 0; height: 0; padding: 0; border: none; margin-bottom: 0; } li.break:before, li.break:after { content: none; } .product-preview #top .module-product-bar { height: 63px; top: 100%; z-index: -1; } .product-preview #top.static .module-product-bar { top: 0; } #top .module-product-bar { pointer-events: none; } .product-preview #top .module-product-bar{ pointer-events: all; } .product-preview #top.no-sticky-header .module-product-bar { top: calc(100% - 63px); } .product-preview #nav.sticky ~ .module-product-bar { top: 0; z-index: 999; } .product-preview #nav.sticky ~ form { visibility: hidden; opacity: 0; } .module-product-bar h3 { max-width: calc(100% - 480px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 20px; text-align: left; } .module-product-bar form.variant-select-form { position: absolute; right: 0; } .module-product-bar form p.variant-selection { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module-product-bar form p.variant-selection span { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; width: 32px; height: 47px; } .module-product-bar form p.variant-selection button { height: 46px; margin: 0; font-size: 13px; line-height: 46px; } .module-product-bar form p.variant-selection button:hover:after { border-radius: 0; } .module-product-bar .AddToCartForm select { } button.wide { width: 100%; } button.a { border: 1px solid var(--buttons); background: transparent; color: var(--buttons); } button.a:hover { background: var(--buttons); color: var(--buttonsText); } button.a:hover:after { border: none; background: none; } .module-aside.static.inverted-layout { padding: 0; flex-direction: row-reverse; } .clickable-image { max-width: 100%!important; width: 100%!important; height: 100%!important; margin: 0; padding: 0; position: absolute; } .module-wide .clickable-image { max-width: none!important; left: 50%; width: 100vw!important; margin: 0 0 0 -50vw; top: 0; } .module-wide h2 + ul { margin-top: 15px; } .module-aside h2 + ul { padding-top: 15px; } .banner-grid p + p { margin-top: 23px; } #root #newsletter-footer { margin-bottom: 0; padding-left: 20px; padding-right: 20px; } #root #newsletter-footer .m55 { margin-bottom: 0; } .announcement a { text-decoration: none; } .list-social li img { margin-right: 7px; width: 13px; height: 13px!important; object-fit: contain; } .module-featured.boxed.full { margin-bottom: 50px!important; } .product-preview #top.static.with-product-bar, { position: fixed; height: 63px; } .product-preview #top.sticky-menu.with-product-bar { position: fixed; top: 0; height: 0; } .product-preview #top.static > *:not(.module-product-bar) { transition: none; opacity: 0; } .menu-icon { width: 60px; height: 60px; position: absolute; top: 0; background-repeat: no-repeat; background-position: center; z-index: 2; } #content .shopify-section.section > article:not(.usp-row):not(.mobile-tab), #content .shopify-section.section > ul, #content .shopify-section.section > form { margin-bottom: 50px!important;} #content .shopify-section.section > article.products-with-banner, #content .shopify-section.section > article.collection-grid, #content .shopify-section.section > article.product-slider { margin-bottom: 13px!important; } #content .shopify-section.section > article.button-list { margin-bottom: 43px!important; } #content .shopify-section.section > article.section-banner-row { margin-bottom: 27px!important; } #content .shopify-section.section > .banner-grid { margin-bottom: 25px!important; } #content .shopify-section.section > .usp-row { margin-bottom: 13px; } .placeholder-svg { object-fit: contain; height: 100%; width: 100%; fill: rgba(133, 133, 133, 0.35); background-color: rgba(133, 133, 133, 0.1); } .list-gallery .placeholder-container { flex-grow: 0.94!important; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .fs13 { font-size: 13px!important; } .fs28 { font-size: 36px!important; } #root .banner-row li figure { margin-bottom: 30px; } .w1075 { max-width: 1075px; width: auto; } .w1075.double, .w1075.text-center { margin-left: auto; margin-right: auto; } .w1075.double:not(.hidden) { position: relative; left: 3.5px; max-width: 1140px; } .w1075.text-center { text-align: left; } .form-login>* { flex-direction: column; } .form-login { align-items: stretch; display: flex; } .template-login #content label, .template-register #content label, .template-addresses #content label, .template-reset_password #content label, .template-activate_account #content label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 5px; text-align: left; font-family: var(--headings); } .template-login #content p .sticky, .template-login #content label .sticky, .template-register #content p .sticky, .template-register #content label .sticky, .template-addresses #content p .sticky, .template-addresses #content label .sticky { display: block; position: absolute; right: 0; top: 2px; font-size: 0.875em; } .template-addresses #content .double-btns { display: flex; } .template-addresses #content p.address_form_label, .template-addresses #content label.address_form_label { padding-left: 10px; display: inline-block; } .template-login #content .m0, .template-register #content .m0, .template-account #content .m0, .template-addresses #content .m0 { margin-bottom: 0; } .template-login #content .m60, .template-register #content .m60, .template-addresses #content .m60 { margin-bottom: 60px; } .template-addresses #content button.small, .template-addresses #content .button.small, .template-activate_account #content button.small { width: auto; float: none; display: inline-block; } .template-addresses #content button.btncancel, .template-addresses #content button.btndelete, .template-addresses #content .button.btncancel, .template-addresses #content .button.btndelete, .template-activate_account #content button.btncancel{ margin-left: 20px; } .template-login #content .link-btn, .template-register #content .link-btn, .template-account #content .link-btn, .template-addresses #content .link-btn { align-items: center; margin-top: auto; } .template-login #content .link-btn a, .template-register #content .link-btn a, .template-account #content .link-btn a, .template-addresses #content .link-btn a { margin-top: 20px; margin-bottom: 0; text-align: center!important; } .template-login #content .link-btn a, .template-register #content .link-btn a { width: 100%; } .template-account #content .link-btn.text-justify, .template-addresses #content .link-btn.text-justify { justify-content: space-between; } .template-account #content .link-btn.text-justify span, .template-account #content .link-btn.text-justify p, .template-addresses #content .link-btn.text-justify span, .template-addresses #content .link-btn.text-justify p { width: auto; } .template-login #content .is-hidden, .template-register #content .is-hidden, .template-addresses #content .is-hidden { margin-top: 20px !important; } .template-account #content .header-line, .template-addresses #content .header-line, .template-order #content .header-line { margin: 0 0 30px; padding: 0 0 20px; border-bottom: 1px solid var(--silver); font-size: 1.8em; } .template-addresses #content .semantic-select .ul { z-index: 10; top: 1px; } .responsive-table { width: 100%; } .responsive-table th, .responsive-table td { text-align: left; } .responsive-table dd { padding-left: 0; } .template-search form.search-page input{ height: 50px; padding: 0 50px 0 25px; color: var(--black); font-size: 1em; } .template-search h5 { font-size: 16px; font-family: var(--body); margin-bottom: 35px; text-transform: none; } .template-search .cols-c { margin-left: -24px; } .template-search .highlight { background: var(--accent); color: var(--white); font-weight: var(--bodyWeight); padding: 2px 5px; } .template-search .search-result-text { border-bottom: 1px solid var(--silver); padding-bottom: 12px; } .centered img { object-fit: contain; } .filled img { object-fit: cover; } figure.no-ratio { overflow: hidden; } .no-ratio img, .no-ratio .placeholder-svg, img.no-ratio, .no-ratio .pusher + div, [data-fancybox] *[id*='modelviewer'] { position: absolute!important; top: 0; bottom: 0; left: 0; right: 0; height: 100%!important; width: 100%; } .no-ratio.portrait .pusher { margin-top: 125%; } .no-ratio.landscape .pusher { margin-top: 75%; } .no-ratio.square .pusher { margin-top: 100%; } .list-feed .pusher { margin-top: 100%; } .list-collection.banner-row .pusher { margin-top: 400px; } .blogs-row .pusher { margin-top: 375px; } article.article .pusher { margin-top: 600px; } .heading-wide .pusher { margin-top: 225px; } .cols-c.no-sidebar .content figure.no-ratio .pusher { margin-top: 230px; margin-left: 260px; } .list-feed img, .list-feed video { position: absolute!important; top: 0; bottom: 0; left: 0; right: 0; height: 100%!important; object-fit: cover; } .list-collection li div div, .recently-viewed.list-collection li .container .img { margin-bottom: 10px; } .list-collection li div div p, .recently-viewed.list-collection li .container > p { min-height: 25px; } .list-collection li h3, .recently-viewed.list-collection li h2 { min-height: 40px; font-size: 16px; } .recently-viewed.list-collection button { border-radius: 0; } .recently-viewed.list-collection button.w100 { min-width: 0; } .search-autocomplete .list-cart.small li .img { height: 60px!important; top: 50%!important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .shopify-section { position: relative; } #shopify-section-header { position: unset; } .template-article #content .article, .template-article #content ul.list-comments, .template-article #content footer, .template-article #content form { max-width: 974px; margin: 0 auto; } .template-article #content ul.list-comments {margin: 44px auto 3px auto;} .template-article .article header + p { margin-top: -15px; } .module-aside p { margin-bottom: 0; } .module-aside p + .list-inline:not(.list-btn) { margin-top: 7px; } .module-aside p + .list-inline.list-btn { margin-top: 13px; } .module-aside .list-inline.list-btn + p { margin-top: 18px; } .module-aside .list-inline.list-btn + h2 { margin-top: 15px; } .module-aside h2 + p { margin-top: -10px; } .module-aside p + h2 { margin-top: 15px; } .module-aside h2 + .list-inline { margin-top: -16px; } .module-aside .list-inline + p { margin-top: 15px; } .module-aside .list-inline + h2 { margin-top: 15px; } .module-wide .list-inline, .module-aside .list-inline { margin: -7px; } .module-wide .list-inline li, .module-aside .list-inline li { margin: 7px; } /* cl:b */ #nav:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ #root #nav > ul.full ul li a:after, #nav > ul + ul > li > a i[class*="menu"].done:before, #nav > ul + ul > li > a i[class*="menu"].done:after, #top > form > div:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } /* wide */ #nav > ul.full:before, #nav > ul.full > li:before, #top > form:before, #nav:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } /* icon */ #nav > .full-toggle:before, #root #top #nav > ul.full.ul-toggle > li.toggle > a:before, #root #top #nav > ul.full .ul-toggle > li.toggle > a:before, #root #top #nav > ul.full > li > a.toggle:before, #root #nav > ul.full ul li a.toggle:before, #root #top #nav > ul.full > li > a.toggle:before, #nav > ul + ul > li > a i[class*="menu"] span, #top > .menu:before, #top > form > .remove:before, #top > form button:before, #nav > ul > li.sub > a:before, #nav > ul:first-child > li > ul > li > a.toggle:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* tr:x */ #nav > ul > li > ul { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* tr:n */ .full-active #nav > ul.full, #nav > ul:first-child > li > ul { opacity: 1; -webkit-transform: none; transform: none; } /* show */ .not-top #top.blank.scroll-to-fixed-fixed #nav:before { visibility: visible; opacity: 1; } /* hide */ #top.blank #nav:before { visibility: hidden; opacity: 0; } /* td:b */ [data-whatintent="mouse"] #nav > ul > li > div li a:hover { font-weight: 800; } #root { padding-top: 164px; margin-bottom: -1px;} #top { position: absolute; left: 50%; top: -1px; z-index: 19 !important; width: 1314px; height: 164px; margin-left: -657px; font-family: var(--bodyText) } .full-width #top { left: 20px; right: 20px; width: auto; margin: 0; } #top:before { bottom: auto; height: 100%; border-bottom: 0 solid var(--mercury); background: var(--white); } #top #logo { position: absolute; left: 0; top: 0; bottom: 57px; z-index: 12; margin: 0; } #top #logo.text-center, #top.text-center #logo { left: 50%; } #nav { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 57px; padding: 16px 0 0; } #nav:before { bottom: -1px; border: 0 solid var(--concrete); border-top-width: 1px; border-bottom-width: 1px; border-bottom-color: var(--mercury); } .not-top #top.scroll-to-fixed-fixed #nav:before, #nav.scroll-to-fixed-fixed:before { border-bottom-width: 1px; background: var(--white); } .scrolled-up #nav.sticky.scroll-to-fixed-fixed { -webkit-transform: translateY(100%); transform: translateY(100%); } .not-top #top.static.scroll-to-fixed-fixed #nav:before { border-bottom-width: 0; } #nav.scroll-to-fixed-fixed:before { border-top-width: 0; } .search-active #nav { z-index: 9; } #nav > ul { list-style: none; padding: 0; font-weight: 700; } #nav > ul > li { position: static; margin: 0 22px 0 0; padding: 0 0 15px; } #nav > ul { margin-right: -22px; } #nav > ul > li > a { display: block; position: relative; height: 26px; color: var(--black); line-height: 23px; text-decoration: none; } #nav > ul > li > a[class*="overlay"] { padding: 0 11px; } #nav > ul > li > a:after, #nav > ul > li > 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, [data-whatintent="mouse"] #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.full > li > a.toggle { width: 0; } #nav > ul.full > li > a { font-family: var(--headings); } #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; } #bottom ul li i.icon-cart:before { content: "\e932"; font-size: 23px; } #nav > ul > li > a i.icon-menu:before { content: "\e973"; font-size: 19px; } #nav > ul > li.sub.lang > a { padding-right: 17px; } #nav > ul > li.sub > 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 { 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; max-height: calc(100vh - 100px); overflow-y: auto; } #nav > ul > li > ul li { padding: 2px 0; font-size: 16px; } #nav > ul > li > ul li a { display: block; padding: 9px 20px; color: var(--black); line-height: 1.3; text-decoration: none; white-space: nowrap; } #nav > ul > li > ul li a > span { padding-left: 5px; } [data-whatintent="mouse"] #nav > ul > li > ul li:hover > a, [data-whatintent="mouse"] #nav > ul > li > ul li a:hover { background: var(--concrete); } #nav > ul > li > ul li a img { position: relative; left: -10px; width: 18px !important; max-width: none !important; margin: 0; border-radius: 0; } #nav > ul > li > div { position: absolute; left: -10040px; right: -10000px; top: 100%; z-index: 3; margin: 0; padding: 23px 10000px 36px; border-top: 1px solid var(--mercury); background: var(--white); } #nav > ul > li > div > * { width: 20%; border-left: 40px solid var(--blank); } #nav > ul > li > div:not(.double) > * { width: 30%; border-left: 40px solid var(--blank); } /* #nav > ul > li > div.double > * { width: 50%; } */ #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);*/ width: 100%; margin-left: 0; } #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: absolute; right: 0; left: 0; bottom: 100%; z-index: 2; float: right; height: auto; margin: 0; padding: 0; font-weight: 400; text-align: center; } #nav > ul + ul > li { margin-right: 18px; font-size: 11px; } #nav > ul + ul > li.sub { position: relative; } #nav > ul + ul.text-left > li:first-child { margin-right: auto; } #nav > ul + ul.text-left > li:first-child > a i { padding: 0; } #nav > ul + ul > li > a:not(.toggle) { display: block; position: relative; height: 50px; color: var(--black); } #nav > ul + ul > li > a.toggle { position: absolute; } #nav > ul + ul > li > a i, #nav > ul + ul > li > a img { display: block; position: relative; margin: 0 auto 5px; padding-left: 3px; padding-right: 3px; font-size: 22px; line-height: 22px; font-style: normal; } #nav > ul + ul > li > a i[class*="heart"] { font-size: 19px; } #nav > ul + ul > li > a i[class*="zoom"] { font-size: 21px; } #nav > ul + ul > li > a i[class*="menu"].done { width: 30px; height: 22px; } #nav > ul + ul > li > a i[class*="menu"].done:before, #nav > ul + ul > li > a i[class*="menu"].done:after, #nav > ul + ul > li > a i[class*="menu"].done span { width: 29px; height: 2px; border-radius: 4px; } #nav > ul + ul > li > a i[class*="menu"].done:before { top: 3px; bottom: auto; } #nav > ul + ul > li > a i[class*="menu"].done:after { bottom: 0; top: auto; } #nav > ul + ul > li > a i[class*="menu"].done span { top: 12px; bottom: auto; width: 22px; margin: 0; } #nav > ul + ul > li > a img { padding-left: 0; padding-right: 0; border-radius: 99px; } #nav > ul + ul > li > a > .no { display: block; overflow: hidden; position: absolute; right: 50%; top: -9px; min-width: 19px; height: 19px; margin: 0 -26px 0 0; padding: 0 3px; border-radius: 19px; background: var(--black); color: var(--white); font-size: 12px; line-height: 19px; text-align: center; } #nav > ul + ul > li.lang > a, #nav > ul + ul > li.lang.sub > a, #nav > ul + ul > li.cur > a, #nav > ul + ul > li.cur.sub > a { padding: 0; } #nav > ul + ul > li > a i[class*="heart"] ~ .no { margin-right: -22px; background: var(--silver); } #nav h1 a, #nav h2 a, #nav h3 a, #nav h4 a, #nav h5 a, #nav h6 a { color: var(--black); text-decoration: none; } #nav > ul:first-child > li > ul { left: auto; width: 265px; margin: -2px 0 0; padding: 8px 0 6px; text-align: left; z-index: 9999;} #nav > ul:first-child > li > ul > li, #nav > ul:first-child > li > ul > li > ul li { position: relative; margin: 0; padding: 0; font-size: 14px; } #nav > ul:first-child > li > ul > li.sub > a { padding-right: 64px; } #nav > ul:first-child > li > ul > li > a, #nav > ul:first-child > li > ul > li > ul li > a { display: block; position: relative; z-index: 2; padding: 10px 35px; font-weight: 400; } #nav > ul:first-child > li > ul > li > a.toggle { display: block; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; width: 64px; padding: 0; background: none; color: var(--black); text-indent: -3000em; text-align: left; text-decoration: none; } #nav > ul:first-child > li > ul > li > a.toggle:before { content: "\e92d"; font-size: 8px; } #nav > ul:first-child > li > ul li.strong { padding-top: 1px; } #nav > ul:first-child > li > ul li.strong:last-child { margin-bottom: -6px; } #nav > ul:first-child > li > ul li.strong:before { content: ""; display: block; position: absolute; left: 10px; right: 10px; top: 0; height: 1px; background: var(--mercury); } #nav > ul:first-child > li > ul li.strong > a { padding-top: 18px; padding-bottom: 18px; font-weight: 700; } #nav > ul:first-child > li > ul ul { display: none; position: absolute; left: 100%; top: -9px; list-style: none; width: 265px; margin: 0; padding: 8px 0 6px; border: 1px solid var(--mercury); background: var(--white); } #nav > ul.full { display: block; position: absolute; left: 0; right: 0; top: 100%; z-index: 1; width: auto; height: calc(100vh - 219px); margin: 0; padding: 0 0; background: var(--white); text-align: center; } #nav > ul.full { -webkit-transform: translateY(100%); transform: translateY(100%); } #nav > ul.full:before { background: var(--white); } #root #nav > ul.full { z-index: 1; } #root #nav > ul.full + ul { z-index: 0; } #root #nav > ul.full > li { position: static; width: 100%; height: auto; margin: 0; padding: 0; border: 0 solid var(--mercury); font-size: 4.6em; } #nav > ul.full > li:before { top: -1px; border: 0 solid var(--mercury); } #root #top #nav > ul.full > li > a, #root #nav > ul.full ul li a { display: block; position: relative; height: auto; padding: 21px 0; background: none; color: var(--black); font-family: var(--headings); font-weight: var(--headingsWeight); font-size: 1em; line-height: 1.1; text-align: center; } #root #top #nav > ul.full > li > a:after, #root #top #nav > ul.full > li > ul > li > a:after, #root #nav > ul.full ul li a:after { display: none; bottom: 7px; top: auto; height: 2px; background: var(--black); } #root #top #nav > ul.full > li > a.toggle, #root #nav > ul.full ul li a.toggle { display: block; overflow: hidden; position: relative; left: 0; width: 30px; height: auto; margin: 0 -100px 0 70px; text-indent: -3000em; text-align: left; } #root #top #nav > ul.full > li > a.toggle:before, #root #nav > ul.full ul li a.toggle:before { content: "\f978"; font-size: 15px; } #root #nav > ul.full ul { display: none; position: static; left: 0; top: 0; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 0; border-width: 0; } #root #nav > ul.full ul li { position: static; font-size: 1em; } #root #nav > ul.full.ul-toggle > li, #root #nav > ul.full .ul-toggle > li, #root #top #nav > ul.full.ul-toggle > li.toggle > a.toggle:before, #root #top #nav > ul.full .ul-toggle > li.toggle > a.toggle:before, #root #nav > ul.full .owl-nav button:after { display: none; } #root #nav > ul.full.ul-toggle > li.toggle, #root #nav > ul.full.ul-toggle > li.toggle > ul, #root #nav > ul.full .ul-toggle > li.toggle { display: block; } #root #top #nav > ul.full.ul-toggle > li.toggle > a, #root #top #nav > ul.full .ul-toggle > li.toggle > a { display: none; position: absolute; right: 0; top: -102px; left: auto; bottom: auto; z-index: 8; margin: 0; padding: 0 0 0 47px; background: var(--white); font-size: 22px; font-weight: 500; line-height: 102px; text-transform: none; } #root #top #nav > ul.full.ul-toggle > li.toggle > a:before, #root #top #nav > ul.full .ul-toggle > li.toggle > a:before, #nav > .full-toggle:before { content: "\f977"; right: auto; font-size: 15px; } #root #top #nav > ul.full.ul-toggle > li.toggle > a.toggle, #root #top #nav > ul.full .ul-toggle > li.toggle > a.toggle { z-index: 9; width: 200px; background: none; } #root #nav > ul.full ul ul {/**/} #root #nav > ul.full ul ul > div, #root #nav > ul.full ul ul > div.outer > div, #root #nav > ul.full ul ul div.outer > div { width: 33.3333333333333%; } #root #nav > ul.full ul ul > div.inner, #root #nav > ul.full ul ul li, #root #nav > ul.full ul ul > div.outer { width: 100%; } #root #nav > ul.full .owl-nav button { position: absolute; top: auto; bottom: 62px; min-width: 0; width: auto; height: auto; margin: 0; padding: 0; background: none; color: var(--chalice); font-size: 22px; font-weight: 500; text-transform: none; text-indent: 0; } #root #nav > ul.full .owl-nav button.owl-prev { left: 0; } #root #nav > ul.full .owl-nav button.owl-next { right: 0; } #root #nav > ul.full .owl-dots { position: absolute; left: 0; right: 0; bottom: 62px; } #root #nav > ul.full .owl-dots button { width: 28px; height: 28px; } #root #nav > ul.full .owl-dots button:after { width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border-radius: 9px; border: 1px solid var(--black); background: none; } #root #nav > ul.full .owl-dots button.active:after { background: var(--black); } #root #nav > ul.full .owl-dots button.active:after { -webkit-transform: scale(1.285); transform: scale(1.285); } #root #nav > ul.full .owl-carousel.owl-loading, #root #nav > ul.full .owl-carousel.owl-loaded { position: static; } .closed-bar #nav > ul.full, #top.scroll-to-fixed-fixed #nav > ul.full { height: calc(100vh - 164px); } #nav > .full-toggle { display: none; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; padding: 0 0 0 47px; color: var(--black); font-size: 22px; font-weight: 500; line-height: 102px; text-transform: none; text-decoration: none; } #top > form { display: block; position: absolute; left: 50%; top: 29px; width: 672px; margin: 0 0 0 -336px; } .header-medium #top > form:before, .header-compact #top > form:before { display: none; border-bottom: 0 solid var(--mercury); } #top.blank > form:before { background: none; } #top > form p { width: 100%; margin: 0; font-size: 16px; } #top *:focus { outline: 0!important; outline-width: 0!important; } #top > form input { position: relative; top: 0; height: 50px; padding: 0 50px 0 25px; border-radius: 0; border: 1px solid var(--mercury); background: var(--white); color: var(--black); font-size: 1em; } #top > form ::-webkit-input-placeholder { opacity: 1; color: inherit; } #top > form :-ms-input-placeholder { opacity: 1; color: inherit; } #top > form ::-ms-input-placeholder { opacity: 1; color: inherit; } #top > form ::placeholder { opacity: 1; color: inherit; } #top > form button { position: absolute; right: 1px; top: 1px; bottom: 1px; width: 56px; min-width: 0; height: 48px; margin: 0; padding: 0; border-width: 0; background: none; color: var(--coal); font-size: 21px; text-indent: -3000em; text-align: left; border-radius: 0; } #top > form button:before { content: "\e970"; text-align: center; } #top > form > .close, #top > form > .remove { display: none; position: absolute; right: 1px; top: 1px; z-index: 999 !important; width: 54px; height: 48px; color: var(--coal); font-size: 16px; text-decoration: none; text-indent: -3000em; text-align: left; } #top > form > .close:before, #top > form > .remove:before { content: "\e96e"; } #top > form > div { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 99 !important; margin-top: -1px; padding: 39px 24px 0; background: var(--white); border: 1px solid var(--mercury); border-top-width: 0; color: var(--shaft); } #top > form > div:before { left: 20px; right: 20px; bottom: auto; top: 14px; height: 1px; background: var(--concrete); } #top > form > div h1, #top > form > div h2, #top > form > div h3, #top > form > div h4, #top > form > div h5, #top > form > div h6 { margin: 0 0 16px; font-size: 18px; } #top > form > div .list-cart.small { margin-bottom: 0; } #top > form > div .list-cart.small li.btn { margin-left: -24px; margin-right: -24px; } #top #logo.text-center ~ form, #top.text-center > form { left: 0; width: 340px; margin-left: 0; } .header-compact #top #logo.text-center ~ form, .header-compact #top.text-center > form { width: auto; } .header-compact #nav > ul:not(.full):first-child:before, .header-compact #nav > ul:not(.full):first-child:after { background: none!important; } #top ~ .module-featured article { min-height: 500px; height: calc(100vh - 219px); } .closed-bar #top ~ .module-featured article { min-height: 500px; height: calc(100vh - 164px); } #top.blank {/**/} #top.blank:before { height: 0; border-bottom: 0; } #top.blank.light #nav > ul + ul > li > a i[class*="menu"].done:before, #top.blank.light #nav > ul + ul > li > a i[class*="menu"].done:after, #top.blank.light #nav > ul + ul > li > a i[class*="menu"].done span { color: var(--white); background: var(--white); } #top.blank.dark #nav > ul + ul > li > a i[class*="menu"].done:before, #top.blank.dark #nav > ul + ul > li > a i[class*="menu"].done:after, #top.blank.dark #nav > ul + ul > li > a i[class*="menu"].done span { color: var(--black); background: var(--black); } #top.blank.light > form button, #top.blank.light > form > .remove:before, #top.blank.light > .menu, #top.blank.light #nav > ul + ul > li > a i, #top.blank.light #nav:not(.scroll-to-fixed-fixed) > ul:not(.full) > li > a, #top.blank.light #nav:not(.scroll-to-fixed-fixed) > ul:not(.full) > li > a > span:not(.no) { color: var(--white); background: none; } #top.blank.dark > form button, #top.blank.dark > form > .remove:before, #top.blank.dark > .menu, #top.blank.dark #nav > ul + ul > li > a i, #top.blank.dark #nav:not(.scroll-to-fixed-fixed) > ul:not(.full) > li > a, #top.blank.dark #nav:not(.scroll-to-fixed-fixed) > ul:not(.full) > li > a > span:not(.no) { color: var(--black); background: none; } #top.blank.light > form input { border: 1px solid var(--white); background: none; color: var(--white); } #top.blank.dark > form input { border: 1px solid var(--black); background: none; color: var(--black); } #top.blank.light > form ::placeholder { color: var(--white)!important; } #top.blank.dark > form ::placeholder { color: var(--black)!important; } #top.blank.light > #logo a svg { fill: #ffffff; } #top.blank.dark > #logo a svg { fill: #000000; } #top.no-lines .module-product-bar:before, #top.no-lines #nav > ul.full > li, #top.no-lines #nav > ul.full > li:before, #top.no-lines #nav > ul.full { border: none; } #top.no-lines #nav > ul:first-child > li > ul { margin-top: -1px;} #top.no-lines #nav:before, .not-top #top.no-lines.scroll-to-fixed-fixed #nav:before { border-top: 0; border-bottom: 0; } #top.no-lines #nav > ul > li > div { border-top: 0; } #content > .desktop-usp-slider { margin-top: 1px; } .header-transparent #content { margin-top: -164px; } .header-transparent #content .module-featured.full article { min-height: 500px; height: calc(100vh - 55px); } .closed-bar #top.blank ~ .module-featured.full article { min-height: 500px; height: 100vh;} .closed-bar.header-transparent #content .module-featured.full article { min-height: 500px; height: 100vh; } #top.blank.scroll-to-fixed-fixed {/**/} .not-top #top.blank.scroll-to-fixed-fixed:before { height: 100%; } .not-top #top.blank #nav.scroll-to-fixed-fixed:before { visibility: visible;; opacity: 1; } #top.blank #logo .transparent-logo-img ~ .logo-img, .not-top body.template-index #top.blank.scroll-to-fixed-fixed #logo .transparent-logo-img, .full-active body.template-index #top #logo .transparent-logo-img, body:not(.template-index) #top #logo .transparent-logo-img { display: none!important; } .not-top body.template-index #top.blank.scroll-to-fixed-fixed #logo .transparent-logo-img ~ .logo-img, .full-active body.template-index #top #logo .transparent-logo-img ~ .logo-img, body:not(.template-index) #top #logo .transparent-logo-img ~ .logo-img, #top.blank #logo .transparent-logo-img { display: block!important; } { display: block!important; } #nav em, #nav > ul > li.sub.lang > a:before, #nav > ul > li.sub > a:before, #root #nav > ul > li.sub > a.toggle:before, #nav > ul > li > a.toggle:after, #nav > ul > li > ul > li > a.toggle:after, #nav > ul > li > div, #root #nav li.search > a:after, #root #nav li.cart > a:after, /*[data-whatintent="mouse"] #nav > ul > li.lang:hover > ul,*/ #top > form label, #nav > ul > li > a[class*="overlay"]:after, #nav > ul + ul > li > a:after, #top > form button:after, #nav > ul > li.search, #top #logo img, #top > form.full button, #root #nav > ul.full > li > div, #nav > ul.full > li:first-child:before, #top.blank #logo img:first-child, .not-top #top.blank.scroll-to-fixed-fixed #logo img.bw, #nav > ul.full:after, #top > .menu, #root #top #nav ul li.sub a.toggle:after, #root #top #nav ul li.sub a.toggle:after { display: none; } [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, [data-whatintent="mouse"]#nav > ul:first-child > li > ul li:hover > ul, #nav > ul:first-child > li > ul li.toggle > ul, [data-whatintent="mouse"] #nav > ul:first-child > li > ul li:hover > ul, #top #logo img:first-child, #top > form.full > div, #top > form.full > a.remove, .not-top #top.blank.scroll-to-fixed-fixed:before, [data-whatintent="mouse"] #root #top #nav > ul.full > li > a:hover:after, [data-whatintent="mouse"] #root #top #nav > ul.full > li > ul > li > a:hover:after, #top.blank #logo img:first-child:last-child, #top.blank #logo img.bw, .not-top #top.blank.scroll-to-fixed-fixed #logo img:first-child, [data-whatintent="mouse"] #root #nav > ul.full ul li a:hover:after { display: block; } #nav > ul + ul > li:last-child { margin-right: 0; } /* flex */ #root #nav > ul.full ul ul div.outer, #nav > ul.full, #root #nav > ul.full .ul-toggle > li.toggle > ul, #root #nav > ul.full ul li, #nav > ul.full > li, #nav > ul.full, #top > form, #nav, .list-cart ul, #nav > ul > li > div ul.double, #root #nav > ul > li.toggle > div, [data-whatintent="mouse"] #root #nav > ul > li:hover > div, #nav > ul > li > ul li a, #nav > ul > li > a, #nav > ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* wrap */ #root #nav > ul.full ul ul, #root #nav > ul.full ul li, #nav > ul.full > li, #nav > ul > li > div ul.double { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* nowrap */ #root #nav > ul.full ul ul > div.outer, #nav > ul > li > div > div .list-gallery { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* direction-column */ #nav > ul.full { -webkit-flex-direction: column; flex-direction: column; } /* justify-start */ #nav, #nav > ul { -webkit-justify-content: flex-start; justify-content: flex-start; } /* justify-center */ #nav > ul.full, #root #nav > ul.full ul ul div.outer, #root #nav > ul.full ul ul, #root #nav > ul.full ul li, #nav > ul.full > li, .text-center #nav, #nav.text-center { -webkit-justify-content: center; justify-content: center; } /* justify-end */ #nav > ul + ul { -webkit-justify-content: flex-end; justify-content: flex-end; } /* align-i-start */ #nav { -webkit-align-items: flex-start; align-items: flex-start; } /* align-i-center */ #top > form, #nav > ul > li > ul li a, #nav > ul > li > a { -webkit-align-items: center; align-items: center; } #top #logo, #top #logo.text-center, #top.text-center #logo { padding: 10px 0; } .hidden-label { visibility: hidden; opacity: 0; height: 0; width: 0; } .banner-row .img-container svg { max-height: 400px; } .form-filter .header a { pointer-events: all; } .template-page .content h1, .page-content-section h1, .product-content .content h1, .template-collection .content h1, .template-page .content h1 span, .page-content-section h1 span, .product-content .content h1 span, .template-collection .content h1 span { font-size: 36px; } .template-page .content h2, .page-content-section h2, .product-content .content h2, .template-collection .content h2, .template-page .content h2 span, .page-content-section h2 span, .product-content .content h2 span, .template-collection .content h2 span { font-size: 30px; } .template-page .content h3, .page-content-section h3, .product-content .content h3, .template-collection .content h3, .template-page .content h3 span, .page-content-section h3 span, .product-content .content h3 span, .template-collection .content h3 span { font-size: 24px; } .template-page .content h4, .page-content-section h4, .product-content .content h4, .template-collection .content h4, .template-page .content h4 span, .page-content-section h4 span, .product-content .content h4 span, .template-collection .content h4 span { font-size: 20px; } .template-page .content h5, .page-content-section h5, .product-content .content h5. .template-collection .content h5, .template-page .content h5 span, .page-content-section h5 span, .product-content .content h5 span, .template-collection .content h5 span { font-size: 16px; } .template-page .content h6, .page-content-section h6, .product-content .content h6, .template-collection .content h6, .template-page .content h6 span, .page-content-section h6 span, .product-content .content h6 span, .template-collection .content h6 span { font-size: 12px; } .template-page .content p, .page-content-section p, .product-content .content p, .template-collection .content p, .template-page .content span, .page-content-section span, .product-content .content span, .template-collection .content span { font-size: 16px; } .second-image { position: absolute!important; z-index: 2!important; top: 0; } .module-product .list-usp li { padding-left: 34px; } .module-product .list-usp i { font-style: normal; } .list-collection.slide, .list-news.slide { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; margin-left: 0; margin-right: 0; margin-bottom: 20px; } .list-collection.slide li:first-child, .list-news.slide li:first-child { margin-left: -24px; } .list-collection.slide li { flex: 0 0 23%; } .list-news.slide li { flex: 0 0 30%; } .list-news.slide img { object-fit: cover; } .terms-checkbox { color: var(--bodyText); font-weight: var(--bodyWeight); } .terms-checkbox input { margin: 0 5px 28px; } li.showSecond .second-image { opacity: 0; } li.showSecond:hover .first-image { opacity: 0; } li.showSecond:hover .second-image { opacity: 1; } .form-welcome.news-letter-popup figure { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; width: 50%; margin: 0; } .form-welcome.news-letter-popup .box-inner { width: 80%; max-width: 1176px; } .form-welcome.news-letter-popup .box-inset { padding: 0; width: 100%; float: left; } .form-welcome.news-letter-popup .box-inset figure { position: absolute; width: 50%; float: left; } .form-welcome.news-letter-popup .box-inset figure svg { width: 100%; height: 100%; } .form-welcome.news-letter-popup .box-inset .right { position: relative; width: 50%; float: right; min-height: 650px; padding: 0 63px; display: flex; flex-direction: column; justify-content: center; } .form-welcome.news-letter-popup .box-inset .right #formNewsletterEmail { width: 50%; float: left; margin-bottom: 0; margin-top: 0; height: 40px; } .form-welcome.news-letter-popup .box-inset .right p { margin-bottom: 0; } .form-welcome.news-letter-popup .box-inset .right p.input { display: flex; align-items: flex-end; } .form-welcome.news-letter-popup .box-inset .right p.check { display: block; width: 100%; max-width: 722px; margin: 28px auto 0; font-size: 16px; } .form-welcome.news-letter-popup .box-inset .right p.check input { Visibility: visible!important; width: 20px; height: 20px; margin: 0; position: absolute; left: 0; top: 0; opacity: 0; } .form-welcome.news-letter-popup .box-inset .right p.check label:before { border-radius: 3px; } .form-welcome.news-letter-popup .box-inset .right p:first-of-type { margin-bottom: 32px; } .form-welcome.news-letter-popup .box-inset .right button.submit-newsletter{ width: 50%; float: right; margin-top: 24px; max-width: 198px; min-width: 0; padding-top: 0; padding-bottom: 0; } .form-welcome.news-letter-popup .box-inner h2{ font-size: 28px; max-width: calc(100% - 30px); } #top #logo img.mobile-only { display: none; } #top #logo img.mobile-hide { display: block; } .list-cart .semantic-number input { margin-left: auto; width: 118px; height: 50px; color: var(--black); font-size: 1.0714285714em; text-align: center; } /* --------------------------------------- END not in mediaquery --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START max-width: 84.375em --------------------------------------- */ @media only screen and (max-width: 84.375em) { /* 1350 */ .list-big li > div.bottom { top: auto; bottom: 70px; } #content, .popup-a .box-inner, .module-featured article > * { width: 1180px; } .cols-d { padding-right: 507px; } .cols-d > header:first-child, .cols-d > aside { margin-right: -507px; } .list-big { margin-left: -22px; } .list-big li { margin-bottom: 22px; border-left-width: 22px; } .list-big + .list-big { margin-top: 140px; } .list-big.cols figure:first-child:last-child, .list-big.cols figure:first-child:nth-last-child(2), .list-big.wide figure:first-child:last-child, .list-big.wide figure:first-child:nth-last-child(2) { height: 290px; } .list-big.cols li.high figure:first-child:last-child, .list-big.cols li.high figure:first-child:nth-last-child(2) { height: 605px; } .list-big.wide li.wide figure:first-child:last-child, .list-big.wide li.wide figure:first-child:nth-last-child(2) { height: 350px; } .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.reversed { padding-left: 598px; } .list-collection.aside li.aside { width: 598px; } .list-collection.compact {/**/} .list-collection.compact li { width: 16.6666666667%; } .list-collection.list {/**/} .list-collection.list li { padding-right: 200px; } .list-collection.list form { width: 360px; } .list-collection.list .price { width: 180px; } .list-featured {/**/} .list-featured figure { min-width: 630px; margin-right: 40px; } .list-featured li:nth-child(2n) figure { margin-left: 40px; } .list-featured li:nth-child(2n) div { width: 100%; padding-left: 40px;} .list-feed { margin-left: calc(-50vw + 590px); margin-right: calc(-50vw + 590px); } .list-feed li { width: 20%; } .module-aside.static figure { left: 0; } .module-aside.static img { min-height: 345px; } .module-bulk { padding-right: 385px; } .module-bulk > aside, .module-bulk > header, .module-bulk > footer { width: 335px; margin-right: -385px; } .module-bulk .list-collection li:after { line-height: 187px; } .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; } .module-featured:not(.boxed) .module-wide { width: 1180px; } .full-width .module-featured:not(.boxed) .module-wide { width: 100vw; } .module-featured:not(.boxed), .usp-slider:not(.boxed) { margin-left: calc(-50vw + 590px)!important; margin-right: calc(-50vw + 590px)!important; } .full-width .module-featured:not(.boxed), .full-width .usp-slider:not(.boxed) { margin-left: calc(-50vw + 570px)!important; margin-right: calc(-50vw + 570px)!important; } #top { width: 1180px; } #top { margin-left: -590px; } #top > form { left: 50%; width: 500px; margin-left: -250px; } #top { width: 1180px; } #top { margin-left: -590px; } #top > form { left: 50%; width: 500px; margin-left: -250px; } } /* --------------------------------------- END max-width: 84.375em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START min-width: 75em --------------------------------------- */ @media only screen and (min-width: 75em) { .list-collection li.row-desktop-1 { width: calc(100% / 1); } .list-collection li.row-desktop-2 { width: calc(100% / 2); } .list-collection li.row-desktop-3 { width: calc(100% / 3); } .list-collection li.row-desktop-4 { width: calc(100% / 4); } .list-collection li.row-desktop-5 { width: calc(100% / 5); } .list-collection li.row-desktop-6 { width: calc(100% / 6); } .list-collection li.row-desktop-7 { width: calc(100% / 7); } .list-collection li.row-desktop-8 { width: calc(100% / 8); } } /* --------------------------------------- END min-width: 75em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START max-width: 75em --------------------------------------- */ @media only screen and (max-width: 75em) { #content, .popup-a .box-inner { width: 980px; } #footer {/**/} #footer nav:after { width: calc(33% + 40px); } .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 { margin-left: -18px; } .list-big li { margin-bottom: 18px; border-left-width: 18px; } .list-big h1, .list-big h2, .list-big h3, .list-big h4, .list-big h5, .list-big h6 { margin-bottom: 10px; font-size: 2.4em; } .list-big p, #root .list-big .list-inline li { font-size: 14px; } .list-big li > div.bottom { bottom: 50px; } .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 { margin-bottom: 10px; font-size: 3.4em; } #root .list-big figure + * { margin-top: 19px; } .list-big + .list-big { margin-top: 100px; } .list-big.cols figure:first-child:last-child, .list-big.cols figure:first-child:nth-last-child(2), .list-big.wide figure:first-child:last-child, .list-big.wide figure:first-child:nth-last-child(2) { height: 241px; } .list-big.cols li.high figure:first-child:last-child, .list-big.cols li.high figure:first-child:nth-last-child(2) { height: 500px; } .list-big.wide li.wide figure:first-child:last-child, .list-big.wide li.wide figure:first-child:nth-last-child(2) { height: 290px; } .list-brands {/**/} .list-brands li { width: 20%; } .list-checkout {/**/} .list-checkout li { padding-right: 0; padding-bottom: 25px; } .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.reversed { padding-left: 503px; } .list-collection.aside li.aside { width: 503px; } .list-collection.compact {/**/} .list-collection.compact li { width: 20%; } .list-collection.list {/**/} .list-collection.list li { padding-right: 170px; } .list-collection.list form, .list-collection.list .form { width: 200px; } #root .list-collection.list form span, #root .list-collection.list .form span { width: 100%; } .list-collection.list .price { width: 150px; } .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; } .list-rating {/**/} .list-rating li { padding-left: 210px; } .module-bulk {/**/} .module-bulk .list-collection li { width: 25%; } .module-product {/**/} .module-product > .list-slider, .module-product > .list-slider ~ * { float: none; width: auto; } .module-product.a { padding-right: 475px; } .module-product.a > header:first-child, .module-product.a > * { width: 457px; margin-right: -475px; } .module-product.a > header:first-child + *, .module-product.a > *:first-child { width: 100%; margin-right: 0; } .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, .module-bulk .list-collection li:nth-child(5n-4):after { display: block; } .cols-b > .form-cart button.clone, .list-view, [class*="cols"] .list-collection li.wide, .list-feed li:nth-child(n+5), .module-bulk .list-collection li:nth-child(4n-3):after { display: none; } .module-featured:not(.boxed) .module-wide { width: 980px; } .full-width .module-featured:not(.boxed) .module-wide { width: 100vw; } .module-featured:not(.boxed), .usp-slider:not(.boxed) { margin-left: calc(-50vw + 490px)!important; margin-right: calc(-50vw + 490px)!important; } .full-width .module-featured:not(.boxed), .full-width .usp-slider:not(.boxed) { margin-left: calc(-50vw + 450px)!important; margin-right: calc(-50vw + 450px)!important; } .w1075.double:not(.hidden) { left: 0; max-width: none; margin-right: 0; } #top { width: 980px; } #top { margin-left: -490px; } #nav > ul > li { margin-right: 22px; } #top .list-cart.small li { padding-right: 0; padding-left: 80px; font-size: 1.4em; } #top .list-cart.small li.btn { padding-left: 0; } #top .list-cart.small span { position: relative; top: 0; padding-top: 5px; } #top .list-cart.small span.img { position: absolute; padding: 0; } #top > form { width: 500px; margin-left: -250px; } #top #logo.text-center ~ form, #top.text-center > form { width: 300px; } #nav > ul.full {/**/} #root #nav > ul.full > li { font-size: 3.2em; } #root #top #nav > ul.full > li > a.toggle, #root #nav > ul.full ul li a.toggle { margin-left: 30px; margin-right: -60px; } .header-compact #nav { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #nav:after { display: none; } } /* --------------------------------------- END max-width: 75em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START min-width: 47.5em & max-width: 75em --------------------------------------- */ @media only screen and (min-width: 47.5em) and (max-width: 75em) { [class*="cols"] .list-collection li.row-tablet-1 { width: calc(100% / 1); } [class*="cols"] .list-collection li.row-tablet-2 { width: calc(100% / 2); } [class*="cols"] .list-collection li.row-tablet-3 { width: calc(100% / 3); } [class*="cols"] .list-collection li.row-tablet-4 { width: calc(100% / 4); } [class*="cols"] .list-collection li.row-tablet-5 { width: calc(100% / 5); } [class*="cols"] .list-collection li.row-tablet-6 { width: calc(100% / 6); } [class*="cols"] .list-collection li.row-tablet-7 { width: calc(100% / 7); } [class*="cols"] .list-collection li.row-tablet-8 { width: calc(100% / 8); } } /* --------------------------------------- END min-width: 47.5em & max-width: 75em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START min-width: 47.5em & max-width: 62.5em --------------------------------------- */ @media only screen and (min-width: 47.5em) and (max-width: 62.5em) { .full-width .module-wide.single.boxed { margin-left: -10px;} .header-compact #top #logo:not(.text-center) { left: 50%; transform: translateX(-50%); margin: 0; } } /* --------------------------------------- END min-width: 47.5em & max-width: 62.5em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START min-width: 62.5em --------------------------------------- */ @media only screen and (min-width: 62.5em) { .full-width .template-index #content { margin-left: 0; margin-right: 0; } .center #root { padding-top: 178px; } .center .module-featured.full article { min-height: 500px; height: calc(100vh - 178px); } .scrolled-up #nav.sticky ~ .module-product-bar { top: 56px; } .module-product-bar form.variant-select-form { width: 457px; margin-top: -1px; } .module-product-bar form p.variant-selection button { min-width: 200px; width: 200px; } #root #top .def-menu-icon { display: none; } .full-width .blogs-row, .full-width .product-slider, .full-width .usp-row, .full-width .list-catalog.categories, .full-width .text-column ul, .full-width .button-list ul, .full-width .shopify-section:not(#shopify-section-footer-newsletter) .form-newsletter { padding-left: 20px; padding-right: 20px; } .full-width .products-with-banner { padding-left: 20px; padding-right: 0; } .full-width .products-with-banner.reversed { padding-left: 0; padding-right: 20px;} #nav.sticky:not(.scroll-to-fixed-fixed) { top: auto!important; } #top.hamburgermenu #logo:not(.text-center) { margin-left: 50px; } #top.hamburgermenu #nav { padding-left: 0; left: 0; } .header-compact #nav > ul + ul { position: relative; margin-top: -5px; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(0, -50%); } .header-compact #logo.text-center ~ #nav > ul + ul { position: absolute; margin-top: 0; top: auto; -webkit-transform: none; transform: none; } .header-medium #root { padding-top: 140px; } .header-medium #top { height: 140px; } .header-medium #top #logo { bottom: 54px; } .header-medium #nav { height: 54px; } .header-medium #nav:before { border-top-width: 0; } .header-medium #nav > ul > li { padding-bottom: 14px; } .header-medium #nav > ul + ul { height: auto; bottom: 63px; } .header-medium #nav > ul + ul > li > a { height: 29px; } .header-medium #root #top > form, .header-compact #root #top > form { display: none; position: absolute; left: 0; top: 1px; right: 0; bottom: 0; z-index: 9999; width: auto; margin: 0; } .header-medium #root #top > form p, .header-compact #root #top > form p { font-size: 16px; } .header-medium #top > form input, .header-compact #top > form input { height: 138px; padding: 0 33px; border-width: 0; background: var(--white); color: var(--gray); } .header-medium #root #top > form button, .header-compact #root #top > form button { display: block; left: -13px; right: auto; width: 46px; height: 138px; top: 0; } .header-medium #top > form > .remove, .header-compact #top > form > .remove { display: block; right: -13px; width: 46px; height: 138px; font-size: 18px; } .header-medium #top > form > .remove:before, .header-compact #top > form > .remove:before { content: "\e93f"; } .module-featured.full article { min-height: 500px; height: calc(100vh - 218px); } .closed-bar .module-featured.full article { min-height: 500px; height: calc(100vh - 165px); } .header-medium .module-featured.full article { min-height: 500px; height: calc(100vh - 195px); } .closed-bar.header-medium .module-featured.full article { min-height: calc(100vh - 140px); } .header-medium.header-transparent #content { margin-top: -140px; } .header-medium.header-transparent #content .module-featured.full article { min-height: 500px; height: calc(100vh - 44px); } .closed-bar.header-medium.header-transparent #content .module-featured.full article { min-height: 500px; height: 100vh; } .header-compact #root { padding-top: 102px; } .header-compact #top { height: 102px; } .header-compact #top #logo { bottom: 0; } .header-compact #top #logo.text-center ~ #nav { padding-left: 0; left: 0; } .header-compact #nav { height: 102px; padding-top: 38px; padding-left: 273px; } .header-compact #nav:before { border-top-width: 0; } .header-compact #nav > ul > li { padding-bottom: 40px; } .header-compact #nav > ul { z-index: 3; } .header-compact #nav > ul + ul { z-index: 2; bottom: 17px; height: 45px; } .header-compact #nav > ul + ul > li { padding-bottom: 0; } .header-compact #nav > ul + ul > li > a { height: 45px; } .header-compact #top > form input, .header-compact #root #top > form button, .header-compact #top > form > .remove { height: 101px; } .header-compact .module-featured.full article { min-height: 500px; height: calc(100vh - 157px); } .closed-bar.header-compact .module-featured.full article { min-height: 500px; height: calc(100vh - 102px); } .header-compact.header-transparent #content { margin-top: -102px; } .header-compact.header-transparent #content .module-featured.full article { min-height: calc(100vh - 44px); } .closed-bar.header-compact.header-transparent #content .module-featured.full article { min-height: 100vh; } .header-medium #nav > ul.full { height: calc(100vh - 195px); } .closed-bar.header-medium #nav > ul.full, .header-medium #top.scroll-to-fixed-fixed #nav > ul.full { height: calc(100vh - 140px); } .header-compact #nav > ul.full { height: calc(100vh - 157px); } .closed-bar.header-compact #nav > ul.full, .header-compact #top.scroll-to-fixed-fixed #nav > ul.full { height: calc(100vh - 102px); } .full-active #nav > ul > li > a i.icon-menu:before { content: "\e93f"; font-size: 18px; } .full-active #nav > ul + ul > li.menu { visibility: visible; opacity: 1; } .full-active #nav > ul + ul > li, #top.blank #nav:before { visibility: hidden; opacity: 0; } .full-active #nav > ul + ul > li > a i[class*="menu"].done:before { left: -4px; top: 11px; width: 25px; height: 1.5px; } .full-active #nav > ul + ul > li > a i[class*="menu"].done:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .full-active #nav > ul + ul > li > a i[class*="menu"].done span { visibility: hidden; left: -100%; opacity: 0; } .full-active #nav > ul + ul > li > a i[class*="menu"].done:after { left: -4px; bottom: 10px; width: 25px; height: 1.5px; } .full-active #nav > ul + ul > li > a i[class*="menu"].done:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .full-active #top.blank:before { height: 100%; } .full-active #top.blank #nav > ul > li > a { color: var(--black); } .full-active #top.blank #nav > ul + ul > li > a i[class*="menu"].done:before, .full-active #top.blank #nav > ul + ul > li > a i[class*="menu"].done:after, .full-active #top.blank #nav > ul + ul > li > a i[class*="menu"].done span { background: var(--black); } .header-medium #nav > ul + ul > li > a span, .header-compact #nav > ul + ul > li > a span, .full-active #top.blank #logo img, .full-active #top.blank #logo img.bw { display: none; } .header-medium #nav > ul + ul > li.search, .search-active.header-medium #root #top > form, .header-compact #nav > ul + ul > li > a span.no, .header-compact #nav > ul + ul > li.search, .header-medium #root #top > form:before, .header-compact #root #top > form:before, .header-medium #nav > ul + ul > li > a span.no, .search-active.header-compact #root #top > form, .full-active #nav > .full-toggle.is, .full-active #top.blank #logo img:first-child { display: block; } .header-compact #logo:not(.text-center) ~ #nav ul.full + ul { width: 100%; } .full-width .template-index article:not(.module-wide) header { padding-left: 20px; padding-right: 20px; } .module-product .list-usp { flex-wrap: wrap; } .module-product .list-usp li { width: 50%; } .module-product .list-usp li:first-child:nth-last-child(3), .module-product .list-usp li:first-child:nth-last-child(3) ~ li, .module-product .list-usp li:first-child:nth-last-child(4), .module-product .list-usp li:first-child:nth-last-child(4) ~ li { margin-top: 15px; } #nav > ul > li > div:not(.double) > * { width: auto; } #nav > ul > li > div:not(.double), #nav > ul > li > div.double > .container, #nav > ul > li > div.double > .container .container-container { flex-direction: column; flex-wrap: wrap; max-height: 500px; } #nav .list-gallery img { max-height: 400px; object-fit: contain; } [data-whatintent="mouse"] #nav > ul > li:hover > div:not(.double), [data-whatintent="mouse"] #nav > ul > li:hover > div.double > .container, [data-whatintent="mouse"] #nav > ul > li:hover > div.double > .container .container-container { display: flex; } [data-whatintent="mouse"] #nav > ul > li.has-div:hover ~ .shadow { display: block; } #nav > ul > li > div.double > .container { width: 100%; } #nav > ul > li > div.double > .container > * { width: auto;} #nav > ul > li > div.double > .container > div:last-child { width: 30%; } #nav > ul > li > div.double > .container .container-container { width: 60%; min-height: 300px; } #nav > ul > li > div ul { margin: -5px 0 22px 10px; } } /* --------------------------------------- END min-width: 62.5em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START max-width: 62.5em --------------------------------------- */ @media only screen and (max-width: 62.5em) { .cols-c.no-sidebar .content figure { float: none; margin: 0 auto;} .list-featured li:nth-child(2n) div { padding-left: 0; } #content, .popup-a .box-inner, .module-featured article > *, #content.wide > *, #footer { width: 720px; } #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 { visibility: hidden; opacity: 0; } #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; } .menu-active #mobile { visibility: visible; opacity: 1; } #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:first-letter { text-transform: uppercase; } #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-family: var(--body); font-weight: var(--bodyWeight); font-size: 16px; 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 a ~ a.toggle { left: auto; width: 50px; } #mobile a.toggle:before { content: "\e92d"; left: auto; right: 21px; width: auto; font-size: 9px; } #mobile .title { display: block; padding: 16.5px 20px; font-size: 16px; font-weight: var(--headingsWeight); } #mobile a.back { font-weight: var(--headingsWeight); } #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 li.cur i,#mobile li.lang img { display: inline-block; font-style: normal; padding-right: 5px; } #mobile span.no:before { content: ": "; margin-left: -3px; } #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 h1, #mobile h2, #mobile h3, #mobile h4, #mobile h5, #mobile h6 { margin: 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, #mobile .gallery svg { 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; } .menu-active #shadow, .filter-active #shadow { z-index: 9998; } .search-active #root #top > form { z-index: 9999; } .search-active #top > .menu, .search-active #nav { visibility: hidden; opacity: 0; } #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; } #bottom { display: block; height: 63px; text-align: center; } #bottom ul { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1001; list-style: none; height: 63px; margin: 0; padding: 15px 20px 0; border-top: 1px solid var(--mercury); background: var(--white); color: var(--black); } #bottom ul li { font-size: 11px; } #bottom ul li a { display: block; position: relative; color: var(--black); text-decoration: none; } #bottom ul li i { margin-bottom: 0; } #bottom ul ul { display: none; overflow-y: auto; overflow-x: hidden; position: absolute; left: 0; right: 0; bottom: 100%; height: auto; max-height: calc(100vh - 80px); padding: 0 0 1px; border-bottom: 1px solid var(--mercury); text-align: left; } .has-bottom body { padding-bottom: 0 !important; } form.search-page button { left: -18px; right: auto; width: 58px; height: 58px; } form.search-page button { left: auto; right: 0; height: 40px;} #top #nav > ul + ul > li.search { margin-right: 20px; margin-left: auto; } #root #top.v1 .list-usp { left: 20px; right: 150px; } .not-top #top.no-lines.scroll-to-fixed-fixed #nav:before, #top.no-lines:before, .not-top #top.no-lines.scroll-to-fixed-fixed:before, .not-top #top.no-lines.scroll-to-fixed-fixed > form input, .not-top #top.no-lines.scroll-to-fixed-fixed > form input:focus { border-bottom: 0; } #bottom ul { border-top: 0; } #top > form input { border-width: 0; } #mobile.no-lines a, .form-filter h5 { border: none; } #root .cols-a .double > * { float: none; width: auto; } .cols-b, .cols-d { padding-right: 330px; } .cols-b > header:first-child { margin-right: -330px; padding-right: 330px; } .cols-b > aside, .cols-b > header:first-child .link-btn, .cols-d > header:first-child, .cols-d > aside { 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: 0; 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 { margin-bottom: 15px; border-left-width: 15px; } #root .list-big figure + * { margin-top: 11px; } .list-big p, .list-big p, #root .list-big .list-inline li { font-size: 12px; } .list-big h1, .list-big h2, .list-big h3, .list-big h4, .list-big h5, .list-big h6 { margin-bottom: 7px; font-size: 1.8em; } .list-big li.wide > div { width: 300px; margin-left: -150px; } .list-big li > div.bottom, .list-big li > div { bottom: 0; height: fit-content; top: 50%; transform: translateY(-50%); position: absolute; } .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: 7px; font-size: 2.5em; } .list-big + .list-big { margin-top: 70px; } .list-big.cols figure:first-child:last-child, .list-big.cols figure:first-child:nth-last-child(2), .list-big.wide figure:first-child:last-child, .list-big.wide figure:first-child:nth-last-child(2) { height: 177px; } .list-big.cols li.high figure:first-child:last-child, .list-big.cols li.high figure:first-child:nth-last-child(2) { height: 369px; } .list-big.wide li.wide figure:first-child:last-child, .list-big.wide li.wide figure:first-child:nth-last-child(2) { height: 213px; } .list-btn {/**/} .list-btn li { font-size: 16px; } .list-btn.a, .list-btn.button-list { 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-category { margin-left: -15px; margin-top: 0; } .list-category li { border-left-width: 15px; } .list-category p { margin-bottom: 2px; font-size: 1.3em; } .list-category h1, .list-category h2, .list-category h3, .list-category h4, .list-category h5, .list-category h6 { margin-bottom: 8px; font-size: 1.5em; } .list-checkout {/**/} .list-checkout li { padding-left: 0; min-height: 193px; } .list-checkout figure { position: relative; top: 0; float: left; margin: 0 20px 0 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.reversed { padding-left: 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: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } .list-feed { margin-left: calc(-50vw + 360px); margin-right: calc(-50vw + 360px); } .list-news {/**/} .list-news li { width: 50%; } .list-notifications { position: fixed !important; left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important; width: auto !important; margin: 0 !important; } .list-notifications li { width: auto; margin: 0; padding-right: 60px; padding-top: 20px; padding-bottom: 8px; box-shadow: none; border-top-width: 1px; } .list-notifications ul { margin-right: -60px; } .list-info {/**/} .list-info li { padding-left: 170px; } .list-info li > span:first-child { width: 150px; margin-left: -170px; } .list-rating { text-align: left; } .list-rating li { padding-left: 0; } .list-rating .rating-a { position: relative; top: 0; margin: 0 0 30px; } .list-slider {/**/} .list-slider .pager { width: 150px; } .list-slider .pager img { height: auto !important; max-height: 100% !important; } .module-aside, .module-aside.static { display: block; padding-right: 0; } #root .module-aside > * { left: 0; float: none; width: auto; } .module-aside img, .module-aside.static img { min-height: 0; } .module-aside > div, .module-aside.static > div { padding-top: 30px; } .module-bulk { padding-right: 0; } .module-bulk > aside, .module-bulk > header, .module-bulk > footer, .module-bulk > * { float: none; width: auto; margin-right: 0; } .module-bulk .list-collection { margin-bottom: -20px; } .module-news { padding-left: 0; } .module-news header { float: none; width: auto; margin-left: 0; padding-right: 0; } .module-product, .module-product.a { padding-right: 0; } #root .module-product > * { float: none; width: auto; margin-right: 0; } #root .module-product > .list-product, #root .module-product > .list-slider { margin-right: -20px; margin-top: -20px; } .full-width #root .module-product > .list-product, .full-width #root .module-product > .list-slider {/**/} .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; padding-right: 0;} .module-product-bar {/**/} .module-product-bar .link-btn a, .module-product-bar .link-btn button { height: 50px; line-height: 50px; min-width: 268px; } .module-sections { margin-bottom: 50px; } .tabs-b {/**/} .tabs-b > nav ul { margin-bottom: 30px; } .tabs-c { margin-bottom: 18px; } .template-product .tabs-c { margin-bottom: 14px; } .tabs-d { margin-bottom: 50px; } .tabs-d > nav ul a { padding-left: 15px; padding-right: 15px; } .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 .header a { pointer-events: all; } .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, .form-filter > .inner > .desktop-hide > h5:first-child { font-weight: var(--headingsWeight); margin: 0 -20px -1px; padding: 16px 40px 16px 20px; border-top-width: 0; border-bottom-width: 1px; font-size: 16px; } .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; } #top.v1 .list-up .item { -webkit-justify-content: flex-start; justify-content: flex-start; } .list-rating li { -webkit-align-items: flex-start; align-items: flex-start; } .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, .list-rating .rating-a { -webkit-transform: none; transform: none; } #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 + *, #top.v1 .bar p, #bottom li.toggle > ul { display: block; } #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), #mobile > ul > li > a > i, #mobile > ul > li > a > img, #top.v1 #nav > ul + ul > li.fav, #top.v1 #nav > ul + ul > li.cart, #nav > ul + ul > li.lang, #nav > ul + ul > li.cur, .has-bottom #cookie, #bottom .search, #bottom .def-menu-icon { display: none; } #root .desktop-hide, #root .tablet-only, .form-filter > .hidden, .form-filter > .inner > .hidden, .form-filter > .inner .hidden, .form-filter .semantic-select .ul, .desktop-hide { position: relative; left: 0; top: 0; visibility: visible; opacity: 1;} #root .desktop-only, #root .tablet-hide, #root .form-sort:after, .module-product:after, .desktop-only { position: absolute; left: -30000px; top: -30000px; right: auto; bottom: auto; } .module-featured:not(.boxed) .module-wide { width: 720px; } .full-width .module-featured:not(.boxed) .module-wide { width: 100vw; } .module-featured.full article { min-height: 500px; height: calc(100vh - 96px); } .closed-bar .module-featured.full article { min-height: 500px; height: calc(100vh - 58px); } .mobile-usp-slider + .slideshow .module-featured.full article { min-height: 500px; height: calc(100vh - 166px); } .closed-bar .mobile-usp-slider + .slideshow .module-featured.full article { min-height: 500px; height: calc(100vh - 128px); } .full-width .module-wide.single { width: auto; padding: 50px 0 28px;} .module-featured:not(.boxed), .usp-slider:not(.boxed) { margin-left: calc(-50vw + 360px)!important; margin-right: calc(-50vw + 360px)!important; } .full-width .module-featured:not(.boxed), .full-width .usp-slider:not(.boxed) { margin-left: calc(-50vw + 340px)!important; margin-right: calc(-50vw + 340px)!important; } .full-width .usp-slider.boxed { margin-left: -10px; margin-right: -10px; } #top .module-product-bar { top: 0; } .module-featured article > * { top: 0; } .module-product-bar form.variant-select-form { width: 268px; } .module-product-bar form p.variant-selection span, .module-product-bar form p.variant-selection select { display: none; } .module-product-bar form p.variant-selection button { height: 43px; line-height: 43px; } .module-product-bar.has-variant-selection h3 { max-width: calc(100% - 300px); } .module-aside.static > div { padding: 30px 20px 0; } .module-aside.static.with-background > div { padding-bottom: 30px; } .menu-icon { width: 30px; } #root #top .def-menu-icon { width: 30px; left: -46px; z-index: 1; } #root .banner-grid li { width: 100%;} #root .img-container img, #root .img-container svg { margin-left: -20px; } #root .banner-grid li { width: calc(100% + 40px)!important; margin-left: -20px; } .full-width #root .img-container svg, .full-width #root .home-custom-banners, .full-width #root .list-feed, .full-width #root .list-collection.aside li.aside figure, .full-width #root .module-wide.boxed:before { margin-left: -30px; margin-right: -30px; } .full-width #root .banner-grid li { width: calc(100% + 40px); margin-left: -20px; } .template-search .cols-c { margin-left: -14px; } #root { padding-top: 58px; } #top { width: 720px; height: 58px; margin: 0 0 0 -360px; } #top #logo, #top #logo.text-center, #top.text-center #logo { left: 50%; top: 0; bottom: 0; width: 126px; margin: 0 0 0 -63px; padding: 10px 0; } #root #top > form { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; width: auto; margin: 0; background: var(--white); } #top #logo.text-center ~ form, #top.text-center > form { width: auto; } #root #top > form p { font-size: 16px; } #top > form input { height: 58px; padding: 0 33px; border-width: 0; } #root #top > form button { display: block; left: -13px; right: auto; width: 46px; height: 56px; font-size: 20px; } #root #top > form > .remove { display: block; right: -13px; width: 46px; height: 57px; font-size: 18px; } #root #top > form > .remove:before { content: "\e93f"; } #root #nav { height: 58px; padding: 0; } #nav { position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; } #nav { -webkit-transform: none !important; transform: none !important; } #nav > ul + ul { position: absolute; left: 45px; right: -22px; top: auto; bottom: 0; } #root #nav > ul > li { height: 58px; margin: 0 22px 0 0; padding: 0; } #root #nav > ul > li.search { float: left; margin-right: auto; } #root #nav > ul > li > a { height: 100%; } #root #nav > ul > li > a i { height: 100%; margin: 0; padding: 0; line-height: 58px; } #root #nav > ul > li > a i[class*="menu"] { height: 22px; } #root #nav > ul + ul > li > a img { margin: 0; } #root #nav > ul > li > a .no { top: 50%; top: 9px; margin-right: -22px; } #top > .menu { display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 9; width: 30px; color: var(--black); font-size: 16px; text-indent: -3000em; text-align: left; text-decoration: none; } #top > .menu:before { content: "\e973"; text-align: left; } #top.blank {/**/} #top.blank ~ .module-featured { margin-top: -58px; } #top.blank ~ .module-featured article { min-height: 500px; height: calc(100vh - 55px); padding-top: 108px; } .closed-bar #top.blank ~ .module-featured article { padding-top: 108px; } #root #nav > ul > li > a, #nav { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root #nav > ul > li > a { -webkit-align-items: center; align-items: center; } #nav > ul > li > a span, #nav > ul:first-child, #root #nav > ul > li.menu { display: none; } #root #nav > ul > li.search, .search-active #root #top > form, #root #top > form:before { display: block; } .list-collection.slide li { flex: 0 0 30%; } #mobile li.toggle > ul > ul, #mobile li.toggle div.container > ul, #mobile li.toggle ul.ul-toggle > li.toggle, #root #mobile ul.ul-toggle > li.header { display: block; } #mobile li.toggle ul.ul-toggle > *, #mobile li.sub.toggle li.sub.toggle > ul > li.header { display: none; } .form-welcome.news-letter-popup .box-inner { width: 70%; } .form-welcome.news-letter-popup .box-inset .right { padding: 30px!important; width: 100%!important; min-height: 0; } } /* --------------------------------------- END max-width: 62.5em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START min-width: 47.5em & max-width: 62.5em --------------------------------------- */ @media only screen and (min-width: 47.5em) and (max-width: 62.5em) { #root .module-aside.static.wide > div { width: 720px; margin: 0 auto; } .full-width #root .module-aside.static.wide > div { width: auto; margin: 0; } .full-width #root .module-aside.static, .full-width #root .list-collection.aside li.aside figure { margin-left: -30px; margin-right: -30px; } .full-width #root .list-collection.aside li.aside figure { width: auto; } .full-width #root .home-custom-banners, .full-width #root .img-container svg { margin-left: 0; margin-right: 0; } .full-width #root .list-collection:not(.aside) .row-mobile-1:first-child { margin-left: -15px; } } /* --------------------------------------- END min-width: 47.5em & max-width: 62.5em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START min-width: 47.5em --------------------------------------- */ @media only screen and (min-width: 47.5em) { .full-width #content { position: relative; z-index: 3; width: auto; margin: 0 30px; padding: 40px 0 0; } .template-blog h3.small-text, .template-article h3.small-text { font-size: 18px; } .template-blog h3.medium-text, .template-article h3.medium-text { font-size: 25px; } .template-blog h3.large-text, .template-article h3.large-text { font-size: 36px; } #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; } #content.has-filter > .mobile-hide, #content.has-filter > .cols-c > * > .mobile-hide { z-index: 2; } .module-wide.boxed.text-left, .module-wide.boxed.text-right { padding: 50px 50px 28px; } /* .full-width .module-aside.static.wide { left: auto; width: inherit; margin-left: 0; } */ .module-aside.static.wide { left: 50%; width: 100vw; margin-left: -50vw; } #content .shopify-section.section.desktop-usp-slider > .usp-row { margin-bottom: 50px; } #top > form.round-corners input, #top > form.round-corners button, #top > form.round-corners .list-cart.small li.btn a, #top > form.round-corners .search-autocomplete { border-radius: 25px; } #top form.round-corners.full input { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #top > form.round-corners .list-cart.small li.btn a, #top > form.round-corners .search-autocomplete { border-top-left-radius: 0; border-top-right-radius: 0; } .header-medium #top > form.round-corners input, .header-medium #top > form.round-corners button, .header-medium #top form.round-corners.full input, .header-compact #top > form.round-corners input, .header-compact #top > form.round-corners button, .header-compact #top form.round-corners.full input { border-radius: 0; } } /* --------------------------------------- END min-width: 47.5em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START max-width: 47.5em --------------------------------------- */ @media only screen and (max-width: 47.5em) { li, dt, dd, p, figure, th, td, caption, legend, pre, h1, h2, h3, h4, h5, h6, legend, .gui-page-title, .gui-content-title { overflow-wrap: break-word; } .shopify-section .form-newsletter input { width: calc(100% - 25px); } .shopify-section .form-newsletter button { min-width: 0; width: auto; padding: 0 15px; position: absolute; right: 0; } .medium-text h1, .medium-text h2, .medium-text h3, .medium-text h4, .medium-text h5, .medium-text h6, .list-news.medium-text h3, .banner-row.medium-text h3, .collection-grid .categories.medium-text h3 { font-size: 9.5vw!important; } .large-text h1, .large-text h2, .large-text h3, .large-text h4, .large-text h5, .large-text h6, .list-news.large-text h3, .banner-row.large-text h3, .collection-grid .categories.large-text h3 { font-size: 12vw!important; } .large-text header p, .page-content-section.large-text, .module-wide.large-text p, .module-aside.large-text p, .module-wide.large-text li:not(.list-btn) a, .module-aside.large-text li:not(.list-btn) a, .banner-row.large-text p { font-size: 18px!important; } ul { list-style: inside; } .module-product .list-usp { max-width: 100%; margin: 21px 0; flex-direction: column; } .module-product .list-usp li { padding-left: 38px; } .module-product .list-usp li:first-child { margin-bottom: 21px; padding-left: 40px; } .module-product .list-usp li .strong { display: inline-block; } .module-product .list-plain>*:last-child, .AddToCartForm .list-plain>*:last-child { margin-bottom: 10px; } .module-wide.section-hero.text-center > *, .module-wide.section-hero.text-center > .list-inline li, .module-featured.section-hero .text-center > *, .module-featured.section-hero .text-center > .list-inline li { margin-left: 0; margin-right: 0; } .module-aside .list-inline { margin-left: 0; margin-right: 0; } .module-wide.text-left.text-mobile-left .list-inline, .module-wide.text-center.text-mobile-left .list-inline, .module-wide.text-right.text-mobile-left .list-inline { -webkit-justify-content: left; justify-content: left; } .module-aside .list-inline { -webkit-justify-content: center; justify-content: center; display: flex; } .module-wide > *, .module-featured > *{ max-width: 640px; margin-left: auto; margin-right: auto; text-align: center; } .list-brands { margin-left: -10px; margin-right: -10px; } .list-checkout p .semantic-number { top: -7px; } .template-article .list-news.slide li { border-left: 20px; } .list-social a, .list-social.b a { margin-right: 0;} .list-social li, .list-social.b li { width: 33%; } .list-social.a li { width: 100%; } .form-comment .sticky { position: relative; } .header-transparent #root #content { margin-top: -58px; } .module-wide.boxed { padding: 20px 20px 28px; } .full-width .module-wide.boxed { padding: 20px 30px 28px; } .module-featured.boxed, .module-wide.boxed { overflow: hidden; } #content, .module-featured article > *, #content.wide > *, #footer { width: 100%; } #content, #cart, #root > .module-featured article, footer#footer { padding-left: 20px; padding-right: 20px;} #footer .powered-by-link { text-align: center; } body:after { width: 30px; height: 30px; margin: -15px 0 0 -15px; } #skip {/**/} #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 13px; } #bottom ul li img { margin: 0 auto 0; } form.search-page button { top: 0; height: 50px; font-size: 16px; } form.search-page button { right: 18px; } form.search-page button:before { left: 20px; } #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; } #root .link-btn.double a { width: calc(50% - 5px); } #root .link-btn.double a { padding-left: 10px; padding-right: 10px; min-width: auto; } #footer { text-align: center; } #footer nav { display: block; margin: 0 -20px; padding: 0 20px; border-bottom-width: 1px; } #root #footer nav > *, #footer nav li { float: none; width: auto; } #footer .header-toggle { display: block; z-index: 9; pointer-events: all;} #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { display: block; margin: 0 -20px; padding: 13px 45px 13px 20px; border-top-width: 1px; } #footer .header-toggle:before { content: "\e92b"; left: auto; right: 20px; width: auto; font-size: 5px; } #footer .toggle .header-toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #footer nav + * { margin-top: 20px; } #footer nav h1.toggle, #footer nav h2.toggle, #footer nav h3.toggle, #footer nav h4.toggle, #footer nav h5.toggle, #footer nav h6.toggle { margin-bottom: 20px; border-bottom-width: 1px; } #footer .list-payments { margin-right: -6px; } #footer .list-payments li { margin-right: 6px; } #footer .powered-by-link a { text-decoration: none; } #footer .powered-by-link a:hover { text-decoration: underline; } #footer .list-social { margin-right: -8px; } #footer .list-social li { margin-right: 8px; } #footer .list-social i { font-size: 18px; } #footer .list-social .icon-facebook { font-size: 18px; } .form-newsletter { padding-top: 30px; padding-bottom: 2px; line-height: 1.8125; } .form-newsletter p { margin-bottom: 28px; } .form-newsletter input { width: 100%; height: 46px; padding: 0 61px 0 15px; border-width: 1px; } .form-newsletter button { height: 46px; padding: 0 4px; } .form-newsletter button { text-indent: 0; text-align: center; } #footer > .double { padding-bottom: 0; } #top-bar { height: 44px; padding: 0 44px 0 20px; font-size: 13px; line-height: 44px; } #top-bar .close { width: 44px; height: 44px; font-size: 14px; } .closed-bar #top-bar { margin-top: -44px; } h1, .module-news header h2, .module-news .list-news h3, .list-news h3, .gui-page-title, .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, .module-bulk aside h1, .module-bulk aside h2, .module-bulk aside h3, .module-bulk aside h4, .module-bulk aside h5, .module-bulk aside h6, .module-bulk header h1, .module-bulk header h2, .module-bulk header h3, .module-bulk header h4, .module-bulk header h5, .module-bulk header h6, .module-bulk footer h1, .module-bulk footer h2, .module-bulk footer h3, .module-bulk footer h4, .module-bulk footer h5, .module-bulk footer h6, .lead, .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6, .template-search .mobile-inline, .template-account #root #content .header-line, .template-addresses #root #content .header-line, .template-order #root #content .header-line { font-size: 25px; } .mobile-inline { font-size: 16px; } .mobile-inline + p, .list-btn li, .list-comments p, .heading-rating p, .module-aside p, .module-aside ul, .module-aside ol { font-size: 14px; } #product_tags .list-btn li, #product_tags .list-btn li a { min-width: 0; } .button-list .list-btn { margin: 0 -7px; } .button-list ul.list-btn:not(.mobile-slide) li { margin: 7px!important; flex-grow: 1; min-width: calc(50% - 14px);} .button-list ul.list-btn li a { min-width: 0; width: auto; max-width: none; } .link-btn a { margin-right: 0; } header { margin-bottom: 28px; } .check-box { overflow-y: hidden; overflow-x: auto; width: auto; margin-right: -20px; margin-bottom: 8px; width: 100%; } .check-box label, .check-box a { min-width: 50px; height: 50px; margin: 0 10px 10px 0; padding: 0 20px; font-size: 13px; line-height: 48px; } .check-box li:last-child label, .check-box li:last-child a { margin-right: 0; } .check-box li:last-child { padding-right: 20px; } .check-box li:first-child { margin-left: auto; } .check-box li:last-child { margin-right: auto; } .cols-a, .cols-b, .cols-d { padding-left: 0; padding-right: 0; } #root .cols-a > *, #root .double > *, #root .cols-b > *, #root .cols-d > *, #footer nav > .double > * { 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; } .heading-mobile { margin: 0 0 14px; } .heading-mobile h1, .heading-mobile h2, .heading-mobile h3, .heading-mobile h4, .heading-mobile h5, .heading-mobile h6 { margin: 0 0 14px; } .heading-rating { margin: 8px 0 0; padding-bottom: 8px; border-bottom-width: 1px; line-height: 1.7857142857; } #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-size: 1.6em; } #root .product-content { float: none; } #root .product-content .heading-rating h5 { margin-bottom: 15px; } .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 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: 16px; } .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn.a a { display: block; float: none; } .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: 16px; } .list-big, #root .list-big { display: block; position: relative !important; height: auto !important; margin-bottom: 40px; line-height: 1.5; } #root .list-big li { position: relative !important; left: 0 !important; top: 0 !important; width: auto; margin-bottom: 30px; } #root .list-big li { -webkit-transform: none !important; transform: none !important; } #root .list-big li > div.mobile-below { position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto; margin: 0; padding: 0; color: var(--black); } .list-big li > div a { color: var(--black); } #root .list-big figure { position: relative; width: auto; height: auto; margin: 0 -20px 30px; } #root .list-big figure img { position: relative; width: 100% !important; height: 83.733333333vw !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root .list-big figure + * { margin-top: 0; } #root .list-big h1, #root .list-big h2, #root .list-big h3, #root .list-big h4, #root .list-big h5, #root .list-big h6 { margin: 0; font-size: 36px; } #root .list-big p, #root .list-big .list-inline li { font-size: 16px; line-height: 1.5; } #root .list-big p { height: auto; } #root .list-big p:first-child { margin-bottom: 8px; } #root .list-big p.link { padding-top: 8px; margin-top: 5px;} #root .list-big p a, #root .list-big .list-inline li a { font-size: 14px; text-decoration: none; } #root .list-big .bottom { padding: 0 20px; } #root .list-big p.link-btn { width: 100%; margin-top: 5px;} .list-big + .list-big { margin-top: 0; } .list-brands, header + .list-brands { margin-top: -32px; margin-left: -20px; margin-right: 0;} .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: 16px; } .list-category {/**/} .list-category li { width: 50%; margin-bottom: 21px; } .list-collection { margin-left: -15px; } .list-collection li, .list-catalog li { width: 50%; border-left-width: 15px; text-align: center; } #root .list-collection li, #root .list-collection form p > span:first-child + span { width: 100%; } .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 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-catalog .list-collection h1 { margin-bottom: 5px; margin-top: 10px; } #root .list-collection li h3 a { font-size: 14px; } .list-collection .owl-nav button { bottom: 101px; } .list-collection form p > span, .list-collection .form p > span { width: calc(100% - 32px - 113px); } .list-collection button { min-width: 113px; width: 113px; } .list-collection .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, #root .list-collection.compact > li.row-mobile-1{ text-align: center; } #root .list-collection .label > .btn, .list-product .label > .btn, .list-slider .label > .btn { right:5px; } .list-collection .owl-item:last-child { margin-right: 0 !important; } .list-collection.aside li.aside figure { width: auto; margin-left: -20px; margin-right: -20px; } #root .list-collection .btn { top: 100%; margin-top: -24px; } .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-collection.list { margin-top: -15px; text-align: left; } .list-collection.list li { width: auto; min-height: 141px; margin: 0 -20px; padding: 15px 20px 15px 112px; } #root .list-collection.list li { width: auto; } .list-collection.list li.has-label { min-height: 181px; padding-bottom: 55px; } .list-collection.list figure { left: 20px; top: 15px; width: 80px; height: 110px; } .list-collection.list h1, .list-collection.list h2, .list-collection.list h3, .list-collection.list h4, .list-collection.list h5, .list-collection.list h6 { font-size: 1.5em; text-align: left; } .list-collection.list p { margin: 0 0 2px; font-size: 1.3em; text-align: left; } #root .list-collection.list .price { position: relative; top: 0; width: auto; margin: 0; padding: 9px 0 0; font-size: 1.5em; } .list-collection.list .price span { top: 0; margin-left: 5px; font-size: 0.8666666667em; } #root .list-collection.list .price span.small { display: inline-block; margin-left: 5px;font-size: 0.8666666667em; } #root .list-collection.list .label { left: 20px; bottom: 5px; } #root .list-collection.list li.wide { margin-bottom: 0; } #root .usp-list:not(.usp-slider) .infogram { width: 100%; margin-bottom: 15px; text-align: center; flex: none; } #root .usp-list:not(.usp-slider) { width: 100%; margin-left: 0; } #root .usp-list:not(.usp-slider) li { border-left: 0; } #root .usp-row, #root .usp-row > div { width: 100%; } .list-collection h1.mobile-nobrand, .list-collection h2.mobile-nobrand, .list-collection h3.mobile-nobrand, .list-collection h4.mobile-nobrand, .list-collection h5.mobile-nobrand, .list-collection h6.mobile-nobrand { margin-top:23px; } .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: inline-block!important; position: relative; left: 0; top: 0; visibility: visible; opacity: 1; margin: 0 20px 15px 0; } .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: 50px; } .list-news li:last-of-type { 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-rating { margin-top: 13px; margin-bottom: 17px; line-height: 1.7142857143; } .list-rating li { width: auto; min-height: 0; margin: 0 -20px 4px; padding: 13px 20px 24px; } .list-rating li:nth-child(2n-1) { background: var(--gallery); } .list-rating .rating-a { margin: 0 0 38px; padding-right: 6px; font-size: 1.4285714286em; } .list-rating .rating-a .label span { padding-top: 2px; font-size: 0.65em; } .list-rating .rating-a .rating { left: 100%; top: 7px; } .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, #root .m70 { margin-bottom: 35px; } .mobile-tab, .tabs-a.mobile-tabs { margin: 0; padding: 0; color: var(--bodyText); } .mobile-tab .list-social a { color: var(--bodyText); } .mobile-tab > *, .mobile-tab > header > *, .mobile-tab > .list-collection, .mobile-tab > .list-collection.is-slider, .mobile-tab .price, .mobile-tab .heading-rating .header a.toggle { display: none; } .mobile-tab > *:not(header):not(h2) { visibility: hidden; opacity: 0; } .mobile-tab:not(.toggle) .reviews-container { display: none!important; } #root .mobile-tab.toggle > *, .mobile-tab.toggle > header > *, #root .mobile-tab.toggle > .list-collection.is-slider, .mobile-tab.toggle .price, #root .mobile-tab.toggle .heading-rating ~ * { display: block; } #root .mobile-tab.toggle > *:not(header):not(h2) { visibility: visible; opacity: 1; } #root .mobile-tab > header { display: block; margin: 0; padding: 0; } .mobile-tab > h1:first-child:before, .mobile-tab > h2:first-child:before, .mobile-tab > h3:first-child:before, .mobile-tab > h4:first-child:before, .mobile-tab > h5:first-child:before, .mobile-tab > h6:first-child:before, .mobile-tab > header > h1:first-child:before, .mobile-tab > header > h2:first-child:before, .mobile-tab > header > h3:first-child:before, .mobile-tab > header > h4:first-child:before, .mobile-tab > header > h5:first-child:before, .mobile-tab > header > h6:first-child:before, .tabs-a.mobile-tabs .tabs-header:before { content: "\e90a"; left: auto; right: 0; width: auto; font-size: 12px; } .mobile-tab.toggle > h1:first-child:before, .mobile-tab.toggle > h2:first-child:before, .mobile-tab.toggle > h3:first-child:before, .mobile-tab.toggle > h4:first-child:before, .mobile-tab.toggle > h5:first-child:before, .mobile-tab.toggle > h6:first-child:before, .mobile-tab.toggle > header > h1:first-child:before, .mobile-tab.toggle > header > h2:first-child:before, .mobile-tab.toggle > header > h3:first-child:before, .mobile-tab.toggle > header > h4:first-child:before, .mobile-tab.toggle > header > h5:first-child:before, .mobile-tab.toggle > header > h6:first-child:before, .tabs-a.mobile-tabs .tabs-header.toggle:before { content: "\e914"; } #root .mobile-tab > h1:first-child, #root .mobile-tab > h2:first-child, #root .mobile-tab > h3:first-child, #root .mobile-tab > h4:first-child, #root .mobile-tab > h5:first-child, #root .mobile-tab > h6:first-child, #root .mobile-tab > header > h1:first-child, #root .mobile-tab > header > h2:first-child, #root .mobile-tab > header > h3:first-child, #root .mobile-tab > header > h4:first-child, #root .mobile-tab > header > h5:first-child, #root .mobile-tab > header > h6:first-child, .tabs-a.mobile-tabs .tabs-header { display: block; overflow: hidden; position: relative; margin: 0; padding: 16px 25px 14px 0; border: 0 solid var(--silver); border-top-width: 1px; color: var(--black); font-size: 13px; font-weight: 700; line-height: 1.3928571429; text-transform: uppercase; cursor: pointer; } #root .mobile-tab.toggle > h1:first-child, #root .mobile-tab.toggle > h2:first-child, #root .mobile-tab.toggle > h3:first-child, #root .mobile-tab.toggle > h4:first-child, #root .mobile-tab.toggle > h5:first-child, #root .mobile-tab.toggle > h6:first-child, #root .mobile-tab.toggle > header > h1:first-child, #root .mobile-tab.toggle > header > h2:first-child, #root .mobile-tab.toggle > header > h3:first-child, #root .mobile-tab.toggle > header > h4:first-child, #root .mobile-tab.toggle > header > h5:first-child, #root .mobile-tab.toggle > header > h6:first-child, .tabs-a.mobile-tabs .tabs-header.toggle { margin-bottom: 13px; border-bottom-width: 1px; } .mobile-tab .list-collection { color: var(--black); } #root .mobile-tab .heading-rating, .tabs-a.mobile-tabs { margin: 0; padding: 0; border-bottom-width: 0; } .mobile-tab .heading-rating .rating-a { position: absolute; right: 30px; top: 4px; } .mobile-tab .nav-pagination:last-child { margin-bottom: 0; border-bottom-width: 0; } #content > .mobile-tab:last-child { margin-bottom: 10px; } .m70 > .mobile-tab:last-child { margin-bottom: -35px; } .mobile-text-center { text-align: center; } .module-aside { margin: 35px 0; } #root .module-aside { margin-left: -20px; margin-right: -20px; } .full-width #root .module-aside { margin-left: -20px; margin-right: -20px; } .module-aside img { min-height: 225px; } .module-aside > div { padding-top: 20px; } .module-border { padding-bottom: 1px; } .module-bulk {/**/} #root .module-bulk .list-collection li { width: 50%; } .module-bulk .list-collection li:after { line-height: calc(100vw - 145px); } .module-bulk header + * { margin-top: 40px; } .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; } #root .module-featured .link-btn { display: block; margin-top: 24px; margin-right: 0; font-size: 13px; } .module-featured .link-btn a { max-width: 245px; margin-left: auto; margin-right: auto; padding: 15px 30px; font-size: 1em; } .module-featured .link-btn a + a { margin-top: 15px; } .module-featured.full { margin: 0 0 35px!important; } .module-featured.boxed.full { margin: 0 -40px 0!important;} .module-featured.full article { min-height: 500px; height: calc(100vh - 96px); } .module-news { padding-bottom: 1px; } .list-news.slide { margin-left: -20px; margin-right: -20px; } .module-product { line-height: 1.7857142857; margin-bottom: 13px; } .module-product header:last-of-type, .module-product-header { margin: 0 0 14px; padding: 0; } .module-product header:last-of-type + p.rating-a { margin-top: -10px; width: 130px; margin-left: auto; margin-right: auto; } .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, .s28, #root .s28 { margin: 0; font-size: 18px; } .module-product header p, .module-product-header p { margin: 0; font-size: 1.4em; } /* .module-product .selling-plan label { text-align: center; } */ .module-product .price, .module-bulk .price { display: block; padding-right: 0; } .tabs-a p, .module-product li, .tabs-a li, #root .list-social.b li { font-size: 1.4em; } #root .list-social.b li { padding-right: 0; text-align: left; } .module-product p, .module-product .price, .module-bulk .price { margin-bottom: 15px; } .AddToCartForm .semantic-select-wrapper, .AddToCartForm input, .AddToCartForm select, .AddToCartForm textarea { margin-bottom: 0; } .AddToCartForm .submit button, .AddToCartForm .link-btn a { text-overflow: ellipsis; white-space: nowrap; } .AddToCartForm .link-btn a.a:after { border-color: var(--mercury); } .AddToCartForm .submit input { width: 60px; min-width: 60px; max-width: 60px; } .module-product .list-product, .module-product .list-slider { padding-top: 0; border-top-width: 0; } #content > .module-product:first-child, #content > .mobile-hide:first-child + .module-product { margin-top: -20px; } .module-product.b { margin-bottom: 0; padding: 0; } .module-product.b header { margin-bottom: 10px; padding-top: 4px; text-align: left; } .module-product.b h1, .module-product.b h2, .module-product.b h3, .module-product.b h4, .module-product.b h5, .module-product.b h6 { /*margin-bottom: 0;*/ font-size: 1.8em; } .module-product.b p { margin-bottom: 19px; } .module-product.b .price { overflow: hidden; font-size: 1.6em; } .module-product.b .price span { clear: both; } .module-product.b .price .old { display: block; position: relative; top: 3px; float: left; margin: 0 9px 0 0; padding: 0; font-size: 0.8125em; } .module-product.b .price .old { display: inline-block; top: 0; float: none; } .module-product.b .form-product .submit button, .module-product.b .form-product .link-btn a { padding: 18px 17px 17px; font-size: 13px; } .module-product.b .form-product .link-btn a:after { border-color: var(--black); } .module-product.b .link-btn + .link-btn { margin-top: -14px; } .module-product.b .list-usp { display: block; margin: 27px 0 23px; } .module-product.b .list-usp li { margin: 0 0 22px; padding-left: 43px; font-size: 1.3em; } .module-product.b .list-usp span { display: inline; } .module-product.b .list-check-box .price { font-size: 1em; } .module-rating {/**/} .module-rating .rating-a { padding: 0; } .module-rating .rating-a .rating { position: relative; left: 0; top: 0; margin: 0 0 6px; visibility: visible; opacity: 1; } .module-sections { margin: 0 -20px 30px; padding: 0 20px; border-bottom: 1px solid var(--mercury); } .module-sections > * > header { margin: 0 -20px; padding: 0 20px; } .module-sections > * > header.toggle h1, .module-sections > * > header.toggle h2, .module-sections > * > header.toggle h3, .module-sections > * > header.toggle h4, .module-sections > * > header.toggle h5, .module-sections > * > header.toggle h6 { margin-bottom: 22px; } .module-sections .tabs-d { margin-bottom: 0; border-bottom-width: 0; } .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: 36px; padding-bottom: 15px; } .module-wide, .module-featured article { min-height: 485px; padding-top: 8px; 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, #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; } header .rating-a.strong, .text-center .rating-a.strong { display: block; padding-left: 0; text-align: left; } header .rating-a.strong .rating, #root .text-center .rating-a.strong .rating { display: inline-block; position: relative; left: 0; top: 0; visibility: visible; opacity: 1; } header .rating-a.strong .rating .star { display: none; } header .rating-a.strong .rating .star:first-child { display: inline-block; } .rating-a.strong .rating { width: 25px; } .rating-a.strong .label span[class*="overlay"] { display: block; margin: 8px 0 0; } .s28, #root .s28 { margin-bottom: 12px; } .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(--bodyText); font-size: 16px; font-family: var(--body) font-weight: var(--bodyWeight); text-decoration: none; } .tabs-a .tabs-header.toggle, .tabs-b .tabs-header.toggle, .tabs-c .tabs-header.toggle { color: var(--black); } .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: 10px; } .is-tabs .tabs-inner > .list-collection:first-child { margin-top: 9px; } .tabs-b {/**/} .tabs-b > div > .hidden { visibility: visible; z-index: auto; opacity: 1; clear: both; } .tabs-d { margin: 0 -20px 30px; padding: 0 20px; border-bottom: 1px solid var(--mercury); } .tabs-d .tabs-header, .module-sections > * > header h1, .module-sections > * > header h2, .module-sections > * > header h3, .module-sections > * > header h4, .module-sections > * > header h5, .module-sections > * > header h6 { display: block; overflow: hidden; position: relative; margin: 0 -20px; padding: 17px 40px 17px 20px; border: 0 solid var(--mercury); border-top-width: 1px; color: var(--coal); font-size: 14px; font-weight: 400; line-height: 1.1; text-transform: uppercase; text-decoration: none; text-align: left; } .tabs-d .tabs-header.toggle, .module-sections > * > header.toggle { margin-bottom: 6px; } .tabs-d .tabs-header:before, .module-sections > * > header .header-toggle:before { content: "\e92d"; left: auto; right: 20px; width: auto; color: var(--coal); font-size: 11px; } .tabs-d .tabs-header.toggle:before, .module-sections > * > header.toggle .header-toggle:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tabs-d .text-center { text-align: left; } 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; } .AddToCartForm {/**/} .AddToCartForm .product-configure { width: 100%; } .AddToCartForm .product-configure-variants { margin-bottom:15px; } .AddToCartForm .submit input { width: 60px; } .form-welcome {/**/} .form-welcome h1, .form-welcome h2, .form-welcome h3, .form-welcome h4, .form-welcome h5, .form-welcome h6 { font-size: 36px; } .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; } .module-aside p + h2 { margin-top: 10px; } .module-aside h2 + p { margin-top: 0; } .module-aside .list-inline + h2 { margin-top: 10px; } .lead { margin-bottom: 25px; } #root .form-sort .ui-slider-a + * { margin-left:auto; } #root .link-btn.double, .list-collection .owl-dots, .list-collection.list li, .list-collection.list .has-label .label, #footer h1.toggle + .list-social, #footer h2.toggle + .list-social, #footer h3.toggle + .list-social, #footer h4.toggle + .list-social, #footer h5.toggle + .list-social, #footer h6.toggle + .list-social, .mobile-tab.toggle > .list-collection { 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; } .list-collection.compact, .check-box { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #root .list-slider .pager, #footer .list-payments { -webkit-justify-content: center; justify-content: center; } #root .link-btn.double { -webkit-justify-content: space-between; justify-content: space-between; } .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, .check-box 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 .list-big li > div.mobile-below { -webkit-transform: none; transform: none; padding: 0 20px; } #root .double, .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, .module-bulk .list-collection li:nth-child(4n-3):after, .tabs-d .tabs-inner.toggle, .module-sections > * > header.toggle ~ *, #root .module-sections > * > header > h1, #root .module-sections > * > header > h2, #root .module-sections > * > header > h3, #root .module-sections > * > header > h4, #root .module-sections > * > header > h5, #root .module-sections > * > header > h6, #root .module-sections > * > header.toggle > *, #root .module-sections > * > header .header-toggle, #footer nav h1.toggle + *, #footer nav h2.toggle + *, #footer nav h3.toggle + *, #footer nav h4.toggle + *, #footer nav h5.toggle + *, #footer nav h6.toggle + *, #root #footer nav > .double > *, #root #footer nav h1, #root #footer nav h2, #root #footer nav h3, #root #footer nav h4, #root #footer nav h5, #root #footer nav h6 { display: block; } .list-news p:last-child, .list-news p.last-child, .list-collection .owl-nav button, #root .list-collection li.wide.three, .list-collection + hr, .cols-b:after, .tabs-a > nav, .tabs-a .tabs-inner, .AddToCartForm .submit a, .module-product .s13 br, .module-product-bar, .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, #root .list-collection form p > span:first-child, .module-bulk .list-collection li:nth-child(2n-1):after, #root .list-big:after, .tabs-d > nav, .tabs-d .tabs-inner, .tabs-d:before, .module-sections > * > header ~ *, #root .module-sections > * > header > *, #root .list-rating li:before, #root .list-collection.list form, #root .list-collection.list li.wide:after, .list-collection.list .label, .list-collection .btn a span, #footer nav > * > *, #footer nav:after, #footer nav h1 i, #footer nav h2 i, #footer nav h3 i, #footer nav h4 i, #footer nav h5 i, #footer nav h6 i, #footer nav h1 img, #footer nav h2 img, #footer nav h3 img, #footer nav h4 img, #footer nav h5 img, #footer nav h6 img, #footer nav h1 ~ *, #footer nav h2 ~ *, #footer nav h3 ~ *, #footer nav h4 ~ *, #footer nav h5 ~ *, #footer nav h6 ~ * { display: none; } #root .tablet-hide, #root .mobile-only, .tabs-a > * > .hidden, #root .tabs-b > * > .hidden, .tabs-c > * > .hidden, .tabs-d > * > .hidden { position: relative; left: 0; top: 0; visibility: visible; opacity: 1;} #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, .module-bulk .price .label, .list-comments.a li:before { position: absolute; left: -30000px; top: -30000px; right: auto; bottom: auto; visibility: hidden; opacity: 0; } .usp-row { display: inline-block; } #root .list-collection.banner-row li { margin-bottom: 0; } .list-collection.banner-row h4 { margin-bottom: 0; } .list-collection.banner-row li > p { margin-top: 10px; } .list-collection.banner-row h4 + p { margin-top: 13px; } #root .list-collection:not(.banner-row) > li:not(.aside), .list-catalog li { width: 50%; text-align: left; } #root .list-collection li.row-mobile-1, .list-catalog li.row-mobile-1 { width: 100%; text-align: center; } .AddToCartForm .list-usp { display:block; } .AddToCartForm .list-usp li { margin-bottom:21px; } .AddToCartForm .list-usp li span { display:unset; } .AddToCartForm .list-usp i { font-size: 17px; } .AddToCartForm .list-usp i.icon-truck { font-size: 13px; } .AddToCartForm .list-usp li:first-child { padding-left: 28px; } .list-collection.slider.categories img { margin-bottom:12px; } .module-product.b header { text-align: center; } #root { text-align: center; } ul.banner-grid li:nth-of-type(1) div.mobile-below p, ul.banner-grid li:nth-of-type(1) div.mobile-below h3, ul.banner-grid li:nth-of-type(1) div.mobile-below a { color: var(--headingsColor) !important; } ul.banner-grid li:nth-of-type(2) div.mobile-below p, ul.banner-grid li:nth-of-type(2) div.mobile-below h3, ul.banner-grid li:nth-of-type(2) div.mobile-below a { color: var(--headingsColor) !important; } ul.banner-grid li:nth-of-type(3) div.mobile-below p, ul.banner-grid li:nth-of-type(3) div.mobile-below h3, ul.banner-grid li:nth-of-type(3) div.mobile-below a { color: var(--headingsColor) !important; } ul.banner-grid li:nth-of-type(4) div.mobile-below p, ul.banner-grid li:nth-of-type(4) div.mobile-below h3, ul.banner-grid li:nth-of-type(4) div.mobile-below a { color: var(--headingsColor) !important; } .list-big.cols.banner-grid li:nth-of-type(1) .link-btn a, .list-big.cols.banner-grid li:nth-of-type(2) .link-btn a, .list-big.cols.banner-grid li:nth-of-type(3) .link-btn a, .list-big.cols.banner-grid li:nth-of-type(4) .link-btn a { margin: 0; margin-top: 6px; } #root .text-mobile-left p, #root .text-mobile-left h1, #root .text-mobile-left h2, #root .text-mobile-left h3, #root .text-mobile-left h4, #root .text-mobile-left a, #root .text-mobile-left.text-center .list-inline { text-align: left !important; justify-content: normal; -webkit-justify-content: normal;} #root .list-btn a, #root .link-btn a, #root .btn a, #root a.btn, #root button { text-align: center!important; } #root .list-big .link-btn, #root .list-btn.a, #root .list-btn.button-list { -webkit-justify-content: flex-start; justify-content: flex-start; } #root .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .toggle-filters { width: 100%; } .module-featured:not(.boxed) .module-wide { width: 100%; padding: 30px 20px 30px; } .full-width .module-featured:not(.boxed) .module-wide { width: 100vw; padding: 30px 20px 30px;} .full-width .module-wide.boxed { width: 100vw; margin-left: 0; margin-right: 0;} .full-width .module-wide.single { width: auto; padding: 30px 20px 30px; } .usp-slider, .usp-slider.boxed, .full-width .usp-slider, .full-width .usp-slider.boxed { width: 100vw; } .full-width .usp-slider.boxed { margin-left: -20px; margin-right: -20px; } .module-featured .module-wide { padding: 50px 20px 0;} .module-featured:not(.boxed), .usp-slider:not(.boxed) { margin: 0 -20px 35px -20px!important; } .module-featured.boxed, .usp-slider.boxed { margin-left: -20px; margin-right: -20px; } .full .module-wide.single.boxed { margin-left: 20px; margin-right: 20px; } .module-wide.single.boxed { margin-left: -20px; margin-right: -20px; } .full-width .full .module-wide.single.boxed { margin-left: 0; margin-right: 0;} .full-width .full .module-wide.single:not(.boxed) { margin-left: 0; margin-right: 0;} .full-width .module-wide.single.boxed { margin-left: -20px; margin-right: -20px; } .full-width .module-wide.single:not(.boxed) { margin-left: -20px; margin-right: -20px; } .full-width .module-featured:not(.boxed), .full-width .module-featured.boxed, .full-width .usp-slider:not(.boxed) { margin-left: -20px!important; margin-right: -20px!important; } .full-width .module-featured.boxed { margin-left: -20px!important; margin-right: -20px!important; } #root .reviews-container { display: none; } #root #shopify-product-reviews { margin-bottom: 14px; } .list-news li.flex-grow { width: 100%; } .list-brands li.flex-grow { width: 50%; } .list-brands.mobile-slide, .button-list.mobile-slide { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; margin-left: -20px; margin-right: -20px; margin-bottom: 20px; align-items: unset; justify-content: unset; } .list-brands.mobile-slide li:first-child { margin-left: 0; } .list-brands.mobile-slide li:last-child { margin-right: 20px; } .list-brands.mobile-slide li.break { flex: 0; padding: 0; margin: 0; } .list-brands.mobile-slide li:before { content: none; } .button-list ul.list-btn.mobile-slide li:first-child { margin-left: 20px!important; } .button-list ul.list-btn.mobile-slide li:last-child { margin-right: 20px!important; } .list-brands.mobile-slide li { flex: 0 0 33%; width: auto; } .module-featured article > * { top: 0; } .module-product-bar { display: flex; } .module-product-bar.not-available { display: none; } .module-product-bar form .link-btn button, .module-product-bar.has-variant-selection form button, .module-product-bar.has-variant-selection form.variant-select-form { width: 75px; min-width: 75px; padding: 0 10px; } .module-product-bar h3, .module-product-bar.has-variant-selection h3 { max-width: calc(100% - 100px); } #content .shopify-section.section > article:not(.usp-row):not(.mobile-tab), #content .shopify-section.section > ul, #content .shopify-section.section > form, #content .shopify-section.section > article.product-slider, #content .shopify-section.section > article.collection-grid, #content .shopify-section.section > .banner-grid { margin-bottom: 35px!important;} #content .shopify-section.section > article.button-list { margin-bottom: 27px!important; } #content .shopify-section.section.mobile-usp-slider > .usp-row { margin-bottom: 32px; } .module-product .list-product:first-child { visibility: hidden; opacity: 0; } .js .module-product .list-product:first-child { visibility: visible; opacity: 1; } .module-product .list-product.single { margin-left: -22px; } .module-product .list-product .w100 { border-left-width: 0; } #root .list-news:not(.slide) figure { margin-left: -20px; margin-right: -20px; } .fs28 { font-size: 26px!important; } #root .banner-row li.single:not(:first-child){ margin-top: 30px; } .list-collection .img.home-custom-banners[src] { width: 100vw!important; margin: 0 auto!important; } #root .banner-row li figure { position: relative; width: auto; margin: 0 -20px 30px; } .template-product .tabs-a .tabs-header { font-family: var(--headings); } .w1075.double.a > * { border-left-width: 0; } .template-login #content p .sticky, .template-login #content label .sticky, .template-register #content p .sticky, .template-register #content label .sticky, .template-addresses #content p .sticky, .template-addresses #content label .sticky { position: relative; } .template-addresses #content .double-btns > *, .template-addresses #content .double-btns button.small, .template-addresses #content .double-btns > form > button { width: auto!important; flex-grow: 1; } .template-addresses #content button.small, .template-addresses #content .button.small, .template-activate_account #content button.small { width: 100%!important; } article.article .pusher { margin-top: 50vw; } #top { left: 20px; right: 20px; width: auto; margin: 0; } #top > form input { font-size: 13px; } #root #top > form > .remove { width: 44px; font-size: 14px; margin-right: -6px; } #root #nav > ul > li { display: none; } #root #nav > ul > li.fav, #root #nav > ul > li.cart { display: block; } .module-product.b .label .video-btn { top: 55px; } #root .module-product.b .label .close-btn { position: absolute; right: 5px!important; left: auto; z-index: -2; } .module-product.b p.vendor, .module-product.b p.instant_buy_button { margin-bottom: 0; } .module-product.b .list-usp { margin-top: 15px; } #root .usp-list.usp-slider .infogram { margin-bottom: 0; } #root .usp-list.usp-slider { margin-bottom: 0!important; } #root .mobile-usp-slider > .usp-row, #root .mobile-usp-slider > .usp-row > div { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module-product .list-usp li { margin-bottom: 21px; } .module-product .list-usp li:last-child { margin-bottom: 0; } .list-collection.slide, .list-news.slide { margin-left: -20px; margin-right: -20px; } .list-collection.slide li:first-child, .list-news.slide li:first-child { margin-left: 0; } .list-collection.slide li, .list-news.slide li { flex: 0 0 calc(63vw + 15px); } #content > *:first-child > .heading-wide { margin-top: -26px; } #root .list-collection li.row-mobile-1 { width: calc(100% / 1); } #root .list-collection li.row-mobile-2 { width: calc(100% / 2); } #root .list-collection li.row-mobile-3 { width: calc(100% / 3); } #root .list-collection li.row-mobile-4 { width: calc(100% / 4); } #root .list-collection li.row-mobile-5 { width: calc(100% / 5); } #root .list-collection li.row-mobile-6 { width: calc(100% / 6); } #root .list-collection li.row-mobile-7 { width: calc(100% / 7); } #root .list-collection li.row-mobile-8 { width: calc(100% / 8); } .module-wide.overlay:not(.boxed):before { width: 100%; margin: 0 0 0 -50%;} .module-featured .owl-carousel.inner { max-width: none; } #root .module-featured:not(.boxed) .module-wide figure { width: 100%; margin: 0 0 0 -50%;} #top #logo img.mobile-only { display: block; } #top #logo img.mobile-hide { display: none; } .list-big li > div.bottom:not(.mobile-below), .list-big li > div:not(.mobile-below) { top: calc(50% - 15px) } } /* --------------------------------------- END max-width: 47.5em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START max-width: 25em --------------------------------------- */ @media only screen and (max-width: 25em) { .list-checkout {/**/} .list-checkout figure { width: 80px; } .list-collection { margin-bottom: 20px; } .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, #root .list-collection .form p > span { width: calc(100% - 32px - 144px); } #root .list-collection 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; } .list-cart p .semantic-number input { width: 100%; } .list-cart p span.text-right { top: 32px; margin-left: 0; } .list-cart ul { margin-top: 55px; } } /* --------------------------------------- END max-width: 25em --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/ /* --------------------------------------- START other media queries --------------------------------------- */ @media only screen and (min-width: 62.5em) and (max-width: 75em) { /* 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 (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: 760px) { #root #shopify-product-reviews { margin: 0 -20px 1em; padding: 0 20px; } #shopify-product-reviews .spr-summary { display: block; } #shopify-product-reviews .heading-rating.toggle .spr-summary .spr-summary-caption, #shopify-product-reviews .heading-rating.toggle .spr-summary .spr-summary-actions { display: block; } #shopify-product-reviews .spr-summary-starrating { display: none; } #shopify-product-reviews .spr-summary-actions { display: block; margin-top: 20px; } #shopify-product-reviews .spr-summary-actions-newreview { width: 100%; margin-top: 20px; } #shopify-product-reviews .custom-rating{ font-size: 20px; } #shopify-product-reviews .spr-summary-starrating .spr-icon { top: -1px; } #shopify-product-reviews .spr-summary-caption { margin-top: 0; } #shopify-product-reviews .spr-reviews { padding-bottom: 20px; } #shopify-product-reviews .spr-review { border: none; } #shopify-product-reviews .spr-header-title, #shopify-product-reviews .spr-summary { text-align: left; } #shopify-product-reviews .spr-summary-captions { margin-bottom: 10px; } #shopify-product-reviews .spr-review-header, #shopify-product-reviews .spr-review-content { width: 100%; display: block; } #shopify-product-reviews .spr-review-content { border: none; padding: 20px 20px 0 20px; margin: 0 -20px; } #shopify-product-reviews .spr-reviews:before, #shopify-product-reviews .spr-reviews:after { left: -3000px; right: -3000px; height: 1px; width: auto; position: absolute; z-index: 99; background-color: var(--mercury); content: ""; } #shopify-product-reviews .spr-review-content:before, #shopify-product-reviews .spr-review-content:after { left: 0; right: 0; height: 1px; width: 150%; position: absolute; z-index: 99; background-color: var(--mercury); content: ""; } #shopify-product-reviews .spr-review-content:before { top: 0; } #shopify-product-reviews .spr-review-content:after { bottom: -40px; } #shopify-product-reviews .spr-reviews:before { top: 0; } #shopify-product-reviews .spr-reviews:after { bottom: 0; } } @media only screen and (min-width: 45.5em) { .responsive-table.order th, .responsive-table.order td { width: 15%; padding-right: 20px; } .responsive-table th, .responsive-table td { width: 20%; } .responsive-table.order th:nth-child(2), .responsive-table.order td:nth-child(2) { width: 40%; } } @media only screen and (max-width: 45.5em) { .responsive-table thead { display: none; } .responsive-table th, .responsive-table td { float: left; clear: left; width: 100%; text-align: right; padding: 5px 0; border: 0; margin: 0; } .responsive-table th::before, .responsive-table td::before { content: attr(data-label); float: left; text-align: center; padding-right: 10px; font-weight: bold; } .responsive-table-row { margin-bottom: 15px; float: left; clear: left; width: 100%; } .responsive-table-row::after { content: ""; display: block; border-bottom: 1px solid var(--mercury); } .responsive-table-row:first-child::after { content: none; } .responsive-table-row:last-child { margin-bottom: 0; } .img-row, .small--hide { display: none; } } @media only screen and (max-height: 48.75em), only screen and (max-width: 75em) { /* 780 */ #root #nav > ul.full > li { font-size: 4em; } #root #top #nav > ul.full > li > a, #root #nav > ul.full ul li a { padding-top: 16px; padding-bottom: 16px; } #root #top #nav > ul.full > li > a.toggle, #root #nav > ul.full ul li a.toggle { margin-left: 40px; margin-right: -70px; } #nav > ul.full .owl-carousel { padding-bottom: 70px; } #root #nav > ul.full .owl-nav button, #root #nav > ul.full .owl-dots { bottom: 32px; } #root #nav > ul.full ul ul > div, #root #nav > ul.full ul ul > div.outer > div, #root #nav > ul.full ul ul div.outer > div { width: 50%; } } @media only screen and (max-width: 1320px) { .form-welcome.news-letter-popup .box-inset .right #formNewsletterEmail { width: 100%; } .form-welcome.news-letter-popup .box-inset .right button.submit-newsletter { width: 100%; max-width: unset; } } @media only screen and (min-width:1000px) { .cols-c.no-sidebar > aside { display:none; } } @media only screen and (max-width: 600px) { .form-welcome.news-letter-popup .box-inner { width: 100%; } } @media only screen and (max-width: 480px) { #shopify-product-reviews .spr-summary-caption { position: static; } .form-welcome.news-letter-popup .box-inset .right #formNewsletterEmail { width: 100%; } .form-welcome.news-letter-popup .box-inset .right button.submit-newsletter { width: 100%; max-width: unset; } } @media only screen and (max-width: 442px) { #root .module-product .list-social.b li { width: 50%; } } @media only screen and (max-width: 363px) { .list-checkout ul li{ font-size: 1em; } } /* --------------------------------------- END other media queries --------------------------------------- */ /*----------------------- ----------------------- ----------------------- -----------------------*/