/* ------------------------------------------- Name: Theme Access Date: 2019/03/01 Author: https://www.dmws.nl --------------------------------------------- */ *, :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; } /*! 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; --blank: rgba(0,0,0,0); /* Fonts */ --headings: 'Merriweather', Arial, Helvetica, sans-serif; --headingsWeight: 600; --body: 'Open Sans', Arial, Helvetica, sans-serif; --bodyWeight: 500; /* Color Settings */ --bodyText: #4d4d4d; --headingsColor: #333333; --accent: #6bb099; --buttons: #000000; --addtocartbutton: #000000; --positives: #6bb099; --sale: #e52a2a; --prices: #333333; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--bodyText); font-family: var(--body); line-height: 1.9333333333; font-weight: var(--bodyWeight); } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 15px; } 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(--headings); font-weight: var(--headingsWeight); } h1, .gui-page-title { margin-bottom: 18px; font-size: 28px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--headingsColor); text-decoration: none; font-weight: var(--bodyWeight); } 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 */ .list-info li:after, .cols-d:after, .tabs-d:after, .nav-breadcrumbs:after, .module-bulk:after, .form-product .fieldset:after, .module-product > *:after, .module-aside:after, .module-featured article:after, .module-featured:after, .module-wide:after, .form-product:after, .module-quickshop header:after, .module-quickshop:after, .heading-rating:after, .module-product p:after, .module-product:after, .list-checkout li:after, .link-btn.scroll-to-fixed-fixed:after, .owl-carousel .owl-stage-outer:after, .nav-breadcrumbs:after, .cols-b:after, .cols-c:after, .cols-b > header:first-child:after, .owl-carousel .owl-stage:after, .module-news:after, .double:after, .list-comments li:after, #nav:after, .form-newsletter:after, .heading-wide:after, #content:after, #top:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* fill */ .list-collection.triple .infogram:before, #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, #top > form > div: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, .form-product .submit a:before, .form-product .submit a:after, .check-box label:before, .check-color label:before, .list-product a:before, #root .list-slider .pager li a:before, .owl-dots button:after, .list-collection .owl-nav button:before, .form-sort:before, .totop:after, .list-collection li.wide:before, .ui-slider:before, .ui-slider-range:before, .form-filter .header a, #root .semantic-select ul li.active:after, .list-collection .semantic-select-wrapper.has-color span.color:before, #root .semantic-select ul li.hidden:after, .list-collection .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, .accordion-a a[role="tab"], .list-news figure:before, .list-news a.clone, .list-news a:before, .list-comments li.more a:after, .list-tags a:after, .list-tags a:before, .list-comments li:before, .list-brands li:before, .list-brands a:before, #footer nav h1:after, #footer nav h2:after, #footer nav h3:after, #footer nav h4:after, #footer nav h5:after, #footer nav h6:after, #footer .header-toggle, #shadow:before, .list-social.a a:before, #footer > p:before, #footer nav:before, button:after, .link-btn a:after, .heading-wide figure:before, .heading-wide figure, ul.list-checks li: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 */ .new #top .bar:before, .new #nav:before, .module-wide.overlay:before, .module-product-bar:before, .module-quickshop header:before, .module-quickshop:before, #top > form:before, #top:before, #footer:before, .form-newsletter:before, #cookie:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } /* icon */ .new #nav > ul:first-child > li > ul > li > a.toggle: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, .new #top > form > .remove:before, #top > p .close: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, .form-product .submit a i, .check-color label:after, .list-product a:after, .list-select .head label:after, .list-select > li > a:before, .form-filter > .close:before, .list-collection .semantic-select .input .color:after, .nav-pagination .prev a:before, .nav-pagination .next a:before, .form-sort:after, .list-filters a:before, .totop:before, .form-filter .header:before, .nav-breadcrumbs p a:before, .popup-a .box-inset > .close:before, .semantic-select ul li.active a:before, .list-collection .btn i, .list-slider .label > .btn i, .list-product .label > .btn i, #root .semantic-number a:after, .accordion-a > .header:before, #root .owl-nav button:after, #top > form button:before, #footer nav h1:before, #footer nav h2:before, #footer nav h3:before, #footer nav h4:before, #footer nav h5:before, #footer nav h6:before, #footer .header-toggle:before, .heading-wide button:before, #mobile .back:before, #mobile .close:before, #top > .menu:before, .list-tags.a i, #top > form > .close:before, #footer .lang:before, #footer .lang p a:before, #login .close:before, #cart .close:before, #compare .close:before, #nav > ul > li.sub > a:before, #top #logo:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; } /* index */ .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, #footer .header-toggle, #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%); } /* centerX */ .new #top #logo.text-center, #nav > ul > li > ul { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* no trans */ .new #nav > ul:first-child > li > ul, .list-big li > div.bottom, #root .semantic-number a.disabled:after, .product-preview #top .module-product-bar, .quickshop-active .module-quickshop header, .confirm-cart .module-product-sticky, .popup-a.shown .box-inset, [data-whatintent="mouse"] .list-collection .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 */ .js .list-slider, .js .ui-slider-a, .js .list-collection.slider, .js .list-news.slider, [data-whatintent="mouse"] .list-collection li:hover:before, .js .list-big.cols, .list-big.cols[style], .new #top > form.full .remove, .not-top #cookie .totop, #top.scroll-to-fixed-fixed ~ #cookie .totop, #root .list-collection figure .owl-item, [data-whatintent="mouse"] .list-featured figure a:hover:before, [data-whatintent="mouse"] .totop:hover:after, [data-whatintent="mouse"] .list-feed li:hover ul, [data-whatintent="mouse"] .list-feed div:hover ul, .list-product.mobile-hide, .fancybox-container.fancybox-is-open, a.toggle .bubble, [data-whatintent="mouse"] .list-product a:hover:before, [data-whatintent="mouse"] .list-product a:hover:after, .list-collection .owl-item[aria-hidden="false"], .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, [data-whatintent="mouse"] .list-collection .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, .cart-active #shadow, .login-active #shadow, .compare-active #shadow, .loading body:before, .loading body:after { visibility: visible; opacity: 1; /*z-index:99999;*/} /* hide */ .list-slider, .ui-slider-a, .list-collection.slider, .list-news.slider, .new #top > form.full button, #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-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, #footer nav figure 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, #top, #cart, #compare, #login, #mobile, #shadow, #cookie { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* cursor */ .list-btn.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"] .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"] h3 a:hover, [data-whatintent="mouse"] h4 a:hover, [data-whatintent="mouse"] h5 a:hover, [data-whatintent="mouse"] h6 a:hover, [data-whatintent="mouse"] .list-catalog a:hover, .list-inline a, [data-whatintent="mouse"] .module-quickshop header ul a:hover, [data-whatintent="mouse"] .list-comments h1 span a:hover, [data-whatintent="mouse"] .list-comments h2 span a:hover, /*[data-whatintent="mouse"] .list-comments h3 span a:hover*/, [data-whatintent="mouse"] .list-comments h4 span a:hover, [data-whatintent="mouse"] .list-comments h5 span a:hover, [data-whatintent="mouse"] .list-comments h6 span a:hover, [data-whatintent="mouse"] .list-select .head label:hover, [data-whatintent="mouse"] .list-select ul label:hover, [data-whatintent="mouse"] .list-select li > div p a:hover, [data-whatintent="mouse"] .nav-pagination li > a:hover, [data-whatintent="mouse"] .nav-breadcrumbs p a:hover, [data-whatintent="mouse"] .form-welcome button ~ a:hover, [data-whatintent="mouse"] .list-collection li:hover > p a, [data-whatintent="mouse"] .list-checkout ul li.strong a:hover, [data-whatintent="mouse"] .list-featured p a:first-child:last-child:hover, [data-whatintent="mouse"] .list-news li:hover h1, [data-whatintent="mouse"] .list-news li:hover h2, [data-whatintent="mouse"] .list-news li:hover h3, [data-whatintent="mouse"] .list-news li:hover h4, [data-whatintent="mouse"] .list-news li:hover h5, [data-whatintent="mouse"] .list-news li:hover h6, [data-whatintent="mouse"] .list-news li:hover p a, .text-underline, [data-whatintent="mouse"] .list-comments li.more a:hover, [data-whatintent="mouse"] #login a.overlay-c:hover, [data-whatintent="mouse"] #nav > ul > li > div li a:hover, [data-whatintent="mouse"] .nav-breadcrumbs li a:hover, [data-whatintent="mouse"] .list-cart ul li.strong a:hover { text-decoration: underline; } /* tdn */ [data-whatintent="mouse"] .list-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, #root .module-quickshop header ul a.btn, [data-whatintent="mouse"] #root .list-select li > div p a.remove:hover, #root .nav-pagination .prev a, #root .nav-pagination .next a, #root .nav-pagination li.active a, .list-checkout ul li.strong a, #root .semantic-number a, #root .accordion-a > .header a, .list-comments li.more a, [data-whatintent="mouse"] #nav > ul > li > div li.strong a:hover, #root .list-cart h1 a, #root .list-cart h2 a, #root .list-cart h3 a, #root .list-cart h4 a, #root .list-cart h5 a, #root .list-cart h6 a, #root .list-social a, #root .link-btn a, [data-whatintent="mouse"] a:hover, .list-cart ul li.strong a, #root .list-tags a, [data-whatintent="mouse"] #root .list-tags a.close:hover { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: 151px 0 0; background: var(--white); } #top { position: absolute; left: 50%; top: 0; z-index: 9; width: 1314px; height: 151px; margin-left: -657px; } .full-width #top { width: auto; left: 30px; right: 30px; margin-left: 0; } #top:before { border-bottom: 1px solid #f6f6f6; background: #ffffff; } #nav > ul + ul > li > a i { color: #333333; } #nav > ul + ul > li > a span { color: #333333; } #top #logo { left: 0; top: 55px; bottom: 0; width: 180px; height: auto; margin: 0; padding: 0; background: none; color: var(--black); } #top #logo:before { font-size: 14px; text-align: left; } #top #logo a { overflow: hidden; position: relative; z-index: 5; width: 100%; height: 100%; } #logo img { transition: none; -webkit-transform: translateZ(0); transform: translateZ(0); } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip li { font-size: 15px; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--azure); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 0 0 0 172px; } .search-active #nav { z-index: 9; } #nav > ul { list-style: none; margin: 0 auto; padding: 0; font-weight: 600; } #nav > ul > li { position: static; margin-right: 34px; padding: 0 0 32px; } #nav > ul > li.has-ul { position: relative; } #nav > ul > li > a { display: block; position: relative; height: 26px; color: #000000; line-height: 23px; text-decoration: none; } #nav > ul > li > a:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: #000000; } [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 > li > a.toggle:focus, .mobile #nav > ul > li > a.toggle { position: relative; left: 0; } opacity: 1; #nav > ul > li > a i { display: block; font-size: 18px; line-height: 23px; } #nav > ul > li > a i.icon-cart:before { content: "\e932"; font-size: 23px; } #nav > ul > li.sub.lang > a, #footer .lang p a { padding-right: 17px; } #nav > ul > li.sub > a:before, #footer .lang p a:before { content: "\e92b"; display: block; left: auto; right: 0; width: auto; font-size: 5px; } #nav > ul > li > ul { position: absolute; left: 50%; top: 100%; } #nav > ul > li > ul, #footer .lang ul { display: none; list-style: none; margin: -14px 0 0; padding: 0; border: 1px solid var(--mercury); background: var(--white); line-height: 1.3; text-align: left; } #nav > ul > li > ul li, #footer .lang ul li, #bottom ul ul li { padding: 2px 0; font-size: 15px; } #nav > ul > li > ul li a, #footer .lang ul li a, #bottom ul ul li a { display: block; padding: 9px 20px; color: var(--black); line-height: 1.3; text-decoration: none; } [data-whatintent="mouse"] #nav > ul > li > ul li:hover > a, [data-whatintent="mouse"] #nav > ul > li > ul li a:hover, [data-whatintent="mouse"] #footer .lang ul li a:hover, [data-whatintent="mouse"] #bottom ul ul li a:hover { background: var(--concrete); } #nav > ul > li > ul li a img, #footer .lang ul li a img, #root #bottom ul ul img { position: relative; left: -10px; width: 18px !important; max-width: none !important; margin: 0; border-radius: 0; } #nav > ul > li > ul li a .cur-icon { position: relative; left: -5px; 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: -1px 0 0; padding: 23px 10000px 36px; border-top: 1px solid #f6f6f6; background: #ffffff; } #nav > ul > li > div > * { width: 20%; 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); } #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 { color: #000000; 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: #000000; font-weight: 400; text-decoration: none; } #nav > ul > li > div li.strong a { font-weight: 600; text-decoration: underline; } #nav > ul > .shadow { display: none; position: absolute; left: -10040px; right: -10000px; top: 100%; z-index: -2; height: 100vh; background: var(--cod); opacity: .3; } #nav > ul + ul { position: relative; z-index: 2; float: right; margin: 0; padding: 0; } #nav > ul + ul > li { margin-right: 40px; } #nav h1 a, #nav h2 a, #nav h3 a, #nav h4 a, #nav h5 a, #nav h6 a { color: #000000; text-decoration: none; font-weight:600; font-family: var(--body); } #top > p { overflow: hidden; position: absolute; left: -10000px; top: 0; right: -10000px; height: 55px; margin: 0; padding: 0 10000px; background: #000000; color: #ffffff; line-height: 55px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } #top > p .close { display: none; position: absolute; right: 10000px; top: 0; bottom: 0; width: 30px; height: 55px; color: var(--white); font-size: 17px; text-decoration: none; } #top > form { display: none; position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; } #top > form:before { border-bottom: 1px solid var(--mercury); background: var(--white); } #top > form input { position: relative; top: -12px; height: 40px; padding: 0 35px; border-radius: 0; border-width: 0; background: none; font-size: 1em; } #top > form ::-webkit-input-placeholder { opacity: 1; color: var(--chalice); } #top > form :-ms-input-placeholder { opacity: 1; color: var(--chalice); } #top > form ::-ms-input-placeholder { opacity: 1; color: var(--chalice); } #top > form ::placeholder { opacity: 1; color: var(--chalice); } #top > form button { position: absolute; left: 0; top: -12px; bottom: 0; width: 50px; min-width: 0; height: 40px; margin: 0; padding: 0; border-width: 0; background: none; color: var(--black); font-size: 17px; text-indent: -3000em; text-align: left;} #top > form button:before { content: "\e936"; text-align: left; } #top > form > .close, .new #top > form > .remove { display: block; position: absolute; right: 0; top: -12px; z-index: 99 !important; width: 25px; height: 40px; color: var(--cod); font-size: 17px; text-decoration: none; text-indent: -3000em; text-align: left; } #top > form > .close:before, #top > p .close:before { content: "\e93f"; } #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; } #top > form > div:before { left: 20px; right: 20px; bottom: auto; top: 23px; 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 .list-usp { line-height: 47px; } #top .list-usp li { overflow: hidden; margin-right: 52px; padding: 0; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; } #top .list-usp .item li { margin-right: 0; } #top .list-usp i { display: inline-block; position: relative; top: 1px; margin: 0 5px 0 0; font-size: 13px; line-height: 1px; } #top .list-usp i.icon-shield { font-size: 14px; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 9998; width: 100%; height: 100%; text-align: left; text-indent: -3000em; opacity: 0; cursor: pointer; } #shadow:before { background: var(--cod); opacity: .3; } #content { position: relative; z-index: 3; width: 1314px; margin: 0 auto; padding: 40px 0 0; } #content > *:last-child { margin-bottom: 100px; } #content > .cols-a:last-child, #content > .cols-b:last-child, #content > .cols-c:last-child, #content > .list-news:last-child, #content > .module-news:last-child, #content > .list-collection:last-child { margin-bottom: 72px; } .full-width #content { position: relative; z-index: 3; width: auto; margin: 0 30px; padding: 40px 0 0; } #cart, #login, #compare { 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; height: 230px; margin: 0; border: 24px solid var(--white); font-size: 15px; line-height: 1.2; text-transform: uppercase; 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: 20px; text-align: right; text-transform: none; } #cart .submit > span > span { } #cart .submit > span > span { display: block; position: absolute; left: 20px; top: 18px; font-size: 0.875em; font-weight: 400; } #cart .submit > span.strong > span { top: 16px; font-size: 1em; font-weight: 700; } #cart .submit a { position: relative;display: block; margin-top: 13px; padding: 15px; border: 1px solid var(--addtocartbutton); background: var(--addtocartbutton); color: var(--white); font-weight: 700; text-decoration: none; z-index: 2;} #cart .close, #login .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; width: 70px; height: 66px; color: var(--cod); font-size: 20px; text-align: left; text-indent: -3000em; text-decoration: none; } #cart .close:before, #login .close:before { content: "\e93f"; } .cart-active #cart, .login-active #login, .compare-active #compare { right: 0; } #compare > .inner { overflow-y: auto; overflow-x: hidden; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 174px; padding: 13px 24px 0; } #compare > h1, #compare > h2, #compare > h3, #compare > h4, #compare > h5, #compare > h6, #compare > .inner > h1, #compare > .inner > h2, #compare > .inner > h3, #compare > .inner > h4, #compare > .inner > h5, #compare > .inner > h6 { margin: 0 0 60px; font-size: 28px; } #compare .submit { position: absolute; left: 0; right: 0; bottom: 0; height: 174px; margin: 0; border: 24px solid var(--white); font-size: 15px; line-height: 1.2; text-transform: uppercase; text-align: center; } #compare .submit > span { display: block; width: 100%; margin-bottom: 20px; padding: 16px 20px; background: var(--alabaster); font-weight: 700; font-size: 14px; text-align: center; text-transform: none; } #compare .submit > span > span { display: block; position: absolute; left: 20px; top: 16px; } #compare .submit a { display: block; padding: 15px; border: 1px solid var(--black); background: var(--black); color: var(--white); font-weight: 700; text-decoration: none; } #compare .close, #login .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; width: 70px; height: 66px; color: var(--cod); font-size: 20px; text-align: left; text-indent: -3000em; text-decoration: none; } #compare .close:before, #login .close:before { content: "\e93f"; } #login { overflow-y: auto; overflow-x: hidden; line-height: 1.7692307692; text-align: left; } #login h1, #login h2, #login h3, #login h4, #login h5, #login h6 { margin-bottom: 12px; font-size: 28px; text-align: left; } #login p { margin: 0 0 22px; font-size: 1.3em; } #login label { margin: 0 0 9px; padding: 3px 0 0; font-size: 1.1538461538em; text-align: left; } #login button, #login .link-btn a { display: block; float: none; width: 100%; margin: 0; padding: 16px; font-size:15px; } #login .link-btn a { margin-bottom: 2px; } #login footer .link-btn { padding-top: 27px; border-top: 1px solid var(--mercury); } #login .overlay-c { display: block; position: relative; top: 3px; padding: 7px 0 0; text-align: right; text-decoration: none; } #footer { position: relative; z-index: 2; width: 1314px; margin: 0 auto; padding: 54px 0 4px; } .full-width #footer { width: auto; margin: 0 30px; } #footer:before { background: #f6f6f6; } #footer nav h3, #footer nav a, #footer p.copyright, #footer p.copyright a, #footer nav .contact-footer li { color: #333333!important; } #footer nav { position: relative; z-index: 3; margin: 0 0 39px -40px; } #footer nav:before { left: 40px; border-bottom: 1px solid #f0f0f0; opacity: 1; } #footer nav .link-btn a.a:after{ border: 1px solid #333333; color: #333333;} #footer nav .link-btn a.a{ border: none!important;} #footer nav .link-btn a.a:hover:after{ border-color: #333333!important; background-color: transparent!important;} #footer nav > * { min-width: 233px; margin: 0 0 24px; border-left: 40px solid rgba(0,0,0,0); } #footer nav > .double { width: calc(100% + 40px); margin-bottom: 12px; } #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { position: relative; margin: 0 0 25px; border: 0 solid rgba(0,0,0,.1); font-size: 15px; } #footer ul { list-style: none; padding: 0; } #footer li { margin-bottom: 2px; font-size: 13px; } #footer a { text-decoration: none; } [data-whatintent="mouse"] #footer a:hover { color: var(--chalice); } #footer nav figure { position: absolute; left: 0; top: 100%; width: 180px; height: 96px; margin: 0; } #footer .lang { display: block; position: absolute; left: 0; top: 100%; z-index: 9; min-width: 0; padding: 6px 0 6px 208px; border-top: 30px solid var(--blank); } #footer .lang:before { width: auto; font-size: 14px; } #footer .lang p { margin: 0; } #root #footer .lang p a { display: block; position: relative; color: var(--black); } #root #footer .lang p img { position: relative; top: -2px; } #footer .lang ul { display: none; position: absolute; top: auto; left: auto; right: 0; bottom: 100%; } #footer .lang ul { -webkit-transform: translateX(50%); transform: translateX(50%); } #footer .lang ul li { font-size: 15px; } #footer > form { position: relative; z-index: 4; } #footer > form:first-child { top: -54px; } #footer .list-social { min-width: 193px; margin-right: 0; } #footer .list-social li { margin-bottom: 8px; } #footer .list-social i { line-height: 44px; } #footer > p { position: relative; z-index: 2; font-size: 13px; text-align: center; } #footer > p:before { top: -10px; bottom: -10px; background: 100% center no-repeat; background-size: auto 20px; } #footer .list-payments { overflow: hidden; position: absolute; right: 0; bottom: -10px; width: calc(50% - 200px); height: 107px; margin-bottom: 0; } #footer .list-payments { -webkit-align-content: center; align-content: center; } #footer .list-payments li { margin-bottom: 10px; } #cookie { position: fixed; left: 0; bottom: 0; right: 0; z-index: 9; margin: 0; padding: 10px 0; color: var(--white); font-weight: 700; font-size: 12px; font-weight: 700; line-height: 1.5; text-align: center; } #cookie.toggle, .quickshop-active #cookie { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } #cookie:before { background: rgba(0,0,0,.5); } #cookie a { display: inline-block; margin: 0 0 0 10px; padding: 11px 0; color: var(--white); text-decoration: none; } #cookie a:after { content: " ยป"; } #cookie a.close { float: none; padding: 11px 30px; background: var(--dove); font-size: 1em; font-weight: 400; line-height: 1.5; text-shadow: none; opacity: 1; } #cookie a.close + * { margin-left: 30px; } #cookie .totop { bottom: 100%; } .totop { position: fixed; right: 0; bottom: 0; z-index: 8; width: 41px; height: 41px; color: var(--white); font-size: 7px; text-indent: -3000em; text-decoration: none; text-align: left; } .totop:after { background: var(--black); opacity: .6; } .totop:before { content: "\e926"; } body:before, body:after { content: ""; display: block; position: fixed; visibility: hidden; opacity: 0; } body:before { left: -100px; top: -100px; right: -100px; bottom: -100px; z-index: 999998; background: var(--white); opacity: .9; } body:after { left: 50%; top: 50%; z-index: 999999; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 3px solid var(--silver); border-left-color: var(--azure); } body:after { -webkit-animation: spin .75s infinite linear; animation: spin .75s infinite linear; } .new #root { padding-top: 206px; } .new #top { top: 0; height: 206px; border-top: 0.125px solid rgba(0,0,0,0); } .new #top #logo { display: block; position: absolute; left: 0; top: auto; bottom: 56px; height: 102px; } .new #top #logo.text-center { left: 50%; } .new #nav { padding: 16px 0 0; } .new #nav:before { border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; background-color: #ffffff;} .new #nav > ul { margin: 0 -22px 0 0; } .new #nav > ul > li { margin: 0 22px 0 0; padding: 0 0 18px; } .new #nav > ul > li > a[class*="overlay"] { padding: 0 11px; } .new #mobile > ul > li > a[class*="overlay"] > span { padding: 4px 11px; } .new #nav > ul > li > div { margin-top: -2px; } .new #nav > ul:first-child > li > ul { left: -38px; width: 265px; margin: -2px 0 0; padding: 8px 0 6px; text-align: left; } .new #nav > ul:first-child > li > ul > li, .new #nav > ul:first-child > li > ul > li > ul li { position: relative; margin: 0; padding: 0; font-size: 14px; } .new #nav > ul:first-child > li > ul > li.sub > a { padding-right: 64px; } .new #nav > ul:first-child > li > ul > li > a, .new #nav > ul:first-child > li > ul > li > ul li > a { display: block; position: relative; z-index: 2; padding: 10px 35px; font-weight: 400; } .new #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; } .new #nav > ul:first-child > li > ul > li > a.toggle:before { content: "\e92d"; font-size: 8px; } .new #nav > ul:first-child > li > ul li.strong { padding-top: 1px; } .new #nav > ul:first-child > li > ul li.strong:last-child { margin-bottom: -6px; } .new #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); } .new #nav > ul:first-child > li > ul li.strong > a { padding-top: 18px; padding-bottom: 18px; font-weight: 700; } .new #nav > ul:first-child > li > ul ul { display: none; position: absolute; left: 100%; top: -8px; list-style: none; width: 265px; margin: 0; padding: 8px 0 6px; border: 1px solid var(--mercury); background: var(--white); } [data-whatintent="mouse"].new #nav > ul:first-child > li > ul li:hover > ul, .new #nav > ul:first-child > li > ul li.toggle > ul { display: block; } .new #nav > ul > li.menu-uppercase { text-transform: uppercase; } #nav > ul > li.menu-uppercase > div, #nav > ul > li.menu-uppercase > ul { text-transform: none; } .new #top > p { top: auto; bottom: 100%; } .new #nav > ul + ul { position: absolute; right: 0; bottom: 100%; margin: 0; text-align: center; } .new #nav > ul + ul > li { margin-right: 18px; font-size: 11px; } .new #nav > ul + ul > li > a { display: block; position: relative; height: auto; color: var(--black); } .new #nav > ul + ul > li > a.toggle { position: absolute; } .new #nav > ul + ul > li > a i, .new #nav > ul + ul > li > a img, #bottom ul li i, #bottom ul li img, .new #nav > ul + ul > li > a .headercur { display: block; margin: 0 auto 5px; font-size: 22px; line-height: 22px; } .new #nav > ul + ul > li > a i[class*="heart"], #bottom ul li i[class*="heart"] { font-size: 19px; } .new #nav > ul + ul > li > a img, #bottom ul li img, #nav > ul > li > ul li a img { border-radius: 99px; } .new #nav > ul + ul > li > a > .no, #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; background: #d9a17b; color: var(--white); font-size: 12px; line-height: 19px; text-align: center; } .new #nav > ul + ul > li.lang > a { padding: 0; } .new #nav > ul + ul > li > a i[class*="heart"] ~ .no, #bottom ul li i[class*="heart"] ~ .no { margin-right: -22px; background: #d9a17b; } .new #top .bar { position: absolute; left: 0; right: 0; top: 0; z-index: 9; height: 47px; color: #ffffff; } .new #top .bar:before { background: #333333; } .new #top .bar .list-usp { position: absolute; left: 0; top: 0; } @media only screen and (min-width: 62.5em) { .new #top .bar.with-trustmark .list-usp { max-width: calc(100% - 350px); } } .new #top .bar.with-trustmark .list-usp li:last-child { margin-right: 0; } .new #top .bar p { position: absolute; right: 0; top: 0; margin: 0; font-size: 14px; line-height: 47px; color: #ffffff;} .new #top .bar p .trustmark { margin-right: 10px; } .new #top .bar p .trustmark img { max-height:20px; position: relative; top: -3px; } .new #top .bar p a { display: inline-block; color: #ffffff; text-decoration: none; } .new #top > form { display: block; left: 286px; top: auto; bottom: 79px; right: auto; width: 672px; } .new #top > form p { font-size: 15px; } .new #top > form input { top: 0; height: 50px; padding: 0 50px 0 25px; border: 1px solid var(--mercury); background: var(--white); color: var(--black); font-size: 1em; } .new #top > form ::-webkit-input-placeholder { color: var(--black); } .new #top > form :-ms-input-placeholder { color: var(--black); } .new #top > form ::-ms-input-placeholder { color: var(--black); } .new #top > form ::placeholder { color: var(--black); } .new #top > form button { left: auto; right: 0; top: 0; width: 56px; height: 50px; color: var(--coal); font-size: 21px; } .new #top > form button:before { content: "\e970"; text-align: center; } .new #top > form > .remove { visibility: hidden; top: 0; width: 54px; height: 50px; color: var(--coal); font-size: 15px; opacity: 0; } .new #top > form > .remove:before { content: "\e96e"; } .new #top #logo.text-center ~ form { left: 0; width: 340px; margin-left: 0; } .new .module-featured.full article { min-height: calc(100vh - 206px); } .new.has-bar #root { padding-top: 258px; } .new.has-bar #top { height: 261px; border-top-width: 55px; } .new.has-bar .module-featured.full article { min-height: calc(100vh - 258px); } .new.no-usp #root { padding-top: 156px; } .new.no-usp #top { height: 159px; } .new.no-usp .module-featured.full article { min-height: calc(100vh - 156px); } .new.has-bar.no-usp #root { padding-top: 211px; } .new.has-bar.no-usp #top { height: 214px; } .new.has-bar.no-usp .module-featured.full article { min-height: calc(100vh - 211px); } /*! Columns --------- */ .cols-a { padding-left: 405px; } .cols-a > header:first-child + *, .cols-a > *:first-child, .cols-c > header:first-child + *, .cols-c > *:first-child { float: right; width: 100%; } .cols-a > header:first-child, .cols-a > aside { float: left; width: 330px; margin: 0 0 0 -405px; } .cols-a > header:first-child > figure:first-child, .cols-a > aside > figure:first-child { margin-top: 14px; } .cols-b { padding-right: 430px; } .cols-b > header:first-child { float: none; width: auto; margin: 0 -430px 20px 0; padding: 0 430px 5px 0; border-bottom: 1px solid 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-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: 1.6em; } .accordion-a > h1:first-child, .accordion-a > h2:first-child, .accordion-a > h3:first-child, .accordion-a > h4:first-child, .accordion-a > h5:first-child, .accordion-a > h6:first-child { border-top-width: 0; } .accordion-a > .header { padding-right: 20px; } .accordion-a > .header:before, .accordion-b .header:before { content: "\e92b"; left: auto; right: 13px; width: auto; font-size: 5px; } .accordion-a > .header.toggle:before, .accordion-b .header.toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .accordion-a .header a { z-index: 2; } .accordion-a p { font-size: 1.3em; } .accordion-a ul, .accordion-a p { margin: 0 0 13px; } .accordion-a > div { position: relative; top: -2px; padding-bottom: 5px; } .accordion-a .form-inline { padding: 3px 0 9px; } .header-a + .accordion-a { margin-top: -10px; } .cols-b > aside > .accordion-a:first-child { margin-top: 14px; } .bubble { display: block; visibility: hidden; position: absolute; left: -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: 28px; color: #ffffff; } .heading-wide h1 span, .heading-wide h2 span, .heading-wide h3 span, .heading-wide h4 span, .heading-wide h5 span, .heading-wide h6 span { display: block; margin: 8px 0 12px; font-weight: 400; font-size: 15px; text-transform: uppercase; } .heading-wide p, .heading-wide a { margin: 0 0 24px; color: #ffffff; } .heading-wide a { font-size: 15px;} .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; background: var(--black); opacity: .3; } .heading-wide .input-inline input { max-width: 467px; } .nav-breadcrumbs + .heading-wide { margin-top: 5px; } .heading-wide + .nav-breadcrumbs { margin-top: -4px; } #content > .heading-wide:first-child, #content > .module-featured:first-child, #content > .module-wide:first-child { margin-top: -40px; } #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; left: -120px; z-index: 2; float: right; width: 440px; margin: 0 -440px 0 0; padding: 65px 0 11px; } .module-aside > div:before { left: -45px; background: var(--white); } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { margin: 0 0 15px; font-size: 2.8em; } .module-aside p, .module-aside ul, .module-aside ol { margin-bottom: 23px; } .module-aside.static { padding-right: 560px; } .module-aside.static figure { left: 0; width: 100%; margin-left: 0; } .module-aside.static > div { left: 0; width: 560px; margin-right: -560px; padding: 23px 0 0 60px; } .module-border { margin-top: 75px; padding: 25px 0 15px; border: 0 solid var(--mercury); border-top-width: 1px; border-bottom-width: 1px; } #root .module-border.double > * { margin-bottom: 0; } .module-bulk { margin: 34px 0 16px; padding-right: 435px; } .module-bulk > * { float: left; width: 100%; } .module-bulk > aside, .module-bulk > header, .module-bulk > footer { float: right; width: 385px; 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 { overflow: hidden; position: relative; z-index: 2; min-height: 550px; padding: 50px 0 28px; color: var(--white); } .module-featured article > * { width: 1314px; margin-left: auto; margin-right: auto; } #root > .module-featured { margin-top: 0; margin-bottom: 0; } .module-featured .owl-dots { position: absolute; left: 0; right: 0; bottom: 21px; z-index: 9; } #root .module-featured .owl-dots button { width: 28px; height: 28px; } #root .module-featured .owl-dots button:after { width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border-radius: 9px; border: 1px solid var(--white); background: none; } #root .module-featured .owl-dots button.active:after { background: var(--white); } #root .module-featured .owl-dots button.active:after { -webkit-transform: scale(1.2857142857); transform: scale(1.2857142857); } .module-featured .list-inline { } .module-featured .list-inline li { margin-left: 0; margin-right: 28px; } #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: 198px; 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; } .module-featured.full { } .module-featured.full article { min-height: calc(100vh - 151px); } .module-featured video, .section-6 video { position: absolute; object-fit: cover; z-index: 1; width: 100%; max-width: 100%; } .section-6 > a { text-decoration: none; } .edge .module-featured video, .edge .section-6 video { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; } .module-news { list-style: none; margin: 60px 0 42px; padding: 0 0 0 264px; border-bottom: 1px solid var(--mercury); } .module-news header { position: relative; z-index: 2; float: left; width: 264px; margin-left: -264px; padding-right: 10px; } .module-news header h1, .module-news header h2, .module-news header h3, .module-news header h4, .module-news header h5, .module-news header h6 { margin: -6px 0 12px; font-size: 28px; } .module-news .list-news { } .module-news .list-news figure { margin-bottom: 12px; } #root .list-news figure + p { padding-top: 0; } .module-product { position: relative; margin: 0 0 30px; padding: 0 475px 0 0; line-height: 1.4; } .module-product > *, .module-product > header:first-child { clear: right; float: right; width: 457px; margin: 0 -475px 0 0; padding-bottom: 17px; } .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 header { margin: 0 0 26px; padding: 4px 0 0; } .module-product .scroll-to-fixed-fixed header { padding: 24px 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: 2.8em; } .module-product header p { margin: 0 0 9px; font-size: 1.5em; } .module-product p { margin-bottom: 19px; } .module-product p .text-right { display: block; position: relative; float: right; } .module-product p + .link-btn { margin-top: -4px; } .module-product .price, .module-bulk .price { display: inline-block; position: relative; max-width: 100%; margin: 0 0 31px; padding: 0 12px 0 0; font-size: 1.5em; font-weight: 700; line-height: 1.2; color: var(--prices); } .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 .old, .module-bulk .price .old { display: inline-block; position: relative; margin: 0 0 0 5px; padding: 0; color: var(--dove); } .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(--dove); } .module-product .price .old:before, .module-bulk .price .old:before { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } .module-product .price .label, .module-bulk .price .label { position: absolute; left: 100%; top: 50%; padding: 4px 9px 3px; background: var(--sale); color: var(--white); font-weight: 700; } .module-product .price .label span, .module-bulk .price .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, .form-product .link-btn a { display: block; width: 100%; padding-top: 16px; padding-bottom: 16px; color: var(--white); font-size: 15px; } .module-product .s13, .form-product .s13 { margin-top: -10px; } .module-product .list-usp, .form-product .list-usp { max-width: 371px; margin: 21px auto; } .module-product .list-plain, .form-product .list-plain { margin-bottom: 32px; } .module-product .price + .list-plain, .form-product .price + .list-plain, .module-bulk .price + .list-plain { margin-top: -5px; } .module-product .blank { display: block; position: absolute; left: 0; right: 0; bottom: 0; float: none; width: auto; margin: 0; padding: 0; } .module-product.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; } /* Retail locations */ .module-product p .retail-locations { display: block; font-weight: 700; margin-top: 10px; } #gui-modal-product-inventory-location-wrapper { position: relative; z-index: 9999; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-background { z-index: 999; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location { left: 50%; max-height: 90vh; max-width: 90%; min-height: 40vh; padding: 50px 40px; position: fixed; top: 50%; transform: translate(-50%, -50%); width: 566px; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-header { background: #fff; padding: 0 0 30px; } #gui-modal-product-inventory-location-wrapper #gui-modal-product-inventory-location-close { color: #ADADBA; font-size: 0; } #gui-modal-product-inventory-location-wrapper #gui-modal-product-inventory-location-close::before { content: "\e93f"; font-family: 'i'; font-size: 22px; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-label { color: var(--bodyText); font-size: 21px; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content { max-height: 500px; } #gui-modal-product-inventory-location-wrapper p { margin-bottom: 5px; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content-row { padding-left: 0; padding-right: 0; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content-row .bold { font-size: 16px; line-height: normal; } #gui-modal-product-inventory-location-wrapper .gui-product-inventory-address { color: var(--bodyText); font-size: 14px; font-weight: 400; line-height: normal; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content-row-divider { border-bottom: 1px solid #F1F1F1; margin: 30px 0; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content-row:first-of-type hr:first-of-type { border: none; margin: 0; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content-row:last-of-type hr { margin-bottom: 0; border: none; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-footer { font-size: 14px; font-weight: 400; line-height: normal; padding: 20px 0 0; text-align: center; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content .gui-modal-product-inventory-location-footer { color: var(--bodyText); font-size: 16px; padding: 0; text-align: left; } @media only screen and (max-width: 575.98px) { #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location { max-height: 75vh; padding: 30px 20px; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-label { font-size: 16px; } #gui-modal-product-inventory-location-wrapper #gui-modal-product-inventory-location-close::before { font-size: 16px; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-header { padding-bottom: 15px; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content { max-height: 50vh; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content .gui-modal-product-inventory-location-footer { font-size: 14px; } #gui-modal-product-inventory-location-wrapper .gui-modal-product-inventory-location-content-row-divider { margin: 15px 0; } } /* END Retail locations */ .module-product-bar { position: relative; z-index: 2; height: 60px; padding: 12px 0 10px 100px; } .module-product-bar:before { border: 0 solid #f6f6f6; border-bottom-width: 1px; border-top-width: 1px; background: #ffffff; } #top .module-product-bar { position: absolute; left: 0; right: 0; top: 100%; z-index: -2; visibility: hidden; opacity: 0; } .product-preview #top .module-product-bar { position: absolute; left: 0; right: 0; top: calc(100% - 60px); z-index: 9; visibility: visible; opacity: 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: 1.5em; color: #000000; } .module-product-bar p.price { margin-top: -3px; font-size: 1.5em; font-weight: 700; color: #000000; } #root .module-product-bar p.price span { margin-left: 4px; } .module-product-bar .link-btn { position: absolute; right: 0; top: 50%; margin: 0; } .module-product-bar .link-btn a { min-width: 457px; margin: 0; padding-top: 16px; padding-bottom: 16px; border-color: var(--addtocartbutton); background-color: var(--addtocartbutton); } .module-product-sticky { position: fixed; right: 0; top: 0; z-index: 9997; width: 480px; padding: 20px 24px 0 198px; box-shadow: 0 2px 2px rgba(0,0,0,.1); border: 1px solid var(--mercury); border-right-width: 0; border-top-width: 0; background: var(--white); line-height: 1.4; } .module-product-sticky { -webkit-transform: translateX(110%); transform: translateX(110%); } .module-product-sticky figure { overflow: hidden; position: absolute; left: 24px; top: 24px; bottom: 24px; width: 150px; margin: 0; } .module-product-sticky h1, .module-product-sticky h2, .module-product-sticky h3, .module-product-sticky h4, .module-product-sticky h5, .module-product-sticky h6 { margin: 0 0 21px; padding: 0 40px 0 0; font-size: 1.6em; } .module-product-sticky p { margin: 0 0 18px; } .module-product-sticky .link-btn { margin-top: 29px; font-size: 1.5em; } .module-product-sticky .link-btn a { width: 100%; padding-top: 16px; padding-bottom: 16px; font-size: 1em; } .module-product-sticky .close { display: block; position: absolute; right: 0; top: 0; width: 68px; height: 68px; color: var(--cod); font-size: 20px; text-indent: -3000em; text-align: left; } .module-product-sticky .close:before { content: "\e93f"; } .module-quickshop { position: fixed; left: 50%; top: 100%; z-index: 5; width: 1314px; margin-left: -657px; padding: 21px 0 0; } .module-quickshop:before { background: var(--white); } .module-quickshop header { display: block; position: absolute; left: 0; bottom: 100%; right: 0; z-index: 2; margin: 0; padding: 14px 0 2px; } .module-quickshop header { -webkit-transform: translateY(100%); transform: translateY(100%); } .module-quickshop header:before { border: 1px solid var(--mercury); background: var(--white); } .module-quickshop header h1, .module-quickshop header h2, .module-quickshop header h3, .module-quickshop header h4, .module-quickshop header h5, .module-quickshop header h6 { margin: 0 0 12px; font-size: 2em; } .module-quickshop header h1 a, .module-quickshop header h2 a, .module-quickshop header h3 a, .module-quickshop header h4 a, .module-quickshop header h5 a, .module-quickshop header h6 a { display: block; margin: 0 0 0 25px; color: var(--dove); font-size: 0.75em; font-weight: 300; } .module-quickshop header ul { list-style: none; margin: 0 0 12px; padding: 0; } .module-quickshop header ul li { margin: 0 0 0 45px; } .module-quickshop header ul a { color: var(--black); text-decoration: none; } .module-quickshop header ul a i { display: inline-block; position: relative; top: -2px; margin: 0 4px 0 0; font-size: 6px; line-height: 1px; } .module-quickshop header ul .btn { margin: 0; color: var(--white); } .module-quickshop p { margin: 0 0 25px; } .module-quickshop.toggle { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .quickshop-active body { padding-bottom: 0 !important; } .module-rating { position: relative; min-height: 58px; margin: 0 0 32px; padding: 0 0 0 72px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDUuOSA0MDEuNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDA1LjkgNDAxLjQiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNFRkQ3MEQ7fSAuc3Qxe2ZpbGw6IzY3QjAzRDt9IC5zdDJ7ZmlsbDojQ0FEMTI5O30gLnN0M3tmaWxsOiNFNDkyMTk7fSAuc3Q0e2ZpbGw6I0QxMzgwRTt9IC5zdDV7ZmlsbDojOTRCRTFDO30gLnN0NntmaWxsOiNERTY5MjY7fTwvc3R5bGU+PHBhdGggaWQ9Il94MjNfZWZkNzBkZmYiIGQ9Ik0xMzcuOCAxMC44YzQ4LjgtMTcgMTA0LjMtMTMuOCAxNTAuNyA5IDEwLjEgNSAxOS44IDEwLjcgMjguOSAxNy40LTIyLjYgMTEuMy00My4zIDI2LjYtNjEuMSA0NC41LTI5LjktMTUuMS02Ni0xNy4zLTk3LjUtNS44LTI1LjMgOS00Ny40IDI2LjUtNjIgNDktOS42IDE0LjUtMTUuOSAzMS4xLTE4LjcgNDguMi0yMy00LjMtNDYtOC4zLTY5LTEyLjggNi44LTM3LjEgMjQuNy03MiA1MC43LTk5LjIgMjEuNi0yMi42IDQ4LjYtNDAgNzgtNTAuM3ptMTUyLjQgOTUuOWMxMi45LTE5LjkgMjkuMi0zNy41IDQ3LjktNTIuMSAyOC4zIDI2LjggNDguMiA2Mi40IDU2LjIgMTAwLjUtMjMuOCA1LTQ3LjYgMTAuMy03MS40IDE1LjItNC4zLTIzLjgtMTYtNDYuMS0zMi43LTYzLjZ6IiBjbGFzcz0ic3QwIi8+PHBhdGggaWQ9Il94MjNfNjdiMDNkZmYiIGQ9Ik0zMTcuNCAzNy4yYzI3LjQtMTMuNyA1Ny44LTIxLjcgODguNS0yMi4yLTIzLjkgMTAuNy00Ny4yIDIzLjMtNjcuOCAzOS42LTE4LjYgMTQuNi0zNSAzMi4yLTQ3LjkgNTIuMS0xOS4xIDI5LTMxIDYyLTQwLjQgOTUuMi01LjcgMjAuMy0xMC4zIDQwLjktMTQuNiA2MS42LTE2LjgtLjEtMzMuNS0uMS01MC4zIDAtMjguOC00NC4zLTU3LjYtODguNi04Ni4zLTEzMyAyMC40LS4yIDQwLjkgMCA2MS4zLS4xIDExLjggMTcuNyAyMy43IDM1LjQgMzUuNCA1My4yIDExLjktMzguMSAzMi45LTczLjQgNjAuOS0xMDEuOCAxOC0xOCAzOC42LTMzLjIgNjEuMi00NC42eiIgY2xhc3M9InN0MSIvPjxwYXRoIGlkPSJfeDIzX2NhZDEyOWZmIiBkPSJNMzIyLjkgMTcwLjRjMjMuOC01IDQ3LjYtMTAuMyA3MS40LTE1LjIgOS4xIDQyLjIgMy44IDg3LjQtMTQuOCAxMjYuMy0xNi4yIDM0LjItNDIuMSA2My45LTc0LjMgODMuOS0xMy40LTIyLjEtMjcuMS00NC00MC40LTY2LjIgMTEuNi03IDIyLjEtMTUuOSAzMC44LTI2LjMgMjMuOS0yNy45IDM0LjEtNjYuNiAyNy4zLTEwMi41eiIgY2xhc3M9InN0MiIvPjxwYXRoIGlkPSJfeDIzX2U0OTIxOWZmIiBkPSJNOS4zIDE2MC4zYzIyLjkgNC41IDQ2IDguNSA2OSAxMi44LTUuMSAzMC40IDIuMSA2Mi41IDE5LjIgODguMi0yMC43IDEyLjktNDEuNCAyNS42LTYyIDM4LjZDOS42IDI1OC44LjMgMjA4IDkuMyAxNjAuM3oiIGNsYXNzPSJzdDMiLz48cGF0aCBpZD0iX3gyM19kMTM4MGVmZiIgZD0iTTM1LjMgMjk5LjljMjAuNi0xMyA0MS40LTI1LjcgNjItMzguNiAxMi4xIDE4LjMgMjkuMiAzMy40IDQ5IDQzLTE1LjIgMzAuMy0zMSA2MC40LTQ2LjMgOTAuNi0yOS42LTYuMi01OC40LTE2LjQtODUtMzAuOC01LjEtMi44LTEwLjItNS44LTE1LTkuMiAyMi45LTMuOCA0NS43LTguNiA2Ny44LTE1LjUtMTIuNS0xMS41LTIzLjMtMjUtMzIuNS0zOS41eiIgY2xhc3M9InN0NCIvPjxwYXRoIGlkPSJfeDIzXzk0YmUxY2ZmIiBkPSJNMjAyLjEgMzE2LjljMjItLjMgNDQtNi40IDYyLjgtMTcuOSAxMy4yIDIyLjIgMjYuOSA0NC4yIDQwLjQgNjYuMi0xNCA4LjktMjkuMiAxNS44LTQ1IDIwLjctMTguOCA2LjMtMzguNCAxMC42LTU4LjEgMTMuMS0uMS0yNy4yIDAtNTQuNi0uMS04Mi4xeiIgY2xhc3M9InN0NSIvPjxwYXRoIGlkPSJfeDIzX2RlNjkyNmZmIiBkPSJNMTQ2LjQgMzA0LjNjMTcuMiA4LjUgMzYuNSAxMi44IDU1LjcgMTIuNi4xIDI3LjQgMCA1NC44LjEgODIuMi0zMy45IDQuMi02OC42IDIuOC0xMDItNC4yIDE1LjItMzAuMiAzMS02MC4zIDQ2LjItOTAuNnoiIGNsYXNzPSJzdDYiLz48L3N2Zz4=) 0 10px no-repeat; background-size: auto 48px; color: var(--black); line-height: 1.7692307692; } .module-rating p { font-size: 1.3em; } .module-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.overlay:before { background: var(--cod); opacity: .3; } .module-wide.text-center > *, .module-wide.text-center > .list-inline, .module-featured .text-center > *, .module-featured .text-center > .list-inline { max-width: 640px; margin-left: auto; margin-right: auto; } .module-wide.text-left > *, .module-wide.text-left > .list-inline, .module-featured .text-left > *, .module-featured .text-left > .list-inline { /*max-width: 640px;*/ margin-right: auto; text-align:left; } .module-wide.text-right > *, .module-wide.text-right > .list-inline, .module-featured .text-right > *:not(figure), .module-featured .text-right > .list-inline { /*max-width: 640px;*/ margin-left: auto; text-align:right; } #root .module-wide figure, #root .module-featured figure { left: 50%; z-index: -2; width: 100vw; max-width: none; margin: 0 0 0 -50vw; text-indent: 0; } .module-wide h1, .module-wide h2, .module-wide h3, .module-wide h4, .module-wide h5, .module-wide h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { margin-top: 0; margin-bottom: 22px; font-size: 4.6em; line-height: 1.2173913043; } .module-wide p, .module-wide ul, .module-wide ol, .module-featured p, .module-featured ul, .module-featured ol { margin-bottom: 22px; } .module-wide.boxed { } .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 > .nav-breadcrumbs:first-child { margin-top: -26px; } .nav-pagination { } .nav-pagination ul, .nav-pagination ol { list-style: none; padding: 0; } .nav-pagination li { margin: 0 10px; } .nav-pagination li > a, .nav-pagination li > span { display: block; overflow: hidden; position: relative; min-height: 29px; color: var(--dove); text-decoration: none; } .nav-pagination .prev a, .nav-pagination .next a { width: 15px; font-size: 9px; text-indent: -3000em; text-align: left; } .nav-pagination .prev a:before { content: "\e92c"; } .nav-pagination .next a:before { content: "\e92d"; } .owl-carousel { position: absolute; left: -3000em; top: 0; -ms-touch-action: pan-y; touch-action: pan-y; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; z-index: 2; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; text-indent: -3000em; text-align: left; } .owl-nav button { position: absolute; width: 29px; height: 67px; background: rgba(255,255,255,.8); } [data-whatintent="mouse"] .owl-nav button:hover { background: var(--white); } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } #root .owl-nav button:after { right: auto; bottom: auto; border-width: 0; background: none; color: var(--black); font-size: 9px; } #root .owl-nav button.owl-prev:after { content: "\e92c"; } #root .owl-nav button.owl-next:after { content: "\e92d"; } .owl-dots { position: relative; z-index: 1; clear: both; } .owl-dots button { width: 9px; height: 9px; background: none; } #root .owl-dots button:after { left: 50%; top: 50%; right: auto; bottom: auto; width: 3px; height: 3px; margin: -1.5px 0 0 -1.5px; border-radius: 3px; border-width: 0; background: var(--alto); } #root .owl-dots button.active:after { background: rgba(0,0,0,.6) } #root .owl-dots button.active:after { -webkit-transform: scale(1.6666666667); transform: scale(1.6666666667); } .popup-a { display: none; overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: -50px; right: -50px; top: 0; bottom: 0; z-index: 998; } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 20px 55px; } .popup-a .box-outer > .close { display: block; position: absolute; left: 0; right: 0; top: 0; visibility: hidden; z-index: 1; height: 100%; background: rgba(0,0,0,.4); text-indent: -3000em; cursor: pointer; opacity: 0; } .popup-a .box-inner { position: relative; z-index: 2; width: 1160px; matin: 0; } .popup-a .box-inset { visibility: hidden; padding: 43px 43px 15px; background: var(--white); opacity: 0; } .popup-a .box-inset > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 68px; height: 68px; color: var(--cod); font-size: 20px; text-indent: -3000em; text-align: left; text-decoration: none; } .popup-a .box-inset > .close:before { content: "\e93f"; } .popup-a .module-product > * { padding-top: 34px; } .popup-a .module-product > .list-product, .popup-a .module-product > .list-slider { padding-top: 0; border-top-width: 0; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 1001; } .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 > * .fill { right: auto; z-index: 2; 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 .label span { position: relative; top: -1px; font-size: 0.75em; font-weight: 400; } .rating-a.a { padding-left: 80px; font-weight: 400; font-size: 15px; } .rating-a.a .rating { top: 7px; width: 80px; height: 13px; } .rating-a.a .rating > * { width: 14px; margin-right: 1px; } .rating-a.a .rating > *:before { background-image: url("data:image/svg+xml,%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.a .rating > * .fill { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.3 16.3' enable-background='new 0 0 16.3 16.3'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%2399BC34;%7D .st1%7Bfill:%23fff;%7D%3C/style%3E%3Cpath d='M0 0v16.3h16.3V0H0zm10.6 10.3l1 3.2L8.1 11l-3.5 2.6 1.3-4.1-3.5-2.6h4.4l1.3-4.1 1.3 4.1h4.4l-3.5 2.6L8.2 11l2.4-.7zM8.1 11h.1-.1z' class='st0'/%3E%3Cpath d='M13.8 6.9H9.5L8.1 2.7 6.8 6.9H2.4l3.5 2.5-1.3 4.2L8.1 11h.1l2.1-1.6zM11.7 13.6l-1.1-3.3-2.4.7h-.1z' class='st1'/%3E%3C/svg%3E"); } */ .rating-a.b { padding-left: 83px; color: #ffffff; font-size: 13px; font-weight: 400; } .rating-a.b a { color: #ffffff; 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; color: #ffffff; font-size: 14px; font-weight: 800; } .rating-a.c a { color: #ffffff; 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.c .rating > *:before { background-image: url(star-square.svg?454); } .rating-a.c .rating > * .fill { background-image: url(star-square-fill.svg?553); } .rating-a.c.round_stars .rating > *:before { background-image: url(star-round.svg?362); } .rating-a.c.round_stars .rating > * .fill { background-image: url(star-round-fill.svg?902); } .rating-a.strong { padding-left: 150px; font-size: 28px; line-height: 1.2; } .rating-a.strong .label span { font-size: 0.5357142857em; } .rating-a.strong .rating { top: 4px; width: 155px; height: 22px; } .rating-a.strong .rating > * { width: 25px; margin-right: 3px; } .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-b { position: relative; } .tabs-b > nav ul { list-style: none; margin: 0 -40px 50px 0; padding: 0; text-transform: uppercase; } .tabs-b > nav ul li { margin: 0 40px 0 0; font-size: 1.5em; } .tabs-b > nav ul li a { display: block; color: var(--chalice); font-weight: 700; text-decoration: none; } .tabs-b > div { position: relative; } .tabs-b > div > .hidden { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -10; opacity: 0; } .tabs-c { margin-bottom: 50px; } .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; text-transform: uppercase; } .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-cart ul a:hover, [data-whatintent="mouse"] .list-checkout ul li a:hover, [data-whatintent="mouse"] .list-filters li.strong a:hover, .list-select select, .list-select .semantic-select .input, .form-sort > p.strong select, .form-sort > p.strong .input, .module-product-sticky p span, .check-box input:checked ~ label, .check-box .active a, .check-box a.active { font-weight: 700; } .em { font-style: italic; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase, .list-inline.text-uppercase { text-transform: uppercase; } .s13, #root .s13 { font-size: 13px; line-height: 1.7692307692; } .s28, #root .s28 { margin-bottom: 30px; font-size: 28px; } .module-wide a, .module-featured a, .module-wide .list-inline a, .module-featured .list-inline a, [data-whatintent="mouse"] .link-btn a.a:hover, [data-whatintent="mouse"] #root #footer .link-btn a.a:hover, [data-whatintent="mouse"] .link-btn a.b:hover, [data-whatintent="mouse"] #root #footer .link-btn a.b:hover, [data-whatintent="mouse"] .list-tags a:hover, [data-whatintent="mouse"] .list-tags a:hover span, [data-whatintent="mouse"] .form-cart a.btn:hover, #top > p a { color: var(--white); } .overlay-a { color: var(--positives); } /* .overlay-b, [data-whatintent="mouse"] #footer .lang ul li a:hover, .nav-pagination li.active > a, .module-product .link-btn a.a, .form-product .link-btn a.a, .check-color [data-color*="#fff"] label, .list-view li.active a, .list-inline a { color: var(--black); } */ .overlay-c { color: var(--sale); } .overlay-d { color: var(--sale); } .overlay-e, .module-product p a, .list-checkout ul li a, .list-cart ul a, [data-whatintent="mouse"] #nav > ul > li > div li a:hover, [data-whatintent="mouse"] #nav h1 a:hover, [data-whatintent="mouse"] #nav h2 a:hover, [data-whatintent="mouse"] #nav h3 a:hover, [data-whatintent="mouse"] #nav h4 a:hover, [data-whatintent="mouse"] #nav h5 a:hover, [data-whatintent="mouse"] #nav h6 a:hover, .form-filter li a span, .form-filter li label span, .list-select ul label span, .list-comments a { 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); } #nav > ul > li > a.overlay-a { background: var(--azure); color: var(--white); } #nav > ul > li > a.overlay-b { background: var(--black); color: var(--white); } #nav > ul > li > a.overlay-c { background: var(--rose); color: var(--white); } #nav > ul > li > a.overlay-d { background: var(--candy); color: var(--white); } #nav > ul > li > a.overlay-e { background: var(--dove); color: var(--white); } #nav > ul > li > a.overlay-f { background: var(--coal); color: var(--white); } #nav > ul > li > a.overlay-g, #mobile > ul > li > a.overlay-g > span { background: var(--sale); color: var(--white); } .lead { margin: 0 0 35px; font-size: 2.8em; line-height: 1.3928571429; } .lead.text-center { max-width: 540px; margin-left: auto; margin-right: auto; } /*! 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, .gui a.gui-button-large, .gui a.gui-button-small { display: block; overflow: hidden; position: relative; z-index: 2; min-width: 156px; margin: 0 8px 8px 0; padding: 15px 30px; border-radius: 0; border: 0 solid var(--blank); color: var(--white); font-size: 1em; font-weight: 700; line-height: 1.2; text-align: center; text-transform: uppercase; letter-spacing: 0.0133333333em; text-decoration: none; } #root .gui a.gui-button-large, #root .gui a.gui-button-small { font-size: 13px; text-decoration: none; color: var(--white); margin: 10px 0; } #root .gui-div-cart-coupons a.gui-button-small { margin: 0; } /* .link-btn a:after, .gui a.gui-button-large:after, .gui a.gui-button-small:after { border: 1px solid #000000; background: #000000; } */ .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 a:hover:after, [data-whatintent="mouse"] .list-btn a:hover:after, [data-whatintent="mouse"] #cart .submit a:hover:after, [data-whatintent="mouse"] .form-product .submit a:hover:after, [data-whatintent="mouse"] button:hover:after, a.btn:hover:after { border-color: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1); } [data-whatintent="mouse"] .link-btn a.a:hover:after, [data-whatintent="mouse"] #root #footer .link-btn a.a:hover:after, [data-whatintent="mouse"] .link-btn a.b:hover:after, [data-whatintent="mouse"] #root #footer .link-btn a.b:hover:after { border-color: var(--buttons); background: var(--buttons); } .link-btn a.a, #root #footer .link-btn a.a { color: var(--buttons); } .submit-newsletter{ background-color: #000000; z-index: 2;} .link-btn a.a:after { background: none; } .link-btn a.b, #root #footer .link-btn a.b { color: var(--black); } .link-btn a.b:after { border-color: var(--mercury); background: none; } .link-btn a.fb, #root #footer .link-btn a.fb { } .link-btn a.fb:after { border-color: var(--cove); background: var(--cove); } hr + .link-btn { margin-top: -10px; } .link-btn + h1, .link-btn + h2, .link-btn + h3, .link-btn + h4, .link-btn + h5, .link-btn + h6, .link-btn + footer { margin-top: 37px; } header + .link-btn { margin-top: -10px; } .link-btn + .form-sort, .link-btn + hr { margin-top: -15px; } .link-btn.a { font-size: 15px; } .link-btn.a a { min-width: 360px; padding: 15px 30px; } .link-btn.double { margin-left: -17px; margin-right: 0; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .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; } .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 0 23px; font-size: 2.8em; line-height: 1.2173913043; } .list-big h1 span, .list-big h2 span, .list-big h3 span, .list-big h4 span, .list-big h5 span, .list-big h6 span { display: block; font-size: 0.5357142857em; font-weight: 400; } [data-whatintent="mouse"] .list-btn a:hover { border-color: rgba(0,0,0,0.1); rgba(0,0,0,0.1);} .list-big p { margin-bottom: 0; font-size: 1.5em; } .list-big p > a { color: var(--black); font-weight: 700; text-decoration: none; } .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: 89px; } .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 { margin: 0 0 27px; font-size: 4.6em; } .list-big li.wide .list-inline { margin-left: 0; margin-right: -28px; } .list-big li.wide .list-inline li { width: auto; margin-left: 0; margin-right: 28px; border-left-width: 0; font-size: 1.5em; } .list-big li.wide + li { width: 40%; } .list-big li.wide + li.mh450 figure { max-height:450px; } #root .list-big .list-inline li { width: auto; margin-bottom: 0; border-left-width: 0; font-size: 15px; } .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.23%; } .list-big.cols li.wide { width: 66.56%; } .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: 148px; 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 3px 5px 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 { opacity: .5; } .list-brands a img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } */ header + .list-brands { position: relative; z-index: 0; margin-top: -70px; } /* [data-whatintent="mouse"] .list-brands a:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } */ .list-brands a img { opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); } [data-whatintent="mouse"] .list-brands a:hover img { opacity: .5; -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 li { margin: 0 3px 3px 0; font-size: 16px; } .list-btn a { display: block; overflow: hidden; position: relative; padding: 15px 30px; background: var(--concrete); color: var(--black); text-decoration: none; } /* .list-btn.list-btn-textpage .active a:after, list-btn.list-btn-textpage.a .active a:after, [data-whatintent="mouse"] .list-btn a:hover:after, [data-whatintent="mouse"] .list-btn a:hover { opacity: 1; border: none;} */ .list-btn.a { max-width: 980px; margin: 0 auto 56px; } .list-btn.a li { margin: 0 7px 12px; font-size: 15px; } .list-btn.a a, .link-btn a, .form-comment button { border-color: var(--buttons); background: var(--buttons); color: var(--white); font-weight: 700; z-index: 2;} .link-btn a.a, .link-btn a.b { border: 1px solid var(--buttons); background: transparent; color: 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; } .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: 15px; font-weight: 600; line-height: 1.4; } .list-cart h1 span, .list-cart h2 span, .list-cart h3 span, .list-cart h4 span, .list-cart h5 span, .list-cart h6 span { margin-left: 10px; font-weight: 400; font-size: 0.8666666667em; } .list-cart h1 span.strong, .list-cart h2 span.strong, .list-cart h3 span.strong, .list-cart h4 span.strong, .list-cart h5 span.strong, .list-cart h6 span.strong { display: block; margin: 0 0 4px; } .list-cart figure { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; margin: 0; } .list-cart p { position: relative; margin: 0; font-size: 1.5em; font-weight: 700; } .list-cart p span, .module-product-bar p.price span { display: inline-block; position: relative; margin: 0 0 0 14px; color: var(--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: 1.3em; } .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 140px 18px 102px; 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(--cod); font-weight: 700; text-decoration: none; } .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 li.btn, .new #top #logo.text-center ~ form .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(--black); color: var(--white); text-align: center; } .new #top #logo.text-center ~ form .list-cart.small li { padding-left: 80px; padding-right: 60px; } .list-catalog { list-style: none; margin: 40px 0 0 -24px; padding: 0; font-weight: 700; line-height: 1.25; text-align: center; } .list-catalog li { position: relative; z-index: 2; float: left; width: 33.333333333333%; margin: 0 0 37px; border-left: 24px solid var(--blank); font-size: 2em; } .list-catalog img { display: block; margin-bottom: 25px; } .list-catalog a { display: block; color: var(--black); text-decoration: none; } .list-catalog span { display: block; max-width: 270px; margin-left: auto; margin-right: auto; } .list-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-transform: uppercase; 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 figure { position: absolute; left: 0; top: 0; } .list-checkout h1, .list-checkout h2, .list-checkout h3, .list-checkout h4, .list-checkout h5, .list-checkout h6 { margin: 0 0 36px; font-size: 1.5em; } .list-checkout h1 .small, .list-checkout h2 .small, .list-checkout h3 .small, .list-checkout h4 .small, .list-checkout h5 .small, .list-checkout h6 .small { display: block; margin-bottom: 4px; font-weight: 400; font-size: 0.8666666667em; } .list-checkout p { clear: both; position: absolute; right: 115px; top: 27px; width: 325px; margin: 0; padding: 0 0 2px; color: var(--positives); font-weight: 700; font-size: 1.5em; } .list-checkout p label { height: 50px; margin: 0 0 13px; color: var(--black); font-size: 1em; font-weight: 400; line-height: 50px; } .list-checkout p input { position: absolute; right: 0; top: 0; width: 118px; height: 50px; color: var(--black); font-size: 1.0714285714em; text-align: center; } .list-checkout p .semantic-number { position: absolute; right: 0; top: 0; } .list-checkout p .semantic-number input { position: relative; } .list-checkout p span { display: block; margin-top: 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: 1.5em; text-align: right; } .list-checkout .price span { display: block; margin: 0 0 5px; 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-collection { position: relative; z-index: 2; list-style: none; margin: 0 0 0 -24px; padding: 0; } .list-collection li { position: relative; z-index: 2; float: left; width: 33.33333333%; margin: 0 0 37px; border-left: 24px solid var(--blank); font-size: 1em; } .list-collection .img { position: relative; margin: 0 0 11px; } .list-collection figure { overflow: hidden; position: relative; margin: 0 0 11px; } .list-collection figure.is-slider { z-index: 10; } .list-collection figure .owl-dots { display: block; position: absolute; left: 0; right: 0; bottom: 8px; z-index: 99; } .mobile #root .list-collection figure .owl-dots, [data-whatintent="mouse"] .list-collection li:hover figure:last-child .owl-dots { bottom: 8px; } .mobile .list-collection figure .owl-dots, [data-whatintent="mouse"] .list-collection li:hover figure .owl-dots { bottom: 41px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin: 0 0 8px; font-size: 1.5em; line-height: 1.3888888889; } .list-collection.triple h1, .list-collection.triple h2, .list-collection.triple h3, .list-collection.triple h4, .list-collection.triple h5, .list-collection.triple h6 { font-size: 20px; } .list-collection a { text-decoration: none; } .list-collection p { margin: 0 0 2px; font-size: 1.3em; } .list-collection li > p a { padding: 12px 0 0; color: var(--black); font-size: 1.1538461538em; font-weight: 700; text-transform: uppercase; } .list-collection p.rating-a { height: 20px; } @media only screen and (max-width: 47.5em) { .list-collection p.rating-a { height: 13px; margin: 4px 0; } } .list-collection p.price { font-weight: 700; font-size: 1.5em; color: var(--prices);} .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 { 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 .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(--plant); background: var(--plant); color: var(--white); font-size: 13px; font-weight: 700; line-height: 23px; text-transform: uppercase; text-align: center; } #root .list-collection .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 { 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: #d9a17b; font-size: 15px; } .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; } .mobile .list-collection form, .mobile .list-collection .form { display: block; position: relative; } .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: 32px; } /*#root .list-collection form p > span:first-child:nth-last-child(2), #root .list-collection .form p > span:first-child:nth-last-child(2) { width: 100%; }*/ .list-collection form p > span:first-child .semantic-select.active .input, .list-collection .form p > span:first-child .semantic-select.active .input { /*width: 54px;*/ border-right-width: 1px; } .list-collection form p > span:first-child .semantic-select ul, .list-collection .form p > span:first-child .semantic-select ul { min-width: 0; /*width: 54px;*/ } .list-collection select, .list-collection .semantic-select .input { height: 33px; padding: 0 11px; border-right-width: 0; background: var(--white); } .gecko .list-collection select { padding-left: 7px; } .list-collection .semantic-select .input { line-height: 31px; } .list-collection .semantic-select .ul { top: 100%; } .list-collection .semantic-select ul { top: 100%; min-width: 134px; max-height: 161px; padding-top: 0; box-shadow: none; border-top-width: 0; } #root .list-collection .semantic-select ul li { 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: 160px; width: 160px; height: 33px; margin: 0; padding: 1px 0 0; font-size: 13px; } /* .list-collection form.chosen button:after { border-color: var(--azure); background: var(--azure); } */ .list-collection .owl-nav button { position: absolute; top: 40px; bottom: 173px; z-index: 8; 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: 15px; line-height: 1.3928571429; text-decoration: none; } .list-collection li.empty { padding: 20px; text-align: center; } .list-collection li.empty:before { bottom: 98px; border: 1px dashed var(--mercury); background: 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 li { width: 50%; } .list-collection.aside li.aside { position: absolute; right: 0; top: 0; bottom: 96px; width: 732px; margin: 0; } .list-collection.aside li.aside figure { text-indent: 0; } .list-collection.is-slider { display: block; margin-left: 0; } #root .list-collection.is-slider .item > li { float: none; width: auto; border-left-width: 0; } .list-collection .owl-carousel .owl-stage-outer { overflow: visible; } .list-collection.compact { margin-left: -15px; } .list-collection.compact li { width: 14.2857142857%; margin-bottom: 21px; border-left-width: 15px; } .list-collection.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); } .list-collection.triple { } .list-collection.triple li { width: 33.33333333%; } [class*="cols"] .list-collection { } [class*="cols"] .list-collection form p > span, [class*="cols"] .list-collection .form p > span { width: calc(100% - 32px - 160px); } [class*="cols"] .list-collection button { min-width: 160px; width: 160px; } .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%; } .list-collection.triple .infogram { padding: 10px; margin-bottom: 0; } .list-collection.triple .infogram:before { border: 1px solid #000000; background: #ffffff; } .list-collection.triple .infogram a { cursor: pointer; } .list-collection.triple .infogram h5 { font-size: 16px; margin-bottom: 0; color: #000000; } .list-collection.triple .infogram p { margin-bottom: 0; color: #000000; } .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); } .list-comments { list-style: none; margin: 44px 0 3px; padding: 0; border: 0 solid var(--mercury); } .list-comments li { position: relative; margin: 0; padding: 48px 20px 18px 425px; border-top: 1px solid var(--mercury); font-size: 1em; } .list-comments li:before { left: 400px; top: 30px; bottom: 30px; border: 1px solid var(--mercury); } .list-comments li:first-child { margin-top: -30px; border-top-width: 0; } .list-comments img { position: absolute; left: 0; top: 40px; border-radius: 99px; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { float: left; width: 300px; margin: 0 0 0 -325px; padding: 7px 0 0; color: var(--black); font-weight: 700; font-size: 1.6em; } .list-comments h1 span, .list-comments h2 span, .list-comments h3 span, .list-comments h4 span, .list-comments h5 span, .list-comments h6 span { display: block; padding-top: 2px; color: var(--dove); font-size: 0.875em; font-weight: 400; } .list-comments h1 span span, .list-comments h2 span span, .list-comments h3 span span, .list-comments h4 span span, .list-comments h5 span span, .list-comments h6 span span { display: inline; padding: 0; font-size: 1em; font-weight: 700; } .list-comments h1 span a, .list-comments h2 span a, .list-comments h3 span a, .list-comments h4 span a, .list-comments h5 span a, .list-comments h6 span a { color: var(--dove); text-decoration: none; } .list-comments .rating-a { margin: 0 0 4px; height: 12px; color: var(--black); font-size: 1em; font-weight: 400; } .list-comments .rating-a .rating { top: 0; height: 12px; } .list-comments .rating-a .rating > * { width: 13px; margin-right: 2px; } #root .list-comments .rating-a span { padding-top: 0; color: var(--black); font-size: 1em; font-weight: 400; } .list-comments p { font-size: 1.5em; } .list-comments a.more:after { content: "\e90f"; display: inline-block; position: relative; top: -1px; margin: 0 0 0 9px; font-size: 5px; font-family: i; font-weight: 400; line-height: 1px; } .list-comments a.small { display: block; position: relative; top: 2px; margin: 13px 0 0; font-size: 0.8666666667em; text-align: right; } .list-comments a.toggle { display: block; font-size: 13px; } .list-comments p + a.toggle { margin: -13px 0 10px; } #root .list-comments li.more { min-height: 0; padding: 20px 0; font-size: 1.6em; } .list-comments li.more a { display: block; color: var(--black); font-weight: 700; } .list-comments li.more a:before { content: "\e909"; display: inline-block; position: relative; margin: 0 8px 0 0; font-size: 9px; font-weight: 400; font-family: i; line-height: 1px; } .list-comments.a { margin: 0 0 17px; padding-top: 30px; border-top: 1px solid var(--mercury); } .list-comments.a li { } .list-comments.a li:before { left: 385px; top: 25px; bottom: 25px; } .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { margin-left: -425px; padding: 0; border: 0 solid var(--mercury); font-size: 2em; 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 figure { overflow: hidden; position: relative; min-width: 725px; margin: 0 52px 28px 0; } .list-featured figure a { display: block; overflow: hidden; position: relative; } .list-featured figure span ,.list-featured figcaption { z-index: 10; } .list-news img { display: inline-block; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex;} [data-whatintent="mouse"] .list-featured figure a:hover, [data-whatintent="mouse"] .list-news li:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .list-featured h1, .list-featured h2, .list-featured h3, .list-featured h4, .list-featured h5, .list-featured h6 { margin: 0 0 6px; font-size: 2.8em; } .list-featured header { margin: 0; } .list-featured header p { margin-bottom: 6px; font-size: 1.3em; } .list-featured p { font-size: 1.5em; } .list-featured p a:first-child:last-child { display: block; margin: 14px 0 0; color: var(--black); font-size: 0.8666666667em; font-weight: 700; text-transform: uppercase; text-decoration: none; } .list-feed { overflow: hidden; list-style: none; margin: 0 calc(-50vw + 657px) 50px; padding: 0; color: var(--white); } .list-feed li { position: relative; float: left; width: 16.6666666667%; font-size: 1.4em; } .list-feed a { display: block; color: var(--white); text-decoration: none; } .list-feed ul { list-style: none; margin: 0; padding: 0; text-indent: 0; } .list-feed ul:before { background: var(--cod); opacity: .3; } .list-feed ul li { float: none; width: auto; margin: 0 11px; font-size: 1em; } .list-feed ul i { display: inline-block; position: relative; top: 6px; margin: 0 4px 0 0; font-size: 1.6428571429em; line-height: 1px; } .list-feed ul i.icon-heart { top: 3px; font-size: 1.3571428571em; } .list-filters { list-style: none; margin: 10px -15px 10px 0; padding: 0; } .list-filters li { 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 a:before, .list-filters label: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 { width: 20%; margin: 0; border-left: 25px solid var(--blank); } #root .list-gallery a, #root #top .list-gallery a { display: block; color: #000000; font-weight: 700; text-decoration: none; } .list-gallery img { 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 { overflow: hidden; } /*[data-whatintent="mouse"] .list-news li:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }*/ .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin: 0 0 5px; color: var(--black); font-size: 16px; line-height: 1.375; } .list-news p { margin: 0 0 5px; font-size: 13px; } .list-news a { color: var(--black); font-size: 1.1538461538em; font-weight: 700; text-decoration: none; text-transform: uppercase; } .list-news .clone { z-index: 99; } .list-news p:last-child, .list-news p.last-child { margin-top: auto; padding-top: 10px; } .list-news.slider { display: block; margin-left: 0; } .list-news .item li { width: 295px; border-left-width: 0; } .list-news .owl-nav button { position: absolute; top: 61px; } .list-news .owl-carousel .owl-stage-outer { overflow: visible; } .list-news .owl-item[aria-hidden="false"] ~ .owl-item[aria-hidden="true"] { visibility: visible; opacity: .3; } .list-payments { list-style: none; margin-left: -6px; margin-right: -6px; padding: 0; } .list-payments li, span.list-payments img { 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: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; border-left: 34px solid rgba(0,0,0,0); } .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; } .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-left: 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; padding: 3px 0 0; font-size: 0.9375em; font-weight: 400; } .list-social.a i { position: absolute; left: 0; top: 50%; width: 39px; height: 39px; margin-top: -19.5px; border-radius: 39px; background: var(--black); color: var(--white); font-size: 16px; line-height: 39px; text-align: center; } .list-social.a i.icon-twitter { font-size: 12px; } .list-social.b { margin-right: -27px; margin-bottom: 18px; } #root .list-social.b li { margin-right: 27px; font-size: 1.6em; line-height: 27px; } .list-social.b i { float: left; margin: 0 7px 0 0; font-size: 15px; line-height: 27px; } .list-social.b i.icon-facebook:before { content: "\e95a"; } .list-social.b i.icon-pinterest:before { content: "\e956"; } .list-social.b i.icon-twitter:before { content: "\e955"; } .list-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; } [data-whatintent="mouse"] .list-tags a:hover:before { background: var(--black); } .list-tags.a { font-weight: 400; } .list-tags.a li { margin-right: 17px; margin-bottom: 10px; font-size: 1.4em; } .list-tags.a a { margin-right: -6px; padding-right: 58px; font-size: 1em; } .list-tags.a a:after { border-color: var(--concrete); background: var(--concrete); } .list-tags.a i { left: auto; right: 14px; width: auto; font-size: 8px; } .list-tags.a i.icon-x:before { content: "\e924"; } .list-total { position: relative; z-index: 2; list-style: none; margin: 0 0 23px; padding: 21px 22px 2px 15px; line-height: 1.4; text-align: right; } .list-total:before { background: var(--chalice); opacity: .06; } .list-total li { position: relative; margin: 0 0 17px; } .list-total li > span:first-child { display: block; position: absolute; left: 0; top: 0; } .list-total li.strong:last-child { margin-top: -2px; font-size: 2em; } .list-usp { list-style: none; padding: 0; line-height: 1.3846153846; } .list-usp li { position: relative; padding: 0 0 0 28px; font-size: 1.3em; } .list-usp li:first-child { padding-left: 34px; } .list-usp i { display: block; position: absolute; left: 0; top: 50%; margin: -10px 0 0; font-size: 20px; line-height: 20px; } .list-usp i.icon-truck { font-size: 18px; } .list-view { list-style: none; padding: 0; } .list-view li { margin: 0 8px 0 0; } .list-view a { display: block; color: var(--silver); text-decoration: none; } .list-view i { display: block; font-size: 17px; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; } button.add-to-cart-button, a.add-bundle-btn{ background-color: #000000; border: 1px solid #000000; } #accordion-panel-1 button { background-color: var(--buttons); border: 1px solid var(--buttons);} ::-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: 15px; font-weight: 700; line-height: 1.3; } input, select, textarea, .semantic-select .input, .form-sort > p > a { display: block; width: 100%; border: 1px solid var(--mercury); background: var(--white); font-size: 13px; } input { height: 46px; padding: 0 15px; } input[type="date"] { line-height: 30px; } select, .semantic-select .input, .form-sort > p > a, .list-select > li > a { height: 46px; padding: 12px 36px 12px 15px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiA1Ij48cGF0aCBkPSJNNC40LDUuMWMwLjIsMCwwLjMtMC4xLDAuNC0wLjJMOC44LDFjMC4yLTAuMiwwLjItMC42LDAtMC45Yy0wLjItMC4yLTAuNi0wLjItMC45LDBMNC40LDMuNUwxLDAuMkMwLjgsMCwwLjQsMCwwLjIsMC4yCWMtMC4yLDAuMi0wLjIsMC42LDAsMC45TDQuMSw1QzQuMSw1LDQuMyw1LjEsNC40LDUuMXoiLz48L3N2Zz4=); background-position: 100% center; background-size: auto 5px; background-repeat: no-repeat; line-height: normal; } .gecko select { padding-left: 11px; } textarea { height: 142px; min-height: 142px; padding: 13px 13px 13px 15px; } button, input[type="button"], input[type="reset"], input[type="submit"], a.btn { display: block; overflow: hidden; position: relative; float: right; min-width: 198px; margin-top: 8px; padding: 15px 30px; border-radius: 0; border-width: 0; color: var(--white); font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 0.0133333333em; } /* button:after, a.btn:after { border: 1px solid var(--buttons); background: var(--buttons); } */ /* .submit button:after, a.btn:after { border: 1px solid var(--addtocartbutton); background: var(--addtocartbutton); } */ .link-btn a:hover:after { opacity:1!important; } .item button.add-size-to-cart:hover:after { opacity:1!important; } .form-newsletter button:hover:after{ opacity: 1!important}; form p > span.overlay-c { display: block; margin-top: 11px; text-align: right; } .gui-select + .gui-select, .gui-select + .gui-input, .gui-input + .gui-input, .gui-input + .gui-select { margin-top: 10px; } .check { } .check label { position: relative; padding-left: 30px; font-size: 1em; font-weight: 400; } .check label:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid var(--mercury); color: var(--white); font-size: 8px; font-family: i; font-weight: 400; line-height: 18px; text-align: center; cursor: pointer; } .check input:checked ~ label:before { content: "\e930"; border-color: var(--accent); background: var(--accent); } #root .check input, #root .checkb-box input, #root .check-color input { visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .check-box { list-style: none; margin: 0 -9px 31px 0; padding: 0; } .check-box label, .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, #root .check-color input, #root .check input { visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .check-color { list-style: none; margin: 0 -7px 29px 0; padding: 0; } .check-color li, .check-box li { margin: 0; } .check-color label { display: block; overflow: hidden; width: 33px; height: 33px; margin: 0 7px 7px 0; border-radius: 33px; border: 1px solid var(--mercury); color: var(--white); text-indent: -3000em; text-align: left; cursor: pointer; } .check-color label:before, .check-box label:before, .check-box a:before { overflow: hidden; z-index: 3; background-size: 100% 100%; } .check-color input:checked ~ label:after { content: "\e930"; font-size: 9px; } .check-color .color { display: block; position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; border-radius: 33px; } .check-color input[disabled] ~ label { border-color: var(--azure); } .check-color input[disabled] ~ label:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy43IDIxLjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIzLjcgMjEuNyI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzkxQzFCNTt9PC9zdHlsZT48cGF0aCBkPSJNLjA0IDIxTDIzLjAyLjAzbC42Ny43NEwuNyAyMS43M3oiIGNsYXNzPSJzdDAiLz48L3N2Zz4=); } .semantic-number { display: block; position: relative; } .semantic-number input { padding-left: 40px; padding-right: 40px; font-size: 15px; text-align: center; } #root .semantic-number a { display: block; overflow: hidden; position: absolute; top: 0; left: auto; right: auto; bottom: 0; z-index: 9; width: 40px; min-width: 0; height: auto; margin: 0; padding: 0; border-width: 0; background: none; color: var(--black); font-size: 8px; text-align: left; text-indent: -3000em; } #root .semantic-number a:after { right: auto; bottom: auto; border-width: 0; background: none; text-indent: 0; text-align: center; } [data-whatintent="mouse"] .semantic-number a:hover:after { -webkit-transform: scale(1.375); transform: scale(1.375); } #root .semantic-number .plu { right: 0; } #root .semantic-number .plu:after { content: "\e90a"; } #root .semantic-number .min { left: 0; } #root .semantic-number .min:after { content: "\e914"; } .semantic-select { display: block; position: relative; } .semantic-select span { display: block; } .semantic-select .input { position: relative; z-index: 2; padding-top: 0; padding-bottom: 0; line-height: 44px; } .semantic-select .input .text, .semantic-select .input .text span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } #root .semantic-select .input .value * { display: inline; } .semantic-select .ticker { position: absolute; right: 0; top: 0; bottom: 0; width: 30px; cursor: pointer; } .semantic-select .ul { position: absolute; left: -3000em; top: 0; width: 100%; } .semantic-select .ul > a { display: block; padding: 15px; border: 1px solid var(--mercury); border-top-width: 0; background: var(--alabaster); color: var(--black); font-weight: 700; line-height: 1.2; text-decoration: none; text-align: center; text-transform: uppercase; } .semantic-select ul { overflow-y: auto; overflow-x: hidden; z-index: 1; list-style: none; width: 100%; max-height: 287px; margin: 0; padding: 0; box-shadow: 0 2px 2px rgba(0,0,0,.1); border: 1px solid var(--mercury); border-top-width: 46px; border-top-color: var(--white); background: var(--white); line-height: 1.2; } #root .semantic-select ul li { display: block; 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); } .input-inline { } .input-inline input { border-right-width: 0; } .input-inline button { min-width: 0; height: 46px; margin: 0; padding: 0 26px; } /* .form-cart { position: relative; margin: 0 0 24px; padding: 0 0 30px; background: url(payments.png) 0 100% no-repeat; background-size: auto 25px; } */ #root .form-cart button:after { border-color: var(--azure); background: var(--azure); } [data-whatintent="mouse"] .form-cart button:hover:after { opacity: .8; } .form-cart a.btn { float: left; color: var(--black); } .form-cart a.btn.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; } .form-comment { } .form-comment h1, .form-comment h2, .form-comment h3, .form-comment h4, .form-comment h5, .form-comment h6 { margin-bottom: 4px; font-size: 28px; } .form-comment header p { font-size: 15px; } .form-comment p { margin: 0 0 20px; font-size: 13px; } .form-comment .sticky { position: absolute; right: 0; top: 3px; color: var(--gray); line-height: 1.3; } .form-comment.a { max-width: 974px; } .form-comment.a input { float: left; max-width: 665px; } .form-comment.a input + span { display: block; float: right; padding: 12px 0 0; color: var(--gray); font-size: 13px; } .form-filter { } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { position: relative; margin: 39px 0 20px; padding: 0; font-size: 15px; } .form-filter .header { padding-right: 15px; } .form-filter .header:before { content: "\e926"; left: auto; right: 3px; width: auto; font-size: 5px; } .form-filter .header.toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .form-filter figure { margin: 0 0 23px; } .form-filter nav { margin: 0 0 65px; padding: 0; } .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; } .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: 46px; padding: 0 14px; border-right-width: 0; } .form-inline button { min-width: 140px; height: 46px; margin: 0; padding: 0 15px; } .form-newsletter { position: relative; z-index: 2; padding: 23px 0; text-align: center; } .form-newsletter:before { background: #fafafa; } .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6 { margin-bottom: 6px; color: #333333;} .form-newsletter p { margin-bottom: 50px; color: #333333;} .form-newsletter input { width: 410px; height: 50px; padding: 0; border-radius: 0; border-width: 0; border-bottom-width: 1px; border-color: #333333; background: none; color: #333333; font-size: 1em; } .form-newsletter input::-webkit-input-placeholder { color: #333333; } .form-newsletter input:-ms-input-placeholder { color: #333333; } .form-newsletter input::placeholder { color: #333333; } .form-newsletter button { height: 50px; margin: 0 0 0 20px; padding-top: 0; padding-bottom: 0; } #root .form-newsletter.homepage { margin-bottom:0; } .form-product { } .form-product .submit { } .form-product .submit input { width: 60px; height: 50px; margin-right: 10px; padding: 0 5px; text-align: center; } .form-product .submit input { margin-bottom:0; } .form-product .submit button { height: 50px; margin: 0; padding-top: 0; padding-bottom: 0; } .form-product .submit a { display: block; overflow: hidden; position: relative; z-index: 2; width: 50px; height: 50px; min-width: 50px; max-width: 50px; margin-left: 1px; color: var(--white); font-size: 15px; text-indent: -3000em; text-align: left; text-decoration: none; } .form-product .open-login { z-index: 2; background: var(--addtocartbutton); } .form-product .add-to-wishlist { z-index: 2; background: var(--addtocartbutton); } .side-login-button{ z-index: 2; background: var(--buttons); } .form-product .semantic-select-wrapper, .form-product input, .form-product select, .form-product textarea { margin-bottom: 17px; } .form-product 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: 15px; font-family: var(--body); } .form-sort > p { width: 20%; margin: 0 0 12px; border-left: 12px solid var(--blank); } .form-sort > p > a, .list-select > li.more > a { display: block; overflow: hidden; padding-top: 0; padding-right: 30px; padding-bottom: 0; background-color: var(--alabaster); color: var(--black); font-weight: 700; line-height: 44px; text-transform: uppercase; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .form-sort > p.toggle > a, .list-select.toggle > li.more > a { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiA1Ij48cGF0aCBkPSJNNC4xLDBMMC4yLDMuOUMwLDQuMywwLDQuNywwLjIsNC44UzAuOCw1LDEsNC44bDMuNC0zLjNsMy41LDMuNGMwLjMsMC4yLDAuNywwLjIsMC45LDBDOSw0LjcsOSw0LjMsOC44LDRsLTQtMy45IEM0LjcsMCw0LjYsMCw0LjQsMEM0LjMsMCw0LjEsMCw0LjEsMHoiLz48L3N2Zz4=); } .form-sort .blank { width: auto; } .form-sort .blank select, .form-sort .blank .semantic-select .input { border-color: var(--blank); } .form-sort .blank .semantic-select.active .input { border-top-color: var(--mercury); border-right-color: var(--mercury); border-left-color: var(--mercury); } .form-sort select, .form-sort .semantic-select .input, .form-sort > p > a, .list-select > li > a, .list-select select, .list-select .semantic-select .input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiA1Ij48cGF0aCBkPSJNNC40LDUuMWMwLjIsMCwwLjMtMC4xLDAuNC0wLjJMOC44LDFjMC4yLTAuMiwwLjItMC42LDAtMC45Yy0wLjItMC4yLTAuNi0wLjItMC45LDBMNC40LDMuNUwxLDAuMkMwLjgsMCwwLjQsMCwwLjIsMC4yCWMtMC4yLDAuMi0wLjIsMC42LDAsMC45TDQuMSw1QzQuMSw1LDQuMyw1LjEsNC40LDUuMXoiLz48L3N2Zz4=); font-size: 1em; } #root .form-sort .semantic-select ul li, #root .list-select .semantic-select ul li { font-size: 1em; } .form-sort .semantic-select .ul { top: 100%; } .form-sort .semantic-select ul, .list-select .semantic-select ul { top: 100%; padding-bottom: 6px; box-shadow: none; border-top-width: 0; } .form-sort .semantic-select ul li, .list-select .semantic-select ul li { padding: 0; } .form-sort .semantic-select ul li a, .list-select .semantic-select ul li a { padding: 10px 5px 10px 25px; font-weight: 400; } .form-sort .nav-pagination { margin: 0 auto; } .form-sort .nav-pagination ol, .form-sort .nav-pagination ul { margin-bottom: 12px; } .form-sort .list-view { margin-bottom: 12px; margin-left: 12px; } .form-sort .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; } .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, #compare, #login, #mobile, .list-brands img, .list-tags a:before, .link-btn a:before, .list-btn a:before, button:before, .list-news img, a.btn:before, .list-collection .btn a span, .list-slider .label > .btn a span, .list-product .label > .btn a span, .popup-a .close, .module-product-sticky, .module-quickshop, .module-quickshop header, .module-product-bar, .list-featured figure a, .list-news figure a, .semantic-number a:after, .list-collection li.disable-button figure img { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } .owl-height { transition: height .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } .new.has-bar #top, .closed-bar #top { transition: border-width .4s cubic-bezier(.4,0,.2,1) 0s, 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; } option, .semantic-select .input, .fancybox-stage *, .tabs-b > div > * { transition: none; } .clear { clear: both; overflow: hidden; width: 100%; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em, #cookie a.close:after, .ui.dropdown .select, .nav-breadcrumbs li:last-child:before, .input-inline label, .form-newsletter label, .heading-wide label, .list-social span, .list-cart p span.text-right:before, .list-cart ul li:before, .list-cart li:first-child:before, #root .list-tags a.close:before, #root .list-tags a.close:after, #footer .double:after, .form-inline label, .list-collection label, .form-welcome label, .form-filter li input, .js .ui-slider-a p, .list-filters li.strong a:before, .form-sort label, .list-view a span, .form-sort + .form-sort:before, .semantic-select ul a span, .form-filter > .header:first-child:before, #root .list-select .semantic-select ul a:before, .list-select ul input, .list-select > li.toggle.is-checked > a:before, .list-select .head label span, .check-color input, .check-box input, .check input, #root .list-comments.a .rating-a .label, .module-quickshop header:after { position: absolute; left: -30000px; top: 0; right: auto; bottom: auto; } .semantic-select ul li.hidden, .js .ui-slider-a p.legend, .semantic-select ul a span.inner { position: relative; left: 0; top: 0; } [hidden], template, .hidden-elements, #mobile, #nav > ul > li.sub > a:before, #root #nav > ul > li.sub > a.toggle:before, #nav > ul > li > a.toggle:after, #top > form label, #top > form button:after, #nav > ul > li > div, #top > .menu, #root #nav li.search > a:after, .list-comments li.hidden, #root #nav li.cart > a:after, #root .owl-carousel .disabled, .owl-nav button:before, .owl-dots button:before, .list-news .owl-dots, .form-cart button.clone, #root .semantic-number a:before, .form-filter > h1:first-child, .form-filter > h2:first-child, .form-filter > h3:first-child, .form-filter > h4:first-child, .form-filter > h5:first-child, .form-filter > h6:first-child, #root .link ~ p, #root .form-sort .semantic-select ul li a:before, #root .semantic-select ul li.hidden.active, .list-collection li.three, .list-collection[data-layout="icon-grid-3"] li.wide, .form-sort:after, .form-sort:before, #root .semantic-select ul li.hidden:first-child, .list-collection .owl-dots, .form-filter > .close, #root .form-filter > .header:first-child a, .form-filter .submit, #root .list-select li.more ~ li, .list-select li.is-checked.toggle > a span, .tabs-header, .list-product ul.label li.btn a:before, .list-product ul.label li.btn a:after, .heading-rating .header a.toggle, .list-comments.a a.toggle, .list-brands.a li:before, .form-product .fieldset:after, .module-aside.static > div:before, .list-slider > *, #root .module-featured > article, .module-bulk .list-collection li:nth-child(5n-4):after, .new #top > form:before, .new #nav > ul > li.search, .new #nav > ul + ul > li > a > span.hidden, .new #nav > ul > li > a[class*="overlay"]:after, .list-cart.small li:before, #top .list-usp.desktop-hide, .new #top > form > .close, #bottom, .new #nav > ul + ul > li.lang > a:before, .new #mobile > ul > li.fav, [data-whatintent="mouse"] #nav > ul > li.lang:hover > ul, .new #nav > ul + ul > li > a:after, .list-filters label .icon-x, #root .form-product .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 { display: none; } .module-product .spacer { display: none !important; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, #nav > ul > li.sub.lang > a:before, .search-active #top > form, [data-whatintent="mouse"] #nav > ul > li:hover > ul, #root #nav > ul > li.lang.toggle > ul, #nav > ul > li.toggle > ul, [data-whatintent="mouse"] #nav > ul > li.has-div:hover ~ .shadow, #nav > ul > li.has-div.toggle ~ .shadow, #footer .lang.toggle ul, .list-brands a, .list-brands img, .list-comments a.more, .list-usp .strong, [data-whatintent="mouse"] .list-collection li:hover form, [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, #top > form.full > div, .new #top > p .close, .list-collection.list p.price span.small, #root .list-slider > .label, .list-product .pager a, #nav > ul > li:hover > ul, #nav > ul > li.hover > ul { 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, .form-product .s13:first-child, .module-product .list-usp:first-child, .form-product .list-usp:first-child, .tabs-a:first-child, .module-product-sticky .link-btn:first-child, .heading-rating .rating-a:first-child, .heading-rating:first-child, .module-product-bar p.price:first-child, .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 { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, #footer nav > .double > *, #top > form p, .list-cart li:last-child, #cart .list-cart, #compare .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; } #nav > ul + ul > li:last-child, #login .link-btn, #cookie a:last-child, .module-featured .list-inline li:last-child, .nav-pagination .prev { margin-right: 0; } header p + h1, header p + h2, header p + h3, header p + h4, header p + h5, header p + h6 { margin-top: -26px; } #root .m5, .module-news .list-news h1, .module-news .list-news h2, .module-news .list-news h3, .module-news .list-news h4, .module-news .list-news h5, .module-news .list-news h6 { margin-bottom: 5px; } #root .m10 { margin-bottom: 10px; } #root .s28.m10 { margin-bottom: 8px; } #root .m15 { margin-bottom: 15px; } #root .m20, #login footer p, .module-product .list-social.b, .form-product .list-social.b, .form-sort-spacer { margin-bottom: 20px; } #root .m25 { margin-bottom: 25px; } header { margin-bottom: 35px; } #root .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-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } */ [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .list-notifications ul, .list-big.cols .link-btn, .list-payments li,/* .gui-buttons, */.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, #top .list-usp .item, .list-cart.small span.img, .list-box, .list-category, .form-sort .ui-slider-a, #footer nav figure, #footer nav figure 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-quickshop header h1, .module-quickshop header h2, .module-quickshop header h3, .module-quickshop header h4, .module-quickshop header h5, .module-quickshop header h6, .module-quickshop header ul, .module-quickshop header, .module-product-sticky figure, .tabs-a > nav ul, .form-product .submit, .check-color, .check-box, .list-product, .list-checkout ul, .list-select > li.toggle.is-checked .head, .list-select, .list-slider .pager, .nav-pagination ol, .nav-pagination ul, .heading-wide, .list-view, .form-sort, .list-filters, .popup-a .box-outer, .list-collection form p, .list-collection, .form-inline p, .list-usp, .list-featured li > div, .list-featured li, .owl-dots, .list-news li, .list-news, .list-tags, .list-brands li, .list-brands, #mobile .gallery a, #mobile .lang a, #root #mobile .lang ul, #footer .lang p a, #footer .lang ul li a, #nav, .list-cart ul, #nav > ul > li > div ul.double, .list-gallery, #root #nav > ul > li.toggle > div, [data-whatintent="mouse"] #root #nav > ul > li:hover > div, #nav > ul > li > ul li a, .list-social.a li, #nav > ul > li > a, #nav > ul, #footer .double, .list-social, .link-btn, #footer nav, .form-newsletter p, .input-inline, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .list-btn, .grid, #root .module-featured > article:first-child { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* wrap */ #nav > ul > li > div, .list-notifications ul, .list-big.cols .link-btn,/* .gui-buttons,*/ .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-color, .check-box, .list-product, .list-checkout ul, .list-select .head, .list-select, .nav-pagination ol, .nav-pagination ul, .list-view, .form-sort, .list-filters, .list-collection, .owl-dots, .list-news, .list-tags, .list-brands, .list-cart ul, #nav > ul > li > div ul.double, .list-gallery, .list-social, .link-btn, #footer nav, .form-newsletter p, .nav-breadcrumbs ul, .nav-breadcrumbs ol, .list-btn, .grid.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* nowrap */ #nav > ul > li > div > div .list-gallery, .grid.nowrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* direction-row */ .grid, .grid.row-orient { -webkit-flex-direction: row; flex-direction: row; } /* direction-row-rev */ .list-featured li:nth-child(2n) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* direction-col */ .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 */ #top .list-usp, .new #nav, .new #nav > ul, .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, #nav.align-center, .text-center .rating-a, .list-rating li, .tabs-d > nav ul, .list-product.text-center li, .list-payments, .list-big .list-inline, .new.mobile #root #logo a, .new #root #logo.text-center a, .new #top .bar, #top .list-usp .item, .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-product .owl-dots, .module-product-bar, .list-collection li.empty, .module-product-sticky figure, .nav-pagination ol, .nav-pagination ul, .heading-wide, .popup-a .box-outer, .link-btn.text-center, .list-featured li > div, .owl-dots, .list-brands li, #footer .lang p a, #nav, .list-social.a li, #nav > ul, .form-newsletter p, .grid.justify-center { -webkit-justify-content: center; justify-content: center; } /* justify-end */ .list-payments, #nav > ul + ul, .grid.justify-end, .grid.bottom, .text-right .list-inline, .text-right.list-inline, #footer .list-social { -webkit-justify-content: flex-end; justify-content: flex-end; } /* justify-space */ #bottom ul, .module-quickshop header, .form-filter .submit, .list-usp, #footer .double, #footer nav, .grid.justify-space { -webkit-justify-content: space-between; justify-content: space-between; } /* justify-space-around */ .grid.justify-space-around { -webkit-justify-content: space-around; justify-content: space-around; } /* align-i-start */ .list-big, .list-cart.small span.img, .list-collection, #nav, .grid.start { -webkit-align-items: flex-start; align-items: flex-start; } /* align-i-center */ .list-payments li, .list-collection.list figure, .list-payments, #bottom ul ul li a, .form-sort .ui-slider-a, .module-aside.static, #footer nav figure, #footer nav figure a, #logo, #logo a, .list-feed ul, .list-collection li.empty, .module-quickshop header h1, .module-quickshop header h2, .module-quickshop header h3, .module-quickshop header h4, .module-quickshop header h5, .module-quickshop header h6, .module-quickshop header ul, .module-quickshop header, .module-product-sticky figure, .nav-pagination ul, .nav-pagination ol, .form-sort, .popup-a .box-outer, #mobile .gallery a, #mobile .lang a, #root #mobile .lang ul, #footer .lang ul li a, #nav > ul > li > ul li a, #nav > ul > li > a, #footer .double, .grid.center { -webkit-align-items: center; align-items: center; } /* align-i-end */ .module-aside, .list-brands li, .grid.bottom { -webkit-align-items: flex-end; align-items: flex-end; } /* align-i-stretch */ .list-big, .list-featured li, .list-news, .list-brands, .grid.stretch { -webkit-align-items: stretch; align-items: stretch; } /* align-i-baseline */ .grid.baseline { -webkit-align-items: baseline; align-items: baseline; } /* align-c-center */ .grid.center { -webkit-align-content: center; align-content: center; } /* align-c-end */ .grid.bottom { -webkit-align-content: flex-end; align-content: flex-end; } /* align-s-start */ .grid-cell.start { -webkit-align-self: flex-start; align-self: flex-start; } /* align-s-center */ .grid-cell.center, .grid.center-nonText, .grid-cell.center-nonText { -webkit-align-self: center; align-self: center; } /* align-s-end */ .grid-cell.end, .grid-cell.right { -webkit-align-self: flex-end; align-self: flex-end; } /* align-s-stretch */ .grid-cell.stretch { -webkit-align-self: stretch; align-self: stretch; } /* basis 0 */ .list-slider .pager li, .tabs-a > nav ul li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* grow 0 */ .grid-cell.grow0, .grid-cell.noflex { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } /* grow 2 */ .grid-cell.grow2, .grid-cell.double-size { -webkit-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; } /* grow 3 */ .list-collection form p > span, .list-collection .form p > span, .list-slider .pager li, .tabs-a > nav ul li, .form-product button, .form-sort .list-select, .list-slider .paager li, .form-inline input, .grid-cell.grow3 { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icomoon.woff?202306020154572') format('woff2'), url('icomoon.woff?20230602015457') format('woff'), url('icomoon.ttf?20230602015457') format('truetype'); } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bag:before { content: "\e932"; } .icon-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-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); } } /* Responsive --------- */ @media only screen and (max-width: 84.375em) { /* 1350 */ #top, #content, #footer, .module-quickshop, .popup-a .box-inner, .module-featured article > * { width: 1180px; } #top, .module-quickshop { margin-left: -590px; } .new #top > form { left: 50%; width: 500px; margin-left: -250px; } .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; max-width: 170px; } .list-collection.aside { padding-right: 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-feed { margin-left: calc(-50vw + 590px); margin-right: calc(-50vw + 590px); } .list-feed li { width: 20%; } .list-product { } .list-product .pager { margin-left: -20px; padding-top: 20px; } .list-product .pager li { margin-bottom: 20px; border-left-width: 20px; } .module-aside { padding-right: 440px; } .module-aside figure { position: relative; left: 120px; width: calc(100% + 120px); margin-left: -120px; } .module-aside > div { left: 0; width: 440px; margin-right: -440px; } .module-aside.static { padding-right: 440px; } .module-aside.static figure { left: 0; } .module-aside.static img { min-height: 345px; } .module-aside.static > div { left: 0; width: 440px; margin-right: -440px; padding: 23px 0 0 60px; } .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; } } @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer, .module-quickshop, .popup-a .box-inner, .module-featured article > * { width: 980px; } #top, .module-quickshop { margin-left: -490px; } #top { } #nav > ul > li, #nav > ul + ul > li { margin-right: 22px; } #top .list-cart.small li, .new #top #logo.text-center ~ form .list-cart.small li { padding-right: 0; } #top .list-cart.small li { 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 .list-usp { margin-right: -15px; } #top .list-usp li { margin-right: 15px; } #footer { } #footer > p { text-align: left; } #footer .list-payments { width: calc(100% - 240px); } .new { } .new #nav > ul { margin-right: -10px; } .new #nav > ul > li { margin-right: 10px; } .new #top > form { width: 340px; margin-left: -170px; } .new #top #logo.text-center ~ form { width: 300px; } .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: 60px; } .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 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-product .pager li { width: 20%; } .list-product .pager img { height: 85px !important; } .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; } .new #nav > ul { -webkit-justify-content: space-between; justify-content: space-between; } [class*="cols"] .list-collection li.wide.three, .module-bulk .list-collection li:nth-child(5n-4):after { display: block; } #footer .lang, .cols-b > .form-cart button.clone, .list-view, [class*="cols"] .list-collection li.wide, .list-feed li:nth-child(n+5), .list-brands.a li:nth-child(n+6), #footer nav figure, .module-bulk .list-collection li:nth-child(4n-3):after { display: none; } } @media only screen and (max-width: 63.750em) { /* 1020 */ #cookie { left: 50%; width: 720px; margin-left: -360px; padding-top: 15px; } #cookie .text { display: block; } #cookie .link { display: block; padding: 10px 0 0; } #cookie .link a { margin: 0 15px; } } @media only screen and (max-width: 75em) and (min-width: 62.5em) { /* 1200 */ .popup-a { } .popup-a .box-inset { padding: 33px 33px 5px; } .popup-a .list-slider { margin-bottom: 14px; } #root .popup-a .list-slider .pager { overflow: hidden; position: relative; left: 0; width: auto; margin: 0 0 0 -15px; padding: 0; } #root .popup-a .list-slider .pager li { float: left; max-width: none; margin: 0 0 15px; padding: 15px 0 0; border-left: 15px solid var(--blank); } #root .popup-a .list-slider .pager li img { width: 100% !important; height: auto !important; } #root .popup-a .list-slider .pager { -webkit-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 62.5em) { /* 1000m */ .center #root { padding-top: 178px; } .center #top { height: 178px; } .center #top #logo { left: 50%; top: 85px; bottom: auto; height: 30px; margin-left: -90px; } .center #top #logo:before { text-align: center; } .center #nav { height: 41px; padding: 0; } .center #nav > ul { margin: 0; } .center #nav > ul > li { padding-bottom: 12px; } .search-active.center #nav > ul:first-child, .search-active.center #nav > ul > li.search { display: none; } .center #nav > ul + ul { position: absolute; left: 0; right: 0; top: -52px; bottom: auto; height: 30px; } .center #nav > ul + ul > li { height: 61px; padding-bottom: 32px; } .center #nav > ul + ul > li.search { position: absolute; left: 0; top: 0; } .center #top > form { top: auto; bottom: 0; padding-bottom: 4px; } .center .module-featured.full article { min-height: calc(100vh - 178px); } .new.no-usp2 #root { padding-top: 159px; } .new.no-usp2 #top { height: 159px; } .new.has-bar.no-usp2 #root { padding-top: 214px; } .new.has-bar.no-usp2 #top { height: 214px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ .form-welcome.news-letter-popup .box-inner { width: 70%; } .form-welcome.news-letter-popup .box-inset .right { padding: 30px!important; width: 100%!important; } #top, #content, #footer, .module-quickshop, .popup-a .box-inner, .module-featured article > * { width: 720px; } #top, .module-quickshop { margin-left: -360px; } #top { } #top #logo { left: 50%; top: 85px; bottom: auto; z-index: 3; height: 30px; margin-left: -90px; } #top #logo:before { text-align: center; } #nav { display: block; left: auto; padding: 0 0 5px; } #top > .menu { display: block; position: absolute; left: 0; top: 55px; bottom: 0; width: 30px; color: #333333; font-size: 18px; text-indent: -3000em; text-align: left; text-decoration: none; } #top > .menu:before { content: "\e912"; text-align: left; } #top > form > div { overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 96px); padding: 16px 20px 0; border-left-width: 0; border-right-width: 0; } .new #top > form > div { max-height: calc(100vh - 150px); } .new #top.scroll-to-fixed-fixed > form > div { max-height: calc(100vh - 105px); } #top > form > div:before { top: 0; } #top > form > div .list-cart.small li.btn { margin-left: -20px; margin-right: -20px; } #root #top .list-usp { right: 0; margin-right: 0; } #mobile, .cols-c > aside, .cols-c > header:first-child { display: block; position: fixed!important; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; width: 100%; max-width: 320px; background: var(--white); line-height: 1.2; } #mobile, .cols-c > aside, .cols-c > header:first-child { -webkit-transform: translateX(-100%); transform: translateX(-100%); } #mobile { overflow-y: auto; overflow-x: hidden; } .menu-active #mobile, .filter-active .cols-c > aside, .filter-active .cols-c > header:first-child, .filter-active .form-filter .submit { -webkit-transform: none; transform: none; } #mobile ul { overflow: hidden; z-index: 3; list-style: none; margin: 0; padding: 0; } #mobile li { overflow: hidden; position: relative; margin: 0; font-size: 14px; } #mobile a: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-weight: 400; font-size: 14px; line-height: 1.2; text-decoration: none; text-align: left; text-overflow: ellipsis; white-space: nowrap; } #mobile a.toggle { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; padding: 0; border-width: 0; } #mobile a ~ a.toggle { left: auto; width: 50px; } #mobile a.open-sub ~ a.toggle { width: 100%; } #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: 14px; } #mobile .close, .form-filter > .close { display: block; position: absolute; right: 0; top: 0; z-index: 99 !important; width: 47px; height: 50px; padding: 0; border-width: 0; color: var(--cod); font-size: 13px; text-indent: -3000em; } #mobile .close:before, .form-filter > .close:before { content: "\e93f"; } #mobile .back, #mobile ul ul a, #mobile .gallery a.back { padding-left: 40px; } #root #mobile a.back { border-top-width: 0; } #mobile .back:before { content: "\e92c"; left: 20px; width: auto; font-size: 9px; } #mobile li.header > span { font-weight: 700; } #mobile 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 { width: 70px !important; margin: 0 20px 0 0; } #mobile ul ~ ul.gallery { padding-top: 12px; border-top: 1px solid var(--mercury); } .search-active #top { z-index: 1002 !important; } .menu-active #shadow, .filter-active #shadow, .new.search-active #root #top > form, .new #top > form.full button { visibility: visible; opacity: 1; } .new.search-active #top > .menu, .new.search-active #nav, .new #top > form.full .remove { 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; } #footer { } #footer nav > * { min-width: 0; } #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; } .new #root { padding-top: 105px; } .new #top { height: 105px; } .new #top #logo { left: 50%; top: auto; bottom: 0; width: 126px; height: 58px; margin: 0; } .new #top #logo { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .new #nav { left: 50px; right: 0; } .new #nav > ul + ul { bottom: 0; left: 0; right: -21px; } .new #nav > ul + ul > li { margin-right: 21px; padding: 0 0 14px; } .new #nav > ul + ul > li.search { margin-right: auto; } .new #top .bar p { display: block; position: absolute; right: 17px; top: 0; } .new #top .menu { top: auto; bottom: 0; height: 58px; font-size: 15px; } .new #top .menu:before { content: "\e96f"; } .new #root #top > form { display: block; visibility: hidden; left: 0; right: 0; bottom: 0; top: auto; width: auto; margin: 0; opacity: 0; } .new #top #logo.text-center ~ form { width: auto; } .new #top > form input { height: 58px; padding: 0 43px 0 40px; border-width: 0; border-bottom-width: 1px; } .new #top > form button { left: -18px; right: auto; width: 58px; height: 58px; } .new #top > form > .close { right: -15px; top: 0; width: 58px; height: 58px; } .new .module-featured.full article { min-height: calc(100vh - 105px); } .new.has-bar #root { padding-top: 157px; } .new.has-bar #top { height: 160px; border-top-width: 55px; } .new.has-bar .module-featured.full article { min-height: calc(100vh - 157px); } .new.no-usp #root { padding-top: 58px; } .new.no-usp #top { height: 58px; } .new.has-bar.no-usp #root { padding-top: 113px; } .new.has-bar.no-usp #top { height: 113px; } .new #top.v1 #nav > ul + ul > li.search, .new #top.v2 #nav > ul + ul > li.search { margin-right: 20px; margin-left: auto; } .new #top.v1 .bar:before, .new #top.v2 .bar:before { border-bottom: 1px solid #f6f6f6; background: #333333; } .new #root #top.v1 .list-usp { left: 20px; right: 150px; } .new #top.v2 .bar { z-index: 1; } .new #top.v2 .bar p { display: block; left: 20px; right: auto; } .new #top.v2 #nav { visibility: visible; z-index: 3; opacity: 1; } .new #top.v2 #nav > ul + ul { bottom: 52px; } .new #top.v2 #nav > ul + ul > li { display: block; margin-right: 25px; } .new #top.v2 #nav > ul + ul > li.search { position: absolute; right: 0; top: 100%; padding-top: 11px; } .new #top.v2 #nav > ul + ul > li.search + li { margin-left: auto; } .new #root #top.v2:after { content: ""; display: block; position: absolute; left: -3000em; right: -3000em; top: 46px; height: 1px; background: var(--mercury); } #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 { bottom: 38px; } .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: 15px; } .list-btn a { padding: 9px 14px; } .list-btn.a { margin-bottom: 25px; } .link-btn.scroll-to-fixed-fixed { position: relative; z-index: 2; } .link-btn.scroll-to-fixed-fixed:before { content: ""; display: block; position: absolute; left: -3000em; right: -3000em; top: -10px; bottom: -2px; z-index: -1; background: var(--white); } .list-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 20px 0; } .list-collection, .list-catalog { margin-left: -15px; } .list-collection li, .list-catalog li { border-left-width: 15px; } .list-collection.aside { padding-right: 0; } .list-collection.aside li.aside, .list-collection.aside li.aside figure { position: relative; bottom: 0; width: 100%; margin: 0; } .list-collection.aside li.aside { margin-bottom: 15px; } .list-comments { margin: 35px 0; } .list-comments li, .list-comments.a li { min-height: 0; padding: 20px; } .list-comments li:before, .list-comments.a li:before { left: 0; top: 25px; bottom: 25px; } .list-comments li:first-child { margin-top: -29px; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6, .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { position: relative; z-index: 2; float: none; width: auto; min-height: 94px; margin: 0 -20px 20px; padding: 17px 20px 17px 100px; } .list-comments img { top: 0; } .list-comments h1:before, .list-comments h2:before, .list-comments h3:before, .list-comments h4:before, .list-comments h5:before, .list-comments h6:before, .list-comments h1:before, .list-comments h2:before, .list-comments h3:before, .list-comments h4:before, .list-comments h5:before, .list-comments h6:before { content: ""; display: block !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; border-bottom: 1px solid var(--mercury); background: var(--white); } .list-comments.a { } .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { min-height: 0; padding: 0 0 20px; } .list-featured { } .list-featured li { margin-bottom: 10px; } #root .list-featured figure { min-width: 0; width: 100%; margin-left: 0; margin-right: 0; } .list-feed { margin-left: calc(-50vw + 360px); margin-right: calc(-50vw + 360px); } .list-news { } .list-news li { width: 50%; } .list-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-product { } .list-product .pager { margin-left: -34px; padding-top: 34px; } .list-product .pager li { width: 16.6666666667%; margin-bottom: 34px; border-left-width: 34px; } .list-product .pager img { height: 95px !important; } .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; margin-right: 0; margin-left: 0; } .module-aside img, .module-aside.static img { min-height: 0; } .module-aside > div, .module-aside.static > div { padding-top: 30px; padding-left: 0; } .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; } #root .module-product > .list-slider.landscape:not(.is-slider) { height: 75vw; } #root .module-product > .list-slider.portrait:not(.is-slider) { height: 125vw; } #root .module-product > .list-slider.square:not(.is-slider) { height: 100vw; } .popup-a .module-product > .list-slider { margin-bottom: 0; } #root .module-product > div { position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; float: none; width: auto; margin-right: 0; padding-bottom: 0; } .module-product-bar { } .module-product-bar .link-btn a { min-width: 268px; padding-top: 14px; padding-bottom: 14px; } .module-quickshop { } .module-quickshop header h1, .module-quickshop header h2, .module-quickshop header h3, .module-quickshop header h4, .module-quickshop header h5, .module-quickshop header h6 { font-size: 1.5em; } .module-quickshop header h1 a, .module-quickshop header h2 a, .module-quickshop header h3 a, .module-quickshop header h4 a, .module-quickshop header h5 a, .module-quickshop header h6 a { margin-left: 15px; font-size: 0.8666666667em; } .module-quickshop header ul li { margin-left: 25px; font-size: 1.3em; } .module-sections { margin-bottom: 50px; } .tabs-b { } .tabs-b > nav ul { margin-bottom: 30px; } .tabs-c { margin-bottom: 18px; } .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 h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { margin: 0; padding-left: 0; } .form-filter > h1:first-child, .form-filter > h2:first-child, .form-filter > h3:first-child, .form-filter > h4:first-child, .form-filter > h5:first-child, .form-filter > h6:first-child, .form-filter > .inner > h1:first-child, .form-filter > .inner > h2:first-child, .form-filter > .inner > h3:first-child, .form-filter > .inner > h4:first-child, .form-filter > .inner > h5:first-child, .form-filter > .inner > h6:first-child { margin: 0 -20px -1px; padding: 16px 40px 16px 20px; border-top-width: 0; border-bottom-width: 1px; font-size: 15px; } .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, .new #nav > ul + ul, .new #top .bar { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #top.v1 .list-usp .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, .new #nav > ul + ul { -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; } #nav > ul > li.search, #nav > ul > li.cart, #mobile.active > ul.ul-toggle, #mobile.active > ul.ul-toggle > li.toggle, #mobile li.toggle > ul, #mobile ul li a .img img, #mobile ul.ul-toggle > li.toggle, #root #mobile ul.ul-toggle > li.toggle, #mobile li.toggle > ul + ul, .list-featured li, .form-filter > h1:first-child, .form-filter > h2:first-child, .form-filter > h3:first-child, .form-filter > h4:first-child, .form-filter > h5:first-child, .form-filter > h6:first-child, #root .form-filter .header.mobile-toggle + *, #root .form-filter .header.mobile-toggle + * > ul, #top .list-usp.desktop-hide, .new #nav > ul + ul > li.cart, .new #nav > ul + ul > li.fav, .new #nav > ul + ul > li.search, .new #top > form > .close, .new #top.v1 .bar p, #bottom li.toggle > ul { display: block; } .form-filter nav { margin-bottom: 0; } #nav > ul:first-child, #nav > ul > li, #mobile .gallery span, #mobile em, #mobile.active > ul, #mobile.active > ul > li, #mobile.active > ul.ul-toggle > li.toggle > a, #mobile.active > .title, #mobile ul ul, #root #mobile .lang > a, #root #mobile .lang > a.toggle, #root #mobile .lang .header, #root #mobile .lang span:not(.cur-icon), #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), #top .list-usp.desktop-only, .new #nav > ul, .new #nav:before, .new #top > form, .new #nav > ul + ul > li, .new #nav > ul + ul > li > a > span, .new #nav > ul + ul > li > a:after, #mobile > ul > li > a > i, #mobile > ul > li > a > img, .new #top .bar p.mobile-hide, .new #top.v1 #nav > ul + ul > li.fav, .new #top.v1 #nav > ul + ul > li.cart, .has-bottom #cookie, #bottom .search, .new #top .bar p, .new #root #top.v2 .list-usp { display: none; } #root .desktop-hide, #root .tablet-only, .form-filter > .hidden, .form-filter > .inner > .hidden, .form-filter .semantic-select .ul { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, #root .form-sort:after, .module-product:after { position: absolute; left: -30000px; top: -30000px; right: auto; bottom: auto; } } @media only screen and (min-width: 47.5em) { /* 760m */ #content.has-filter, #content.has-filter > .cols-c, #content.has-filter > .cols-c > * { position: static; } #content.has-filter > *, #content.has-filter > .cols-c > * > * { position: relative; z-index: 1; } #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; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top, #content, #footer, .module-featured article > * { width: auto; } #top, #content, #footer, #cart, #compare, #login, #root > .module-featured article { padding-left: 20px; padding-right: 20px; } body:after { width: 30px; height: 30px; margin: -15px 0 0 -15px; } #root { padding-top: 96px; } #top { left: 0 !important; right: 0 !important; width: auto !important; height: 96px; margin: 0 !important; } #top #logo { top: 45px; width: 130px; height: 50px; margin-left: -65px; } #top #logo:before { top: 0; margin: 0; font-size: 10px; line-height: 50px; } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 13px; } #nav { padding: 0 20px 0 0; } #nav > ul > li, #nav > ul + ul > li { margin-right: 18px; padding-bottom: 1px; } #nav > ul > li > a { height: 50px; } #nav > ul > li > a i { font-size: 15px; } #nav > ul > li > a i.icon-cart:Before { font-size: 19px; } #bottom ul li img { margin: 0 auto 0; } #top > p { overflow: hidden; height: 45px; padding: 0 10045px 0 10020px; font-size: 13px; line-height: 45px; text-align: left; text-overflow: ellipsis; white-space: nowrap; } #top > p .close { width: 45px; height: 45px; font-size: 15px; } #top > .menu { top: 45px; width: 60px; font-size: 13px; } #top > .menu:before { text-align: center; } #top > form { top: auto; bottom: 0; right: 40px; z-index: 999; margin: 0; } #top > form:before { left: 0; right: 0; } #top > form input { top: 0; height: 50px; padding: 0 50px; color: var(--black); font-size: 14px; } #top > form button { top: 0; height: 50px; font-size: 16px; } #top > form button:before { left: 20px; } #top > form > .close { top: 0; width: 50px; height: 50px; font-size: 13px; } #content { padding-top: 20px; } #content.has-filter { position: static; } #content > *:last-child { margin-bottom: 40px; } #content > .cols-a:last-child, #content > .cols-b:last-child, #content > .cols-c:last-child, #content > .list-news:last-child, #content > .module-news:last-child, #content > .list-collection:last-child { margin-bottom: 12px; } #content > .nav-breadcrumbs:first-child { margin-top: -6px; } #cookie { left: 0; right: 0; width: auto; margin-left: 0; padding-left: 20px; padding-right: 20px; } #cart { } #cart > h1, #cart > h2, #cart > h3, #cart > h4, #cart > h5, #cart > h6, #cart > .inner > h1, #cart > .inner > h2, #cart > .inner > h3, #cart > .inner > h4, #cart > .inner > h5, #cart > .inner > h6 { margin-bottom: 12px; } #cart .submit { border-width: 20px; } #compare { } #compare > h1, #compare > h2, #compare > h3, #compare > h4, #compare > h5, #compare > h6, #compare > .inner > h1, #compare > .inner > h2, #compare > .inner > h3, #compare > .inner > h4, #compare > .inner > h5, #compare > .inner > h6 { margin-bottom: 12px; } #compare .submit { border-width: 20px; } #footer { padding-top: 0; padding-bottom: 0; } #footer nav { display: block; margin: 0 0 20px; } #footer nav > *, #footer nav > .double { width: 100%; min-width: 0; margin: 0; border-left-width: 0; } #footer nav:before { left: -20px; right: -20px; } #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { margin: 0 -20px; padding: 13px 45px 13px 20px; } #footer nav h1:after, #footer nav h2:after, #footer nav h3:after, #footer nav h4:after, #footer nav h5:after, #footer nav h6:after { border: 0 solid rgba(0,0,0,.1); border-top-width: 1px; } #footer nav h1:before, #footer nav h2:before, #footer nav h3:before, #footer nav h4:before, #footer nav h5:before, #footer nav h6:before { content: "\e92b"; left: auto; right: 20px; width: auto; font-size: 5px; } #footer nav h1.toggle:before, #footer nav h2.toggle:before, #footer nav h3.toggle:before, #footer nav h4.toggle:before, #footer nav h5.toggle:before, #footer nav h6.toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #footer nav > *:first-child h1:after, #footer nav > *:first-child h2:after, #footer nav > *:first-child h3:after, #footer nav > *:first-child h4:after, #footer nav > *:first-child h5:after, #footer nav > *:first-child h6:after { border-top-width: 0; } #footer nav h1.toggle, #footer nav h2.toggle, #footer nav h3.toggle, #footer nav h4.toggle, #footer nav h5.toggle, #footer nav h6.toggle, .list-collection.aside li.aside, #footer ul { margin-bottom: 20px; padding-bottom: 14px; } #footer nav h1.toggle:after, #footer nav h2.toggle:after, #footer nav h3.toggle:after, #footer nav h4.toggle:after, #footer nav h5.toggle:after, #footer nav h6.toggle:after { border-bottom-width: 1px; } #footer .double { padding-top: 20px; } #footer .double:before { content: ""; display: block; position: absolute; left: -20px; right: -20px; top: 0; height: 1px; background: var(--black); opacity: .1; } #footer > form:first-child { top: 0; } #footer .list-social { margin-right: -16px; } #footer .list-social li { margin-right: 16px; } #footer > p { margin-bottom: 20px; background: center 0 no-repeat; background-size: contain; text-align: center; } #footer .list-payments { position: relative; bottom: 0; width: auto; height: auto; padding-bottom: 6px; } #root .link-btn.double a, #footer .link-btn li { width: calc(50% - 5px); } #root .link-btn.double a, #footer .link-btn li a { padding-left: 10px; padding-right: 10px; } /* #bottom { display: none !important; } */ .new.has-bar #root { padding-top: 147px; } .new.has-bar #top { height: 150px; border-top-width: 45px; } .new #nav { left: 70px; right: 22px; } .new #top > form { } .new #top > form input { padding-left: 60px; } .new #top > form > .close { right: -7px; font-size: 15px; } .new.has-bar .module-featured.full article { min-height: calc(100vh - 147px); } .new.no-usp #root { padding-top: 58px; } .new.no-usp #top { height: 58px; } .new.no-usp .module-featured.full article { min-height: calc(100vh - 58px); } .new.has-bar.no-usp #root { padding-top: 100px; } .new.has-bar.no-usp #top { height: 103px; } .new.has-bar.no-usp .module-featured.full article { min-height: calc(100vh - 100px); } h1, .gui-page-title, .form-newsletter h1, .form-newsletter h2, .form-newsletter h3, .form-newsletter h4, .form-newsletter h5, .form-newsletter h6, .heading-wide h1, .heading-wide h2, .heading-wide h3, .heading-wide h4, .heading-wide h5, .heading-wide h6, .form-comment h1, .form-comment h2, .form-comment h3, .form-comment h4, .form-comment h5, .form-comment h6, .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 { font-size: 25px; } .mobile-inline { font-size: 15px; } .mobile-inline + p, .list-btn li, .list-comments p, .heading-rating p, .module-aside p, .module-aside ul, .module-aside ol { font-size: 14px; } header { margin-bottom: 28px; } .check-box { margin-right: -7px; margin-bottom: 13px; } .check-box label, .check-box a { min-width: 34px; height: 34px; margin: 0 7px 7px 0; padding: 0 8px; line-height: 32px; } .check-color { margin-bottom: 13px; } .check-color label { width: 22px; height: 22px; } .check-color input:checked ~ label:after { font-size: 6px; } .cols-a, .cols-b, .cols-d { padding-left: 0; padding-right: 0; } #root .cols-a > *, #root .double > *, #root .cols-b > *, #root .cols-d > * { float: none; width: auto; margin-left: 0; margin-right: 0; } #root .cols-a > * + * { margin-top: 35px; } .cols-b, .cols-b > header:first-child { padding-right: 0; } .cols-b > header:first-child .link-btn { top: 0; margin-bottom: 28px; } html .fancybox-toolbar, html .fancybox-navigation { top: 0; bottom: auto; height: 40px; } html .fancybox-button { float: right; width: 40px; height: 40px; } html .fancybox-button:before { font-size: 16px; } html .fancybox-navigation { right: 40px; width: auto; } html .fancybox-navigation .fancybox-button { } html .fancybox-navigation .fancybox-button:before { font-size: 16px; } /*.fancybox-navigation { display: block; position: absolute; right: 86px; bottom: 0; top: auto; z-index: 99996; width: 82px; height: 78px; } .fancybox-navigation .fancybox-button { float: right; width: 26px; } .fancybox-navigation .fancybox-button:first-child { float: left; } .fancybox-navigation .fancybox-button:before { content: "\e95c"; font-size: 20px; } .fancybox-navigation .fancybox-button:first-child:before { content: "\e95e"; }*/ .heading-mobile { margin: 0 0 14px; text-align: left; } .heading-mobile h1, .heading-mobile h2, .heading-mobile h3, .heading-mobile h4, .heading-mobile h5, .heading-mobile h6 { margin: 0 0 14px; /*font-size: 1.6em;*/ } .heading-rating { margin: 31px 0; padding-bottom: 8px; border-bottom-width: 1px; line-height: 1.7857142857; } * + * > .heading-rating:first-child { margin-top: 31px; } #root .heading-rating h1, #root .heading-rating h2, #root .heading-rating h3, #root .heading-rating h4, #root .heading-rating h5, #root .heading-rating h6 { display: block; margin: 0 0 8px; font-size: 1.6em; } .heading-rating .header a.toggle { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: var(--black); font-weight: 400; } #root .heading-rating.toggle h1, #root .heading-rating.toggle h2, #root .heading-rating.toggle h3, #root .heading-rating.toggle h4, #root .heading-rating.toggle h5, #root .heading-rating.toggle h6 { font-weight: 700; } .heading-rating p { margin: 0 0 7px; } .heading-rating .rating-a { margin-top: 10px; } .heading-rating .link-btn { position: relative; bottom: 0; margin-top: 14px; } .heading-rating .link-btn a { min-width: 0; } .heading-rating p[class*="overlay"] { font-size: 13px; } .heading-rating.toggle { margin-bottom: 15px; padding-bottom: 0; border-bottom-width: 0; } .heading-wide { padding-top: 28px; padding-bottom: 5px; } .heading-wide .input-inline input { max-width: none; } .heading-wide figure { left: -20px; right: -20px; width: auto; margin: 0; } hr { margin-top: 35px; margin-bottom: 28px; } .link-btn, .link-btn.double { display: block; margin-left: 0; margin-right: 0; font-size: 15px; } .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn.a a { display: block; float: none; min-width: 0; } .link-btn.double a { border-width: 0; } .link-btn > span { margin-bottom: 18px; } .link-btn.wide > a { margin-right: 0; } .link-btn.a { font-size: 15px; } .link-btn.a a { padding: 14px 28px; } .list-big, #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: 33px; } #root .list-big li { -webkit-transform: none !important; transform: none !important; } #root .list-big li > div { 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 33px; } #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 0 5px; font-size: 2.6em; } #root .list-big p, #root .list-big .list-inline li { font-size: 15px; line-height: 1.5; } #root .list-big p a, #root .list-big .list-inline li a { font-size: 14px; text-decoration: none; } .list-big + .list-big { margin-top: 0; } .list-brands, header + .list-brands { margin-top: -32px; margin-left: -20px; } .list-brands li { width: 50%; padding: 25px 0 25px 20px } .list-brands li:nth-child(2n-1):before { left: 20px; right: -20px; } .list-catalog { margin-top: 0; margin-bottom: 25px; } .list-catalog li { margin-bottom: 12px; font-size: 15px; } .list-category { } .list-category li { width: 50%; margin-bottom: 21px; } .list-collection { margin-left: -15px; } .list-collection li, .list-catalog li { width: 50%; margin-bottom: 21px; 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 h4, .list-collection h5, .list-collection h6, .list-catalog h1, .list-catalog h2, .list-catalog h3, .list-catalog h4, .list-catalog h5, .list-catalog h6 { margin-bottom: 1px; } .list-collection .owl-nav button { bottom: 101px; } .list-collection form, .list-collection .form { position: relative; } .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.single { text-align: left; } #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 .list-collection.triple .infogram { width: 100%; margin-bottom: 15px; text-align: center; } .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: block; position: relative; left: 0; top: 0; margin: 0 0 15px; } .list-comments .rating-a { margin-bottom: 4px; } .list-comments p { margin-bottom: 15px; } .list-comments.a { margin: 0 -20px 31px; padding: 0 20px; border-top-width: 0; } .list-comments.a li { margin: 0 -20px; padding: 14px 20px 0; } .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { margin: 0 -20px 11px; padding: 0 20px 14px; border-bottom-width: 1px; font-size: 1.6em; } .list-comments.a h1 span, .list-comments.a h2 span, .list-comments.a h3 span, .list-comments.a h4 span, .list-comments.a h5 span, .list-comments.a h6 span { font-weight: 400; } .list-comments.a + .nav-pagination { margin: -18px -20px 31px; padding: 0 0 11px; border-bottom: 1px solid var(--mercury); } .list-comments.a + .nav-pagination ul, .list-comments.a + .nav-pagination ol { margin: 0; } .list-comments.a .clip { overflow: hidden; max-height: 75px; } .list-feed { margin-left: -20px; margin-right: -20px; margin-bottom: 35px; } #root .list-feed > li { display: block; width: 50%; } .list-news { display: block; } .list-news li { width: 100%; margin-bottom: 20px; } .list-news .item li { width: auto; margin-bottom: 10px; } .list-news .owl-carousel .owl-stage-outer { overflow: hidden; } .list-news .owl-nav button { top: calc(29vw - 40px); } .list-product.is-slider { margin: 0 -20px 20px; } .list-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-text-center { text-align: center; } .module-aside { margin: 35px 0; } #root .module-aside > figure { margin-left: -20px; margin-right: -20px; } .module-aside img { min-height: 225px; } .module-aside > div { padding-top: 20px; } .module-border { padding-bottom: 1px; } .module-bulk { } #root .module-bulk .list-collection li { width: 50%; } .module-bulk .list-collection li:after { line-height: calc(100vw - 145px); } .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 { } .module-featured.full article { min-height: calc(100vh - 96px); } .module-news { padding-bottom: 1px; } .module-product { line-height: 1.7857142857; } .module-product header, .module-product-header { margin: 0 0 14px; padding: 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, .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: 1.6em; } .module-product header p, .module-product-header p { margin: 0; font-size: 1.4em; } .module-product .price, .module-bulk .price { display: block; padding-right: 0; } .module-product p, .tabs-a p, .module-product li, .tabs-a li, #root .list-social.b li { font-size: 1.4em; } .module-product p, .module-product .price, .module-bulk .price { margin-bottom: 15px; } .module-product p.submit { margin-top: 15px; } .form-product .semantic-select-wrapper, .form-product input, .form-product select, .form-product textarea { margin-bottom: 0; } .form-product .submit button, .form-product .link-btn a { height: auto; padding: 14px 4px; text-overflow: ellipsis; white-space: nowrap; } .form-product .link-btn a.a:after { border-color: var(--mercury); } .module-product .list-product, .module-product .list-slider { padding-top: 0; border-top-width: 0; } .module-product + .product-content { overflow-x: auto; } .module-rating { } .module-rating .rating-a { padding: 0; } .module-rating .rating-a .rating { position: relative; left: 0; top: 0; margin: 0 0 6px; } .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: 28px; } .module-wide, .module-featured article { min-height: 485px; padding-top: 35px; padding-bottom: 16px; } .module-featured article { padding-bottom: 26px; } .module-wide.boxed:before, #root .module-wide.boxed figure { left: -20px; right: -20px; } .nav-pagination { margin-left: -15px; margin-right: -15px; } .nav-pagination li { margin: 0 15px; font-size: 14px; } .nav-pagination li.prev { margin-right: 16px; } .nav-pagination li.next { margin-left: 16px; } .nav-pagination li.prev a, .nav-pagination li.next a { color: var(--black); } .popup-a { left: 0; right: 0; } .popup-a .box-outer { padding: 20px; } #root .popup-a .box-inner, button, input[type="button"], input[type="reset"], input[type="submit"], #root .list-collection li.aside, .form-cart button, .form-cart a.btn, .list-tags li:first-child, #root .list-gallery li:first-child, #root .list-big > li, #root .list-collection.mobile-single li { float: none; width: 100%; } #root .popup-a .box-inset { padding: 28px 28px .1px; } .popup-a .module-product { margin-bottom: 5px; } .popup-a .list-slider { margin-left: -28px; margin-right: -28px; } .rating-a.strong { padding-left: 122px; font-size: 20px; } .rating-a.strong .label span { font-size: 0.7em; } .rating-a.strong .rating { top: 1px; width: 122px; height: 18px; } .rating-a.strong .rating > * { width: 21px; margin-right: 2px; } 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; } .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(--black); font-size: 16px; font-weight: 400; text-decoration: none; } .tabs-a .tabs-header.toggle, .tabs-b .tabs-header.toggle, .tabs-c .tabs-header.toggle { /*margin-bottom: -9px;*/ font-weight: 700; } .tabs-a .tabs-header:before, .heading-rating .header a.toggle:before, .tabs-b .tabs-header:before, .tabs-c .tabs-header:before { content: "\e92b"; left: auto; right: 0; width: auto; font-size: 5px; } .tabs-a .tabs-header.toggle:before, .heading-rating.toggle .header a.toggle:before, .tabs-b .tabs-header.toggle:before, .tabs-c .tabs-header.toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .tabs-a > * > *:first-child .tabs-header { border-top-width: 0;} .tabs-a .list-social, .tabs-a + .list-social { margin-top: 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; } .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; } .form-newsletter { padding-top: 30px; padding-bottom: 2px; } .form-newsletter p { margin-bottom: 28px; } .form-newsletter input, .heading-wide input { width: 100%; height: 46px; padding: 0 61px 0 15px; border-width: 1px; } .form-newsletter button, .heading-wide button { position: absolute; right: 0; top: 0; width: 120px; height: 46px; margin: 0; padding: 0; border-width: 0; background: none; font-size: 15px; text-indent: -3000em; text-align: left; } .heading-wide button:before { content: "\e936"; font-size: 18px; } .form-newsletter button { text-indent: 0; text-align: center; } .form-product { } .form-product .fieldset { position: relative; } .form-product .fieldset.has-colors { padding-top: 42px; } .form-product .fieldset.has-colors .check-color { position: absolute; left: 0; right: 0; top: 0; } .form-product .fieldset > p { float: left; width: 100%; } .form-product .product-configure { width: 100%; } .form-product .product-configure-variants { margin-bottom:15px; } .form-welcome { } .form-welcome h1, .form-welcome h2, .form-welcome h3, .form-welcome h4, .form-welcome h5, .form-welcome h6 { font-size: 28px; } .form-welcome h1 span, .form-welcome h2 span, .form-welcome h3 span, .form-welcome h4 span, .form-welcome h5 span, .form-welcome h6 span { margin-top: 25px; } .form-welcome input { margin-top: 29px; } .form-welcome button { padding-top: 15px; padding-bottom: 15px; } .cols-a > header:first-child > figure:first-child, .cols-a > aside > figure:first-child, .list-comments.a li:first-child, header + .form-sort, header + .form-sort + .form-sort-spacer { margin-top: 0; } .list-tags a, .list-tags label, .cols-b > header:first-child, .cols-b > aside, .cols-b > header:first-child .link-btn { margin-right: 0; } .list-collection.compact li { margin-bottom: 0; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6, #root .module-border.double > * { margin-bottom: 10px; } .lead { margin-bottom: 25px; } #root .form-sort .ui-slider-a + * { margin-left:auto; } #root .link-btn.double, #footer .link-btn, .list-collection .owl-dots, .form-product .fieldset, .list-collection.list li, .list-collection.list .has-label .label { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root .list-slider .pager { -webkit-flex-direction: row; flex-direction: row; } .form-product .fieldset { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-collection.compact { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #footer .list-social, .check-color, #root .list-slider .pager, #footer .list-payments { -webkit-justify-content: center; justify-content: center; } #root .link-btn.double, #footer .link-btn { -webkit-justify-content: space-between; justify-content: space-between; } .form-product .fieldset { -webkit-align-items: center; align-items: center; } .list-slider .pager li { -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .list-slider .pager li, .link-btn.double a { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .link-btn a { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .list-collection.compact li { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .list-product.mobile-hide { visibility: hidden; opacity: 0; } .list-product.mobile-only, .list-collection .owl-item, .list-collection .owl-item[aria-hidden="true"], #root .list-news .owl-item { visibility: visible; opacity: 1; } #root .list-big li > div { -webkit-transform: none; transform: none; } #root .double, #footer .header-toggle, #footer nav h1:after, #footer nav h2:after, #footer nav h3:after, #footer nav h4:after, #footer nav h5:after, #footer nav h6:after, #footer nav h1.toggle ~ *, #footer nav h2.toggle ~ *, #footer nav h3.toggle ~ *, #footer nav h4.toggle ~ *, #footer nav h5.toggle ~ *, #footer nav h6.toggle ~ *, .list-comments img, .list-news > li:nth-child(2n-1):last-child, #root .list-news figure + p, .list-checkout figure, #root .list-collection form, #root .list-collection .form, #root .list-collection li.wide, .tabs-a .tabs-header, .tabs-a .tabs-header.toggle + .tabs-inner, .js .heading-rating.toggle > *, .js .heading-rating.toggle ~ *, .list-comments.a .clip + a.toggle, .tabs-c .tabs-inner.toggle, .tabs-b .tabs-inner.toggle, .tabs-c .tabs-header, .tabs-b .tabs-header, .list-brands.a li:before, .form-product .fieldset:after, .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 { display: block; } #footer > p:before, #footer nav h1 ~ *, #footer nav h2 ~ *, #footer nav h3 ~ *, #footer nav h4 ~ *, #footer nav h5 ~ *, #footer nav h6 ~ *, #login br, .list-news p:last-child, .list-news p.last-child, .list-collection .owl-nav button, #root .list-collection li.wide.three, .list-collection + hr, .cols-b:after, .tabs-a > nav, .tabs-a .tabs-inner, .form-product .submit a, .module-product .s13 br, .module-quickshop, .module-product-bar, .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, .list-product .pager { display: none; } /* #root .form-sort { display: none !important; } */ #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; } #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; } } @media only screen and (max-width: 25em) { /* 400 */ .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; } .form-comment .sticky { position: relative; right: 0; top: 0; } } @media only screen and (max-width: 47.5em) { /* 760 */ #root .list-collection li, .list-catalog li { width: 50%; text-align: left; } #root .list-collection li.single, .list-catalog li.single { width: 100%; text-align: center; } .form-product .list-usp { display:block; } .form-product .list-usp li { margin-bottom:21px; } .form-product .list-usp li span { display:unset; } .form-product .list-usp i { font-size: 17px; } .form-product .list-usp i.icon-truck { font-size: 13px; } .form-product .list-usp li:first-child { padding-left: 28px; } .list-collection.slider.categories img { margin-bottom:12px; } .list-collection.slider.categories span { font-size: 15px; color: var(--headingsColor); } } #logo img, #footer nav figure img, #top #logo { width: 250px; max-width: 250px; } .list-collection .img.home-custom-banners { min-height:400px; } .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, .form-product .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); } #compare-btn { position: fixed; top: 20%; right: 2%; width: 100%; z-index: 9999; width: 80px; height: 80px; background: #fff; text-align:center; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.08); box-shadow: 0 0 20px 0 rgba(0,0,0,0.08); padding: 20px 0; margin:0; display:none; transform: translate(-50% 0); border-radius: 80px; } #compare-btn.active { display:block } #compare-btn a { color:#000; text-decoration:none; font-size: 11px; display: block; position: relative; height: 80px; color: var(--black); } #compare-btn a i { display: block; margin: 0 auto 5px; font-size: 22px; } #compare-btn a span { display:block; } #compare-btn a .compare-items { display: block; position: absolute; right: 50%; top: -9px; min-width: 19px; height: 19px; margin: 0 -26px 0 0; padding: 0 3px; border-radius: 19px; background: var(--accent); color: var(--white); font-size: 12px; line-height: 19px; text-align: center; } @media screen and (max-width:992px) { #compare-btn { bottom: 25%; right: 2%; top:unset; } } @media only screen and (max-width: 25em) { #logo img, #footer nav figure img { width: 80px; } } @media only screen and (min-width:1000px) { .cols-c.no-sidebar > aside { display:none; } } .add-size-to-cart.full-width{ width: 100%!important; } .add-size-to-cart{ background: var(--addtocartbutton); } .add-size-to-cart:after{ background: var(--addtocartbutton); border: none; } .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; } .hero-1 h2, .hero-1 p, .module-featured .hero-1 ul.list-inline li a { color: #ffffff; } .hero-2 h2, .hero-2 p, .module-featured .hero-2 ul.list-inline li a { color: #ffffff; } .hero-3 h2, .hero-3 p, .module-featured .hero-3 ul.list-inline li a { color: #ffffff; } .section-6 h2, .section-6 p, .section-6.module-wide ul.list-inline li a { color: #ffffff; } ul.banner-grid li:nth-of-type(1) div p, ul.banner-grid li:nth-of-type(1) div h3, ul.banner-grid li:nth-of-type(1) div a { color: #ffffff !important; } ul.banner-grid li:nth-of-type(2) div p, ul.banner-grid li:nth-of-type(2) div h3, ul.banner-grid li:nth-of-type(2) div a { color: #ffffff !important; } ul.banner-grid li:nth-of-type(3) div p, ul.banner-grid li:nth-of-type(3) div h3, ul.banner-grid li:nth-of-type(3) div a { color: #ffffff !important; } ul.banner-grid li:nth-of-type(4) div p, ul.banner-grid li:nth-of-type(4) div h3, ul.banner-grid li:nth-of-type(4) div a { color: #ffffff !important; } ul.banner-grid li:nth-of-type(1) div a { color: #ffffff !important; } .list-collection .img.home-custom-banners.banner-1.lazy-bg-loaded { background: url(https://cdn.shoplightspeed.com/shops/612803/themes/10598/v/701374/assets/image-1-banner-section-2.jpg?20230602015457?20230602012852) !important; background-size: cover !important; } .list-collection .img.home-custom-banners.banner-2.lazy-bg-loaded { background: url(https://cdn.shoplightspeed.com/shops/612803/themes/10598/v/787184/assets/image-2-banner-section-2.jpg?20230602015457?20230602012910) !important; background-size: cover !important; } .list-collection .img.home-custom-banners.banner-3.lazy-bg-loaded { background: url(https://cdn.shoplightspeed.com/shops/612803/themes/10598/v/787186/assets/image-3-banner-section-2.jpg?20230602015457?20230602013540) !important; background-size: cover !important; } @media(max-width: 761px){ .list-collection .img.home-custom-banners.with-mobile-image.banner-1.lazy-bg-loaded { background: url(image-1-mobile-banner-section-2.jpg?20230602015457) !important; background-size: cover !important; } .list-collection .img.home-custom-banners.with-mobile-image.banner-2.lazy-bg-loaded { background: url(image-2-mobile-banner-section-2.jpg?20230602015457) !important; background-size: cover !important; } .list-collection .img.home-custom-banners.with-mobile-image.banner-3.lazy-bg-loaded { background: url(image-3-mobile-banner-section-2.jpg?20230602015457) !important; background-size: cover !important; } } .module-featured .hero-1 ul.list-btn li a { background: #000000; color: var(--white); z-index: 2; } .module-featured .hero-2 ul.list-btn li a { background: #ffffff; color: var(--white); z-index: 2; } .module-featured .hero-3 ul.list-btn li a { background: #000000; color: var(--white); z-index: 2; } .list-big.cols.banner-grid li:nth-of-type(1) .link-btn a, .list-big.wide.banner-grid li:nth-of-type(1) .link-btn a { background-color: #000000; color: #fff !important; } .list-big.cols.banner-grid li:nth-of-type(2) .link-btn a, .list-big.wide.banner-grid li:nth-of-type(2) .link-btn a { background-color: #000000; color: #fff !important; } .list-big.cols.banner-grid li:nth-of-type(3) .link-btn a, .list-big.wide.banner-grid li:nth-of-type(3) .link-btn a { background-color: #000000; color: #fff !important; } .list-big.cols.banner-grid li:nth-of-type(4) .link-btn a { background-color: #000000; color: #fff !important; } .list-big.cols.banner-grid.inv-4 li:nth-of-type(3) .link-btn a { background-color: #000000; color: #fff !important; } .list-big.cols.banner-grid.inv-4 li:nth-of-type(1) .link-btn a { background-color: #000000; color: #fff !important; } .list-collection.compact li form p button{ background: var(--addtocartbutton); } .section-6.module-wide ul.list-inline li .link-btn a { background: #000000; 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); } #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: white; border: 1px solid var(--buttons); background: var(--buttons); } .list-cart ul a.in-wishlist { display:none; } #root .m0 { margin-bottom: 0; } @media only screen and (max-width: 47.5em) { /* 760 */ ul.banner-grid li:nth-of-type(1) div p, ul.banner-grid li:nth-of-type(1) div h3, ul.banner-grid li:nth-of-type(1) div a { color: var(--headingsColor) !important; } ul.banner-grid li:nth-of-type(2) div p, ul.banner-grid li:nth-of-type(2) div h3, ul.banner-grid li:nth-of-type(2) div a { color: var(--headingsColor) !important; } ul.banner-grid li:nth-of-type(3) div p, ul.banner-grid li:nth-of-type(3) div h3, ul.banner-grid li:nth-of-type(3) div a { color: var(--headingsColor) !important; } ul.banner-grid li:nth-of-type(4) div p, ul.banner-grid li:nth-of-type(4) div h3, ul.banner-grid li:nth-of-type(4) div a { color: var(--headingsColor) !important; } ul.banner-grid li:nth-of-type(1) div p.link-btn a{ background-color: #000000; color: #fff !important; } ul.banner-grid li:nth-of-type(2) div p.link-btn a{ background-color: #000000; color: #fff !important; } ul.banner-grid li:nth-of-type(3) div p.link-btn a{ background-color: #000000; color: #fff !important; } ul.banner-grid li:nth-of-type(4) div p.link-btn a{ background-color: #000000; color: #fff !important; } .list-big.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 { text-align: left !important; } #root .list-big.text-mobile-left .link-btn, #root .text-mobile-left .list-btn.a { -webkit-justify-content: flex-start; justify-content: flex-start; } #root .text-mobile-left .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root .text-mobile-left .link-btn a { align-self: self-start; flex: 0 1 auto; } } @media(max-width: 363px){ .list-checkout ul li{ font-size: 1em; } } .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 .right{ position: relative; width: 50%; float: right; padding: 254px 63px; } .form-welcome.news-letter-popup .box-inset .right #formNewsletterEmail{ width: 50%; float: left; margin-bottom: 0; margin-top: 38px; } .form-welcome.news-letter-popup .box-inset .right p{ margin-bottom: 0; } .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; padding-top: 15px; padding-bottom: 15px; } .form-welcome.news-letter-popup .box-inner p{ font-size: 14px; } .form-welcome.news-letter-popup .box-inner h2{ font-size: 24px; max-width: calc(100% - 30px); } @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 (max-width: 600px) { .form-welcome.news-letter-popup .box-inner { width: 100%; } } @media only screen and (max-width: 480px) { .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; } } .second-image{ background-color: #fff; position: absolute!important; z-index: 2!important; } /* Safari Hotfix */ #login { display:none; } .login-active #login { display: unset; } /* End Safari Hotfix */ @media screen and (min-width: 1200px) and (max-width: 1350px) { .list-slider { max-width: 400px!important; } } .product-content p strong, .product-content p strong *, .product-content p b, .product-content p b * { font-weight: bold; } strong, b { font-weight: 900; } .around-link { text-decoration: none; } .module-featured .around-link:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .list-feed div{ position: relative; width: 16.66666667%; display: inline-block; margin-bottom: -6px; } .list-feed div:after { content: ""; display: block; padding-bottom: 100%; /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */ } .list-feed div ul{ font-size: 1.5em; } .list-feed div img, .list-feed div video { position: absolute; /* Take your picture out of the flow */ top: 0; bottom: 0; left: 0; right: 0; /* Make the picture taking the size of it's parent */ width: 100%!important; /* This if for the object-fit */ height: 100%!important; object-fit: cover; object-position: center; } /* @media only screen and (max-width: 84.375em) { .list-feed div{ width: 20%; } } @media only screen and (max-width: 75em) { .list-feed div{ width: 25%; } } */ @media only screen and (max-width: 62.5em) { .list-feed div{ width: 33.33333333%; } } .list-comments h3 span a:hover { cursor: initial; } /* Loyalty rewards - START */ .rewards-wrapper { border-top: 1px solid #f3f3f3; padding-top: 18px; } .rewards-wrapper .total-points { display: flex; font-size: 14px; justify-content: space-between; } .rewards-wrapper .total-points span { color: #6bb099; font-weight: 600; } .rewards-wrapper .rewards ul { padding: 0; } .rewards-wrapper .rewards form { border-bottom: 1px solid #EEE; display: flex; font-size: 14px; justify-content: space-between; padding: 15px 0px; } .rewards-wrapper .rewards form:last-of-type { border-bottom: none; padding-bottom: 0; } .rewards-wrapper .rewards form > div { width: calc(100% - 100px); } .rewards-wrapper .rewards form > .actions { text-align: right; width: 100px; } .rewards-wrapper .rewards .for-product { color: #8c8c8c; } .rewards-wrapper .rewards .points { color: #8c8c8c; } .rewards-wrapper .rewards button { background-color: var(--addtocartbutton); color: #fff; font-size: 14px; min-width: 0; padding: 5px 8px; width: 100%; } .rewards-wrapper .btn.delete { background: transparent !important; border: 1px solid#A00000 !important; color: #A00000; margin-right: 0; width: 100%; } .rewards-wrapper .btn.delete:after { display: none; } .rewards-wrapper .loyalty-learn-more a { font-size: 14px; } .rewards-wrapper .loyalty-learn-more p { margin-bottom: 0; } .rewards-wrapper .loyalty-learn-more .btn { margin-right: 0; margin-top: 10px; width: 100%; } .gui-checkout.gui-checkout-one-page #gui-block-review .gui-item.gui-big { padding-bottom: 15px; } #gui-wrapper .gui-checkout-steps .gui-buttons.gui-buttons-large { float: none; } /* Loyalty rewards - END */ /* Gift card - START */ #root .list-checkout li.giftcard .semantic-number a { display: none; } body.model-open #top { z-index: 0 !important; } body.model-open #giftcard-modal-wrapper { z-index: 9999999; } body #giftcard-modal-wrapper .giftcard-modal { left: 50%; position: fixed; top: 50%; transform: translate(-50%, -50%); } #giftcard-modal-wrapper .giftcard-modal .giftcard-modal-header { align-items: center; } #giftcard-modal-wrapper .giftcard-modal #giftcard-modal-close.close { align-items: center; background: transparent !important; border: none; cursor: pointer; font-size: 25px; margin: 0; min-width: 20px; padding: 0; } #giftcard-modal-wrapper .giftcard-modal #giftcard-modal-close.close::after { display: none; } #giftcard-modal-wrapper #giftcard-modal-content .giftcard-modal-form-main { padding-bottom: 30px; padding-top: 30px; } #giftcard-modal-wrapper .giftcard-modal-form-main #giftcard-check-form .giftcard-check-form-field label { margin-bottom: 5px; } #giftcard-modal-wrapper .giftcard-modal-form-main #giftcard-check-form .giftcard-check-action { cursor: pointer; margin-top: 10px; width: 100%; } #giftcard-modal-wrapper .giftcard-modal-form-main #giftcard-check-form .giftcard-check-action i.icon-user { display: none; } #giftcard-modal-wrapper .giftcard-modal .giftcard-modal-footer { height: auto; } #giftcard-modal-wrapper .giftcard-modal #giftcard-modal-footer button { border: none; cursor: pointer; } /* Gift card - END */