/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable at-rule-no-vendor-prefix */ html, body { background-color: #fff; } * { box-sizing: border-box; } html::before { content: ''; width: 100%; height: 100%; min-height: 100vh; display: block; opacity: 0; position: absolute; z-index: -1; background: #fff; transition: opacity 0.2s, z-index 0.2s step-end; } picture { display: block; line-height: 0; } .content { transition: opacity 0.4s ease; box-sizing: border-box; opacity: 1; margin-right: auto; margin-left: auto; } #main, .main { position: relative; width: 100%; } .wrapper { position: relative; width: calc(100% - 3.6rem); margin: 0 auto; } .wrapper.wrapper-full { width: 100%; } .screen-size-indicator { position: absolute; top: -999em; left: -999em; } .screen-size-indicator::before { content: 'small'; } @media screen and (min-width: 768px) { .screen-size-indicator::before { content: 'medium'; } } @media screen and (min-width: 1024px) { .screen-size-indicator::before { content: 'large'; } } .no-touchevents .scrollable { overflow: auto; } .touchevents .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .scrollable::-webkit-scrollbar { display: none; } .image { transition: opacity 0.4s ease; display: block; height: 0; max-width: 100%; opacity: 0; padding-bottom: 166%; } .image--finished { opacity: 1; height: auto; padding-bottom: 0; } .image--centered { margin: 0 auto; } .full-width { width: 100%; } .view { max-width: 100%; } .toggle { cursor: pointer; } .lazyload, .lazyloading, .lazyloaded { transition: 0.3s opacity ease-out; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; } .price-adjusted { color: #f00; } .price-non-adjusted { color: #000; text-decoration: line-through; } .price-sales { color: #000; } .range .price-sales { display: inline-block; } .range .crossed-price { display: inline-block; text-decoration: line-through; } .range .crossed-price .price-sales { display: block; } .display-none { display: none; } .display-block { display: block; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-center .widget-image-banner__header { margin: 0 auto; } .text-align-right { text-align: right; } .text-align-right .widget-image-banner__header { margin-left: auto; } .order-first { order: 0; } .order-last { order: 1; } .color-white { color: #fff; } .color-black { color: #000; } .background-color-white { background-color: #fff; } .image_banner_text-mobile_top { top: 5rem; left: 2rem; bottom: auto; right: auto; } .image_banner_text-mobile_center { top: 30%; left: 2rem; bottom: auto; right: auto; } .image_banner_text-mobile_bottom { bottom: 5rem; left: 2rem; top: auto; right: auto; } #launcher { max-height: 50% !important; top: auto !important; bottom: 1.5rem; right: 0 !important; visibility: visible !important; opacity: 1 !important; } .error-container { padding: 3rem 1.8rem; text-align: center; } .error-container .error-header { max-width: 60rem; margin: 0 auto; font-size: 2rem; line-height: 1.3; } .error-container .error-description { max-width: 60rem; margin: 1rem auto 0 auto; font-size: 2rem; } .error-container .error-continue-shopping { max-width: 60rem; display: block; margin: 3rem auto 0 auto; font-size: 2rem; } /* Adyen Fix */ .modal-dialog { pointer-events: all !important; } .modal-dialog > #action-container > div { background-color: #fff; margin: 0 auto; } /* Accessibility */ .sr-only { position: absolute; left: -10000px; height: 1px; width: 1px; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .reset-list { list-style: none; margin: 0; padding: 0; } .show-for-small, .hide-for-large, .hide-for-medium { display: block !important; } .show-for-large, .show-for-medium, .hide-for-small { display: none !important; } .show-for-small-inline, .hide-for-large-inline, .hide-for-medium-inline { display: inline-block !important; } .show-for-large-inline, .show-for-medium-inline, .hide-for-small-inline { display: none !important; } @media screen and (min-width: 768px) { .show-for-medium, .hide-for-large, .hide-for-small { display: block !important; } .show-for-large, .show-for-small, .hide-for-medium { display: none !important; } .show-for-medium-inline, .hide-for-large-inline, .hide-for-small-inline { display: inline-block !important; } .show-for-large-inline, .show-for-small-inline, .hide-for-medium-inline { display: none !important; } } @media screen and (min-width: 1024px) { .show-for-large, .hide-for-medium, .hide-for-small { display: block !important; } .show-for-medium, .show-for-small, .hide-for-large { display: none !important; } .show-for-large-inline, .hide-for-medium-inline, .hide-for-small-inline { display: inline-block !important; } .show-for-medium-inline, .show-for-small-inline, .hide-for-large-inline { display: none !important; } } .group::before, .group::after, .clearfix::before, .clearfix::after { content: ' '; display: table; } .group::after, .clearfix::after { clear: both; } .clear { clear: both; } .pull-left { float: left !important; } .pull-right { float: right !important; } .reset-border { border: none !important; } .hidden { display: none !important; } .uppercase, .uppercase.vcr { text-transform: uppercase; } .lowercase { text-transform: lowercase; } body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] { transition-duration: 50ms; } body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] { transition-delay: 0; } body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate { transition-delay: 50ms; } body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] { transition-duration: 100ms; } body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] { transition-delay: 0; } body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate { transition-delay: 100ms; } body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] { transition-duration: 150ms; } body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] { transition-delay: 0; } body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate { transition-delay: 150ms; } body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] { transition-duration: 200ms; } body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] { transition-delay: 0; } body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate { transition-delay: 200ms; } body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] { transition-duration: 250ms; } body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] { transition-delay: 0; } body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate { transition-delay: 250ms; } body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] { transition-duration: 300ms; } body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] { transition-delay: 0; } body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate { transition-delay: 300ms; } body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] { transition-duration: 350ms; } body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] { transition-delay: 0; } body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate { transition-delay: 350ms; } body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] { transition-duration: 400ms; } body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] { transition-delay: 0; } body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate { transition-delay: 400ms; } body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] { transition-duration: 450ms; } body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] { transition-delay: 0; } body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate { transition-delay: 450ms; } body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] { transition-duration: 500ms; } body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] { transition-delay: 0; } body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate { transition-delay: 500ms; } body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] { transition-duration: 550ms; } body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] { transition-delay: 0; } body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate { transition-delay: 550ms; } body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] { transition-duration: 600ms; } body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] { transition-delay: 0; } body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate { transition-delay: 600ms; } body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] { transition-duration: 650ms; } body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] { transition-delay: 0; } body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate { transition-delay: 650ms; } body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] { transition-duration: 700ms; } body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] { transition-delay: 0; } body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate { transition-delay: 700ms; } body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] { transition-duration: 750ms; } body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] { transition-delay: 0; } body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate { transition-delay: 750ms; } body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] { transition-duration: 800ms; } body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] { transition-delay: 0; } body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate { transition-delay: 800ms; } body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] { transition-duration: 850ms; } body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] { transition-delay: 0; } body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate { transition-delay: 850ms; } body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] { transition-duration: 900ms; } body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] { transition-delay: 0; } body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate { transition-delay: 900ms; } body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] { transition-duration: 950ms; } body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] { transition-delay: 0; } body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate { transition-delay: 950ms; } body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] { transition-duration: 1000ms; } body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] { transition-delay: 0; } body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate { transition-delay: 1000ms; } body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] { transition-duration: 1050ms; } body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] { transition-delay: 0; } body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate { transition-delay: 1050ms; } body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] { transition-duration: 1100ms; } body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] { transition-delay: 0; } body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate { transition-delay: 1100ms; } body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] { transition-duration: 1150ms; } body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] { transition-delay: 0; } body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate { transition-delay: 1150ms; } body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] { transition-duration: 1200ms; } body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] { transition-delay: 0; } body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate { transition-delay: 1200ms; } body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] { transition-duration: 1250ms; } body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] { transition-delay: 0; } body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate { transition-delay: 1250ms; } body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] { transition-duration: 1300ms; } body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] { transition-delay: 0; } body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate { transition-delay: 1300ms; } body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] { transition-duration: 1350ms; } body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] { transition-delay: 0; } body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate { transition-delay: 1350ms; } body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] { transition-duration: 1400ms; } body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] { transition-delay: 0; } body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate { transition-delay: 1400ms; } body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] { transition-duration: 1450ms; } body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] { transition-delay: 0; } body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate { transition-delay: 1450ms; } body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] { transition-duration: 1500ms; } body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] { transition-delay: 0; } body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate { transition-delay: 1500ms; } body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] { transition-duration: 1550ms; } body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] { transition-delay: 0; } body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate { transition-delay: 1550ms; } body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] { transition-duration: 1600ms; } body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] { transition-delay: 0; } body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate { transition-delay: 1600ms; } body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] { transition-duration: 1650ms; } body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] { transition-delay: 0; } body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate { transition-delay: 1650ms; } body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] { transition-duration: 1700ms; } body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] { transition-delay: 0; } body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate { transition-delay: 1700ms; } body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] { transition-duration: 1750ms; } body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] { transition-delay: 0; } body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate { transition-delay: 1750ms; } body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] { transition-duration: 1800ms; } body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] { transition-delay: 0; } body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate { transition-delay: 1800ms; } body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] { transition-duration: 1850ms; } body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] { transition-delay: 0; } body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate { transition-delay: 1850ms; } body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] { transition-duration: 1900ms; } body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] { transition-delay: 0; } body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate { transition-delay: 1900ms; } body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] { transition-duration: 1950ms; } body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] { transition-delay: 0; } body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate { transition-delay: 1950ms; } body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] { transition-duration: 2000ms; } body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] { transition-delay: 0; } body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate { transition-delay: 2000ms; } body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] { transition-duration: 2050ms; } body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] { transition-delay: 0; } body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate { transition-delay: 2050ms; } body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] { transition-duration: 2100ms; } body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] { transition-delay: 0; } body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate { transition-delay: 2100ms; } body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] { transition-duration: 2150ms; } body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] { transition-delay: 0; } body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate { transition-delay: 2150ms; } body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] { transition-duration: 2200ms; } body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] { transition-delay: 0; } body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate { transition-delay: 2200ms; } body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] { transition-duration: 2250ms; } body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] { transition-delay: 0; } body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate { transition-delay: 2250ms; } body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] { transition-duration: 2300ms; } body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] { transition-delay: 0; } body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate { transition-delay: 2300ms; } body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] { transition-duration: 2350ms; } body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] { transition-delay: 0; } body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate { transition-delay: 2350ms; } body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] { transition-duration: 2400ms; } body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] { transition-delay: 0; } body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate { transition-delay: 2400ms; } body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] { transition-duration: 2450ms; } body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] { transition-delay: 0; } body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate { transition-delay: 2450ms; } body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] { transition-duration: 2500ms; } body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] { transition-delay: 0; } body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate { transition-delay: 2500ms; } body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] { transition-duration: 2550ms; } body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] { transition-delay: 0; } body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate { transition-delay: 2550ms; } body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] { transition-duration: 2600ms; } body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] { transition-delay: 0; } body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate { transition-delay: 2600ms; } body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] { transition-duration: 2650ms; } body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] { transition-delay: 0; } body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate { transition-delay: 2650ms; } body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] { transition-duration: 2700ms; } body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] { transition-delay: 0; } body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate { transition-delay: 2700ms; } body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] { transition-duration: 2750ms; } body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] { transition-delay: 0; } body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate { transition-delay: 2750ms; } body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] { transition-duration: 2800ms; } body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] { transition-delay: 0; } body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate { transition-delay: 2800ms; } body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] { transition-duration: 2850ms; } body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] { transition-delay: 0; } body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate { transition-delay: 2850ms; } body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] { transition-duration: 2900ms; } body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] { transition-delay: 0; } body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate { transition-delay: 2900ms; } body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] { transition-duration: 2950ms; } body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] { transition-delay: 0; } body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate { transition-delay: 2950ms; } body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] { transition-duration: 3000ms; } body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] { transition-delay: 0; } body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate { transition-delay: 3000ms; } body[data-aos-easing='linear'] [data-aos], [data-aos][data-aos][data-aos-easing='linear'] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing='ease'] [data-aos], [data-aos][data-aos][data-aos-easing='ease'] { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing='ease-in'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in'] { transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing='ease-out'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out'] { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing='ease-in-out'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out'] { transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing='ease-in-back'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-back'] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing='ease-out-back'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-back'] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing='ease-in-out-back'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-back'] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing='ease-in-sine'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-sine'] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing='ease-out-sine'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-sine'] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing='ease-in-out-sine'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-sine'] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing='ease-in-quad'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-quad'] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing='ease-out-quad'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-quad'] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing='ease-in-out-quad'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-quad'] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing='ease-in-cubic'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-cubic'] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing='ease-out-cubic'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-cubic'] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing='ease-in-out-cubic'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-cubic'] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing='ease-in-quart'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-quart'] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing='ease-out-quart'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-out-quart'] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing='ease-in-out-quart'] [data-aos], [data-aos][data-aos][data-aos-easing='ease-in-out-quart'] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-aos^='fade'][data-aos^='fade'] { opacity: 0; transition-property: opacity, transform; } [data-aos^='fade'][data-aos^='fade'].aos-animate { opacity: 1; transform: translate3d(0, 0, 0); } [data-aos='fade-up'] { transform: translate3d(0, 20px, 0); } [data-aos='fade-down'] { transform: translate3d(0, -20px, 0); } [data-aos='fade-right'] { transform: translate3d(-20px, 0, 0); } [data-aos='fade-left'] { transform: translate3d(20px, 0, 0); } [data-aos='fade-up-right'] { transform: translate3d(-20px, 20px, 0); } [data-aos='fade-up-left'] { transform: translate3d(20px, 20px, 0); } [data-aos='fade-down-right'] { transform: translate3d(-20px, -20px, 0); } [data-aos='fade-down-left'] { transform: translate3d(20px, -20px, 0); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-aos^='zoom'][data-aos^='zoom'] { opacity: 0; transition-property: opacity, transform; } [data-aos^='zoom'][data-aos^='zoom'].aos-animate { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } [data-aos='zoom-in'] { transform: scale(0.6); } [data-aos='zoom-in-up'] { transform: translate3d(0, 20px, 0) scale(0.6); } [data-aos='zoom-in-down'] { transform: translate3d(0, -20px, 0) scale(0.6); } [data-aos='zoom-in-right'] { transform: translate3d(-20px, 0, 0) scale(0.6); } [data-aos='zoom-in-left'] { transform: translate3d(20px, 0, 0) scale(0.6); } [data-aos='zoom-out'] { transform: scale(1.2); } [data-aos='zoom-out-up'] { transform: translate3d(0, 20px, 0) scale(1.2); } [data-aos='zoom-out-down'] { transform: translate3d(0, -20px, 0) scale(1.2); } [data-aos='zoom-out-right'] { transform: translate3d(-20px, 0, 0) scale(1.2); } [data-aos='zoom-out-left'] { transform: translate3d(20px, 0, 0) scale(1.2); } /** * Slide animations */ [data-aos^='slide'][data-aos^='slide'] { transition-property: transform; } [data-aos^='slide'][data-aos^='slide'].aos-animate { transform: translate3d(0, 0, 0); } [data-aos='slide-up'] { transform: translate3d(0, 100%, 0); } [data-aos='slide-down'] { transform: translate3d(0, -100%, 0); } [data-aos='slide-right'] { transform: translate3d(-100%, 0, 0); } [data-aos='slide-left'] { transform: translate3d(100%, 0, 0); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [data-aos^='flip'][data-aos^='flip'] { backface-visibility: hidden; transition-property: transform; } [data-aos='flip-left'] { transform: perspective(2500px) rotateY(-100deg); } [data-aos='flip-left'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-right'] { transform: perspective(2500px) rotateY(100deg); } [data-aos='flip-right'].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos='flip-up'] { transform: perspective(2500px) rotateX(-100deg); } [data-aos='flip-up'].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos='flip-down'] { transform: perspective(2500px) rotateX(100deg); } [data-aos='flip-down'].aos-animate { transform: perspective(2500px) rotateX(0); } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .flag-icon-background, .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { position: relative; display: inline-block; width: 1.33333em; line-height: 1em; } .flag-icon:before { content: '\A0'; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ad { background-image: url(../flags/4x3/ad.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(../flags/1x1/ad.svg); } .flag-icon-ae { background-image: url(../flags/4x3/ae.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(../flags/1x1/ae.svg); } .flag-icon-af { background-image: url(../flags/4x3/af.svg); } .flag-icon-af.flag-icon-squared { background-image: url(../flags/1x1/af.svg); } .flag-icon-ag { background-image: url(../flags/4x3/ag.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(../flags/1x1/ag.svg); } .flag-icon-ai { background-image: url(../flags/4x3/ai.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(../flags/1x1/ai.svg); } .flag-icon-al { background-image: url(../flags/4x3/al.svg); } .flag-icon-al.flag-icon-squared { background-image: url(../flags/1x1/al.svg); } .flag-icon-am { background-image: url(../flags/4x3/am.svg); } .flag-icon-am.flag-icon-squared { background-image: url(../flags/1x1/am.svg); } .flag-icon-ao { background-image: url(../flags/4x3/ao.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(../flags/1x1/ao.svg); } .flag-icon-aq { background-image: url(../flags/4x3/aq.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(../flags/1x1/aq.svg); } .flag-icon-ar { background-image: url(../flags/4x3/ar.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(../flags/1x1/ar.svg); } .flag-icon-as { background-image: url(../flags/4x3/as.svg); } .flag-icon-as.flag-icon-squared { background-image: url(../flags/1x1/as.svg); } .flag-icon-at { background-image: url(../flags/4x3/at.svg); } .flag-icon-at.flag-icon-squared { background-image: url(../flags/1x1/at.svg); } .flag-icon-au { background-image: url(../flags/4x3/au.svg); } .flag-icon-au.flag-icon-squared { background-image: url(../flags/1x1/au.svg); } .flag-icon-aw { background-image: url(../flags/4x3/aw.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(../flags/1x1/aw.svg); } .flag-icon-ax { background-image: url(../flags/4x3/ax.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(../flags/1x1/ax.svg); } .flag-icon-az { background-image: url(../flags/4x3/az.svg); } .flag-icon-az.flag-icon-squared { background-image: url(../flags/1x1/az.svg); } .flag-icon-ba { background-image: url(../flags/4x3/ba.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(../flags/1x1/ba.svg); } .flag-icon-bb { background-image: url(../flags/4x3/bb.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(../flags/1x1/bb.svg); } .flag-icon-bd { background-image: url(../flags/4x3/bd.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(../flags/1x1/bd.svg); } .flag-icon-be { background-image: url(../flags/4x3/be.svg); } .flag-icon-be.flag-icon-squared { background-image: url(../flags/1x1/be.svg); } .flag-icon-bf { background-image: url(../flags/4x3/bf.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(../flags/1x1/bf.svg); } .flag-icon-bg { background-image: url(../flags/4x3/bg.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(../flags/1x1/bg.svg); } .flag-icon-bh { background-image: url(../flags/4x3/bh.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(../flags/1x1/bh.svg); } .flag-icon-bi { background-image: url(../flags/4x3/bi.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(../flags/1x1/bi.svg); } .flag-icon-bj { background-image: url(../flags/4x3/bj.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(../flags/1x1/bj.svg); } .flag-icon-bl { background-image: url(../flags/4x3/bl.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(../flags/1x1/bl.svg); } .flag-icon-bm { background-image: url(../flags/4x3/bm.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(../flags/1x1/bm.svg); } .flag-icon-bn { background-image: url(../flags/4x3/bn.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(../flags/1x1/bn.svg); } .flag-icon-bo { background-image: url(../flags/4x3/bo.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(../flags/1x1/bo.svg); } .flag-icon-bq { background-image: url(../flags/4x3/bq.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(../flags/1x1/bq.svg); } .flag-icon-br { background-image: url(../flags/4x3/br.svg); } .flag-icon-br.flag-icon-squared { background-image: url(../flags/1x1/br.svg); } .flag-icon-bs { background-image: url(../flags/4x3/bs.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(../flags/1x1/bs.svg); } .flag-icon-bt { background-image: url(../flags/4x3/bt.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(../flags/1x1/bt.svg); } .flag-icon-bv { background-image: url(../flags/4x3/bv.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(../flags/1x1/bv.svg); } .flag-icon-bw { background-image: url(../flags/4x3/bw.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(../flags/1x1/bw.svg); } .flag-icon-by { background-image: url(../flags/4x3/by.svg); } .flag-icon-by.flag-icon-squared { background-image: url(../flags/1x1/by.svg); } .flag-icon-bz { background-image: url(../flags/4x3/bz.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(../flags/1x1/bz.svg); } .flag-icon-ca { background-image: url(../flags/4x3/ca.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(../flags/1x1/ca.svg); } .flag-icon-cc { background-image: url(../flags/4x3/cc.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(../flags/1x1/cc.svg); } .flag-icon-cd { background-image: url(../flags/4x3/cd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(../flags/1x1/cd.svg); } .flag-icon-cf { background-image: url(../flags/4x3/cf.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(../flags/1x1/cf.svg); } .flag-icon-cg { background-image: url(../flags/4x3/cg.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(../flags/1x1/cg.svg); } .flag-icon-ch { background-image: url(../flags/4x3/ch.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(../flags/1x1/ch.svg); } .flag-icon-ci { background-image: url(../flags/4x3/ci.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(../flags/1x1/ci.svg); } .flag-icon-ck { background-image: url(../flags/4x3/ck.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(../flags/1x1/ck.svg); } .flag-icon-cl { background-image: url(../flags/4x3/cl.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(../flags/1x1/cl.svg); } .flag-icon-cm { background-image: url(../flags/4x3/cm.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(../flags/1x1/cm.svg); } .flag-icon-cn { background-image: url(../flags/4x3/cn.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(../flags/1x1/cn.svg); } .flag-icon-co { background-image: url(../flags/4x3/co.svg); } .flag-icon-co.flag-icon-squared { background-image: url(../flags/1x1/co.svg); } .flag-icon-cr { background-image: url(../flags/4x3/cr.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(../flags/1x1/cr.svg); } .flag-icon-cu { background-image: url(../flags/4x3/cu.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(../flags/1x1/cu.svg); } .flag-icon-cv { background-image: url(../flags/4x3/cv.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(../flags/1x1/cv.svg); } .flag-icon-cw { background-image: url(../flags/4x3/cw.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(../flags/1x1/cw.svg); } .flag-icon-cx { background-image: url(../flags/4x3/cx.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(../flags/1x1/cx.svg); } .flag-icon-cy { background-image: url(../flags/4x3/cy.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(../flags/1x1/cy.svg); } .flag-icon-cz { background-image: url(../flags/4x3/cz.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(../flags/1x1/cz.svg); } .flag-icon-de { background-image: url(../flags/4x3/de.svg); } .flag-icon-de.flag-icon-squared { background-image: url(../flags/1x1/de.svg); } .flag-icon-dj { background-image: url(../flags/4x3/dj.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(../flags/1x1/dj.svg); } .flag-icon-dk { background-image: url(../flags/4x3/dk.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(../flags/1x1/dk.svg); } .flag-icon-dm { background-image: url(../flags/4x3/dm.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(../flags/1x1/dm.svg); } .flag-icon-do { background-image: url(../flags/4x3/do.svg); } .flag-icon-do.flag-icon-squared { background-image: url(../flags/1x1/do.svg); } .flag-icon-dz { background-image: url(../flags/4x3/dz.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(../flags/1x1/dz.svg); } .flag-icon-ec { background-image: url(../flags/4x3/ec.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(../flags/1x1/ec.svg); } .flag-icon-ee { background-image: url(../flags/4x3/ee.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(../flags/1x1/ee.svg); } .flag-icon-eg { background-image: url(../flags/4x3/eg.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(../flags/1x1/eg.svg); } .flag-icon-eh { background-image: url(../flags/4x3/eh.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(../flags/1x1/eh.svg); } .flag-icon-er { background-image: url(../flags/4x3/er.svg); } .flag-icon-er.flag-icon-squared { background-image: url(../flags/1x1/er.svg); } .flag-icon-es { background-image: url(../flags/4x3/es.svg); } .flag-icon-es.flag-icon-squared { background-image: url(../flags/1x1/es.svg); } .flag-icon-et { background-image: url(../flags/4x3/et.svg); } .flag-icon-et.flag-icon-squared { background-image: url(../flags/1x1/et.svg); } .flag-icon-fi { background-image: url(../flags/4x3/fi.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(../flags/1x1/fi.svg); } .flag-icon-fj { background-image: url(../flags/4x3/fj.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(../flags/1x1/fj.svg); } .flag-icon-fk { background-image: url(../flags/4x3/fk.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(../flags/1x1/fk.svg); } .flag-icon-fm { background-image: url(../flags/4x3/fm.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(../flags/1x1/fm.svg); } .flag-icon-fo { background-image: url(../flags/4x3/fo.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(../flags/1x1/fo.svg); } .flag-icon-fr { background-image: url(../flags/4x3/fr.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(../flags/1x1/fr.svg); } .flag-icon-ga { background-image: url(../flags/4x3/ga.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(../flags/1x1/ga.svg); } .flag-icon-gb { background-image: url(../flags/4x3/gb.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(../flags/1x1/gb.svg); } .flag-icon-gd { background-image: url(../flags/4x3/gd.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(../flags/1x1/gd.svg); } .flag-icon-ge { background-image: url(../flags/4x3/ge.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(../flags/1x1/ge.svg); } .flag-icon-gf { background-image: url(../flags/4x3/gf.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(../flags/1x1/gf.svg); } .flag-icon-gg { background-image: url(../flags/4x3/gg.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(../flags/1x1/gg.svg); } .flag-icon-gh { background-image: url(../flags/4x3/gh.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(../flags/1x1/gh.svg); } .flag-icon-gi { background-image: url(../flags/4x3/gi.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(../flags/1x1/gi.svg); } .flag-icon-gl { background-image: url(../flags/4x3/gl.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(../flags/1x1/gl.svg); } .flag-icon-gm { background-image: url(../flags/4x3/gm.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(../flags/1x1/gm.svg); } .flag-icon-gn { background-image: url(../flags/4x3/gn.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(../flags/1x1/gn.svg); } .flag-icon-gp { background-image: url(../flags/4x3/gp.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(../flags/1x1/gp.svg); } .flag-icon-gq { background-image: url(../flags/4x3/gq.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(../flags/1x1/gq.svg); } .flag-icon-gr { background-image: url(../flags/4x3/gr.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(../flags/1x1/gr.svg); } .flag-icon-gs { background-image: url(../flags/4x3/gs.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(../flags/1x1/gs.svg); } .flag-icon-gt { background-image: url(../flags/4x3/gt.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(../flags/1x1/gt.svg); } .flag-icon-gu { background-image: url(../flags/4x3/gu.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(../flags/1x1/gu.svg); } .flag-icon-gw { background-image: url(../flags/4x3/gw.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(../flags/1x1/gw.svg); } .flag-icon-gy { background-image: url(../flags/4x3/gy.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(../flags/1x1/gy.svg); } .flag-icon-hk { background-image: url(../flags/4x3/hk.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(../flags/1x1/hk.svg); } .flag-icon-hm { background-image: url(../flags/4x3/hm.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(../flags/1x1/hm.svg); } .flag-icon-hn { background-image: url(../flags/4x3/hn.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(../flags/1x1/hn.svg); } .flag-icon-hr { background-image: url(../flags/4x3/hr.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(../flags/1x1/hr.svg); } .flag-icon-ht { background-image: url(../flags/4x3/ht.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(../flags/1x1/ht.svg); } .flag-icon-hu { background-image: url(../flags/4x3/hu.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(../flags/1x1/hu.svg); } .flag-icon-id { background-image: url(../flags/4x3/id.svg); } .flag-icon-id.flag-icon-squared { background-image: url(../flags/1x1/id.svg); } .flag-icon-ie { background-image: url(../flags/4x3/ie.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(../flags/1x1/ie.svg); } .flag-icon-il { background-image: url(../flags/4x3/il.svg); } .flag-icon-il.flag-icon-squared { background-image: url(../flags/1x1/il.svg); } .flag-icon-im { background-image: url(../flags/4x3/im.svg); } .flag-icon-im.flag-icon-squared { background-image: url(../flags/1x1/im.svg); } .flag-icon-in { background-image: url(../flags/4x3/in.svg); } .flag-icon-in.flag-icon-squared { background-image: url(../flags/1x1/in.svg); } .flag-icon-io { background-image: url(../flags/4x3/io.svg); } .flag-icon-io.flag-icon-squared { background-image: url(../flags/1x1/io.svg); } .flag-icon-iq { background-image: url(../flags/4x3/iq.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(../flags/1x1/iq.svg); } .flag-icon-ir { background-image: url(../flags/4x3/ir.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(../flags/1x1/ir.svg); } .flag-icon-is { background-image: url(../flags/4x3/is.svg); } .flag-icon-is.flag-icon-squared { background-image: url(../flags/1x1/is.svg); } .flag-icon-it { background-image: url(../flags/4x3/it.svg); } .flag-icon-it.flag-icon-squared { background-image: url(../flags/1x1/it.svg); } .flag-icon-je { background-image: url(../flags/4x3/je.svg); } .flag-icon-je.flag-icon-squared { background-image: url(../flags/1x1/je.svg); } .flag-icon-jm { background-image: url(../flags/4x3/jm.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(../flags/1x1/jm.svg); } .flag-icon-jo { background-image: url(../flags/4x3/jo.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(../flags/1x1/jo.svg); } .flag-icon-jp { background-image: url(../flags/4x3/jp.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(../flags/1x1/jp.svg); } .flag-icon-ke { background-image: url(../flags/4x3/ke.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(../flags/1x1/ke.svg); } .flag-icon-kg { background-image: url(../flags/4x3/kg.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(../flags/1x1/kg.svg); } .flag-icon-kh { background-image: url(../flags/4x3/kh.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(../flags/1x1/kh.svg); } .flag-icon-ki { background-image: url(../flags/4x3/ki.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(../flags/1x1/ki.svg); } .flag-icon-km { background-image: url(../flags/4x3/km.svg); } .flag-icon-km.flag-icon-squared { background-image: url(../flags/1x1/km.svg); } .flag-icon-kn { background-image: url(../flags/4x3/kn.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(../flags/1x1/kn.svg); } .flag-icon-kp { background-image: url(../flags/4x3/kp.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(../flags/1x1/kp.svg); } .flag-icon-kr { background-image: url(../flags/4x3/kr.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(../flags/1x1/kr.svg); } .flag-icon-kw { background-image: url(../flags/4x3/kw.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(../flags/1x1/kw.svg); } .flag-icon-ky { background-image: url(../flags/4x3/ky.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(../flags/1x1/ky.svg); } .flag-icon-kz { background-image: url(../flags/4x3/kz.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(../flags/1x1/kz.svg); } .flag-icon-la { background-image: url(../flags/4x3/la.svg); } .flag-icon-la.flag-icon-squared { background-image: url(../flags/1x1/la.svg); } .flag-icon-lb { background-image: url(../flags/4x3/lb.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(../flags/1x1/lb.svg); } .flag-icon-lc { background-image: url(../flags/4x3/lc.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(../flags/1x1/lc.svg); } .flag-icon-li { background-image: url(../flags/4x3/li.svg); } .flag-icon-li.flag-icon-squared { background-image: url(../flags/1x1/li.svg); } .flag-icon-lk { background-image: url(../flags/4x3/lk.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(../flags/1x1/lk.svg); } .flag-icon-lr { background-image: url(../flags/4x3/lr.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(../flags/1x1/lr.svg); } .flag-icon-ls { background-image: url(../flags/4x3/ls.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(../flags/1x1/ls.svg); } .flag-icon-lt { background-image: url(../flags/4x3/lt.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(../flags/1x1/lt.svg); } .flag-icon-lu { background-image: url(../flags/4x3/lu.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(../flags/1x1/lu.svg); } .flag-icon-lv { background-image: url(../flags/4x3/lv.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(../flags/1x1/lv.svg); } .flag-icon-ly { background-image: url(../flags/4x3/ly.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(../flags/1x1/ly.svg); } .flag-icon-ma { background-image: url(../flags/4x3/ma.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(../flags/1x1/ma.svg); } .flag-icon-mc { background-image: url(../flags/4x3/mc.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(../flags/1x1/mc.svg); } .flag-icon-md { background-image: url(../flags/4x3/md.svg); } .flag-icon-md.flag-icon-squared { background-image: url(../flags/1x1/md.svg); } .flag-icon-me { background-image: url(../flags/4x3/me.svg); } .flag-icon-me.flag-icon-squared { background-image: url(../flags/1x1/me.svg); } .flag-icon-mf { background-image: url(../flags/4x3/mf.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(../flags/1x1/mf.svg); } .flag-icon-mg { background-image: url(../flags/4x3/mg.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(../flags/1x1/mg.svg); } .flag-icon-mh { background-image: url(../flags/4x3/mh.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(../flags/1x1/mh.svg); } .flag-icon-mk { background-image: url(../flags/4x3/mk.svg); } .flag-icon-mk.flag-icon-squared { background-image: url(../flags/1x1/mk.svg); } .flag-icon-ml { background-image: url(../flags/4x3/ml.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(../flags/1x1/ml.svg); } .flag-icon-mm { background-image: url(../flags/4x3/mm.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(../flags/1x1/mm.svg); } .flag-icon-mn { background-image: url(../flags/4x3/mn.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(../flags/1x1/mn.svg); } .flag-icon-mo { background-image: url(../flags/4x3/mo.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(../flags/1x1/mo.svg); } .flag-icon-mp { background-image: url(../flags/4x3/mp.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(../flags/1x1/mp.svg); } .flag-icon-mq { background-image: url(../flags/4x3/mq.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(../flags/1x1/mq.svg); } .flag-icon-mr { background-image: url(../flags/4x3/mr.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(../flags/1x1/mr.svg); } .flag-icon-ms { background-image: url(../flags/4x3/ms.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(../flags/1x1/ms.svg); } .flag-icon-mt { background-image: url(../flags/4x3/mt.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(../flags/1x1/mt.svg); } .flag-icon-mu { background-image: url(../flags/4x3/mu.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(../flags/1x1/mu.svg); } .flag-icon-mv { background-image: url(../flags/4x3/mv.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(../flags/1x1/mv.svg); } .flag-icon-mw { background-image: url(../flags/4x3/mw.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(../flags/1x1/mw.svg); } .flag-icon-mx { background-image: url(../flags/4x3/mx.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(../flags/1x1/mx.svg); } .flag-icon-my { background-image: url(../flags/4x3/my.svg); } .flag-icon-my.flag-icon-squared { background-image: url(../flags/1x1/my.svg); } .flag-icon-mz { background-image: url(../flags/4x3/mz.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(../flags/1x1/mz.svg); } .flag-icon-na { background-image: url(../flags/4x3/na.svg); } .flag-icon-na.flag-icon-squared { background-image: url(../flags/1x1/na.svg); } .flag-icon-nc { background-image: url(../flags/4x3/nc.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(../flags/1x1/nc.svg); } .flag-icon-ne { background-image: url(../flags/4x3/ne.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(../flags/1x1/ne.svg); } .flag-icon-nf { background-image: url(../flags/4x3/nf.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(../flags/1x1/nf.svg); } .flag-icon-ng { background-image: url(../flags/4x3/ng.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(../flags/1x1/ng.svg); } .flag-icon-ni { background-image: url(../flags/4x3/ni.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(../flags/1x1/ni.svg); } .flag-icon-nl { background-image: url(../flags/4x3/nl.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(../flags/1x1/nl.svg); } .flag-icon-no { background-image: url(../flags/4x3/no.svg); } .flag-icon-no.flag-icon-squared { background-image: url(../flags/1x1/no.svg); } .flag-icon-np { background-image: url(../flags/4x3/np.svg); } .flag-icon-np.flag-icon-squared { background-image: url(../flags/1x1/np.svg); } .flag-icon-nr { background-image: url(../flags/4x3/nr.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(../flags/1x1/nr.svg); } .flag-icon-nu { background-image: url(../flags/4x3/nu.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(../flags/1x1/nu.svg); } .flag-icon-nz { background-image: url(../flags/4x3/nz.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(../flags/1x1/nz.svg); } .flag-icon-om { background-image: url(../flags/4x3/om.svg); } .flag-icon-om.flag-icon-squared { background-image: url(../flags/1x1/om.svg); } .flag-icon-pa { background-image: url(../flags/4x3/pa.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(../flags/1x1/pa.svg); } .flag-icon-pe { background-image: url(../flags/4x3/pe.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(../flags/1x1/pe.svg); } .flag-icon-pf { background-image: url(../flags/4x3/pf.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(../flags/1x1/pf.svg); } .flag-icon-pg { background-image: url(../flags/4x3/pg.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(../flags/1x1/pg.svg); } .flag-icon-ph { background-image: url(../flags/4x3/ph.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(../flags/1x1/ph.svg); } .flag-icon-pk { background-image: url(../flags/4x3/pk.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(../flags/1x1/pk.svg); } .flag-icon-pl { background-image: url(../flags/4x3/pl.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(../flags/1x1/pl.svg); } .flag-icon-pm { background-image: url(../flags/4x3/pm.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(../flags/1x1/pm.svg); } .flag-icon-pn { background-image: url(../flags/4x3/pn.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(../flags/1x1/pn.svg); } .flag-icon-pr { background-image: url(../flags/4x3/pr.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(../flags/1x1/pr.svg); } .flag-icon-ps { background-image: url(../flags/4x3/ps.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(../flags/1x1/ps.svg); } .flag-icon-pt { background-image: url(../flags/4x3/pt.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(../flags/1x1/pt.svg); } .flag-icon-pw { background-image: url(../flags/4x3/pw.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(../flags/1x1/pw.svg); } .flag-icon-py { background-image: url(../flags/4x3/py.svg); } .flag-icon-py.flag-icon-squared { background-image: url(../flags/1x1/py.svg); } .flag-icon-qa { background-image: url(../flags/4x3/qa.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(../flags/1x1/qa.svg); } .flag-icon-re { background-image: url(../flags/4x3/re.svg); } .flag-icon-re.flag-icon-squared { background-image: url(../flags/1x1/re.svg); } .flag-icon-ro { background-image: url(../flags/4x3/ro.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(../flags/1x1/ro.svg); } .flag-icon-rs { background-image: url(../flags/4x3/rs.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(../flags/1x1/rs.svg); } .flag-icon-ru { background-image: url(../flags/4x3/ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(../flags/1x1/ru.svg); } .flag-icon-rw { background-image: url(../flags/4x3/rw.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(../flags/1x1/rw.svg); } .flag-icon-sa { background-image: url(../flags/4x3/sa.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(../flags/1x1/sa.svg); } .flag-icon-sb { background-image: url(../flags/4x3/sb.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(../flags/1x1/sb.svg); } .flag-icon-sc { background-image: url(../flags/4x3/sc.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(../flags/1x1/sc.svg); } .flag-icon-sd { background-image: url(../flags/4x3/sd.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(../flags/1x1/sd.svg); } .flag-icon-se { background-image: url(../flags/4x3/se.svg); } .flag-icon-se.flag-icon-squared { background-image: url(../flags/1x1/se.svg); } .flag-icon-sg { background-image: url(../flags/4x3/sg.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(../flags/1x1/sg.svg); } .flag-icon-sh { background-image: url(../flags/4x3/sh.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(../flags/1x1/sh.svg); } .flag-icon-si { background-image: url(../flags/4x3/si.svg); } .flag-icon-si.flag-icon-squared { background-image: url(../flags/1x1/si.svg); } .flag-icon-sj { background-image: url(../flags/4x3/sj.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(../flags/1x1/sj.svg); } .flag-icon-sk { background-image: url(../flags/4x3/sk.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(../flags/1x1/sk.svg); } .flag-icon-sl { background-image: url(../flags/4x3/sl.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(../flags/1x1/sl.svg); } .flag-icon-sm { background-image: url(../flags/4x3/sm.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(../flags/1x1/sm.svg); } .flag-icon-sn { background-image: url(../flags/4x3/sn.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(../flags/1x1/sn.svg); } .flag-icon-so { background-image: url(../flags/4x3/so.svg); } .flag-icon-so.flag-icon-squared { background-image: url(../flags/1x1/so.svg); } .flag-icon-sr { background-image: url(../flags/4x3/sr.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(../flags/1x1/sr.svg); } .flag-icon-ss { background-image: url(../flags/4x3/ss.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(../flags/1x1/ss.svg); } .flag-icon-st { background-image: url(../flags/4x3/st.svg); } .flag-icon-st.flag-icon-squared { background-image: url(../flags/1x1/st.svg); } .flag-icon-sv { background-image: url(../flags/4x3/sv.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(../flags/1x1/sv.svg); } .flag-icon-sx { background-image: url(../flags/4x3/sx.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(../flags/1x1/sx.svg); } .flag-icon-sy { background-image: url(../flags/4x3/sy.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(../flags/1x1/sy.svg); } .flag-icon-sz { background-image: url(../flags/4x3/sz.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(../flags/1x1/sz.svg); } .flag-icon-tc { background-image: url(../flags/4x3/tc.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(../flags/1x1/tc.svg); } .flag-icon-td { background-image: url(../flags/4x3/td.svg); } .flag-icon-td.flag-icon-squared { background-image: url(../flags/1x1/td.svg); } .flag-icon-tf { background-image: url(../flags/4x3/tf.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(../flags/1x1/tf.svg); } .flag-icon-tg { background-image: url(../flags/4x3/tg.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(../flags/1x1/tg.svg); } .flag-icon-th { background-image: url(../flags/4x3/th.svg); } .flag-icon-th.flag-icon-squared { background-image: url(../flags/1x1/th.svg); } .flag-icon-tj { background-image: url(../flags/4x3/tj.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(../flags/1x1/tj.svg); } .flag-icon-tk { background-image: url(../flags/4x3/tk.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(../flags/1x1/tk.svg); } .flag-icon-tl { background-image: url(../flags/4x3/tl.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(../flags/1x1/tl.svg); } .flag-icon-tm { background-image: url(../flags/4x3/tm.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(../flags/1x1/tm.svg); } .flag-icon-tn { background-image: url(../flags/4x3/tn.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(../flags/1x1/tn.svg); } .flag-icon-to { background-image: url(../flags/4x3/to.svg); } .flag-icon-to.flag-icon-squared { background-image: url(../flags/1x1/to.svg); } .flag-icon-tr { background-image: url(../flags/4x3/tr.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(../flags/1x1/tr.svg); } .flag-icon-tt { background-image: url(../flags/4x3/tt.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(../flags/1x1/tt.svg); } .flag-icon-tv { background-image: url(../flags/4x3/tv.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(../flags/1x1/tv.svg); } .flag-icon-tw { background-image: url(../flags/4x3/tw.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(../flags/1x1/tw.svg); } .flag-icon-tz { background-image: url(../flags/4x3/tz.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(../flags/1x1/tz.svg); } .flag-icon-ua { background-image: url(../flags/4x3/ua.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(../flags/1x1/ua.svg); } .flag-icon-ug { background-image: url(../flags/4x3/ug.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(../flags/1x1/ug.svg); } .flag-icon-um { background-image: url(../flags/4x3/um.svg); } .flag-icon-um.flag-icon-squared { background-image: url(../flags/1x1/um.svg); } .flag-icon-us { background-image: url(../flags/4x3/us.svg); } .flag-icon-us.flag-icon-squared { background-image: url(../flags/1x1/us.svg); } .flag-icon-uy { background-image: url(../flags/4x3/uy.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(../flags/1x1/uy.svg); } .flag-icon-uz { background-image: url(../flags/4x3/uz.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(../flags/1x1/uz.svg); } .flag-icon-va { background-image: url(../flags/4x3/va.svg); } .flag-icon-va.flag-icon-squared { background-image: url(../flags/1x1/va.svg); } .flag-icon-vc { background-image: url(../flags/4x3/vc.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(../flags/1x1/vc.svg); } .flag-icon-ve { background-image: url(../flags/4x3/ve.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(../flags/1x1/ve.svg); } .flag-icon-vg { background-image: url(../flags/4x3/vg.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(../flags/1x1/vg.svg); } .flag-icon-vi { background-image: url(../flags/4x3/vi.svg); } .flag-icon-vi.flag-icon-squared { background-image: url(../flags/1x1/vi.svg); } .flag-icon-vn { background-image: url(../flags/4x3/vn.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(../flags/1x1/vn.svg); } .flag-icon-vu { background-image: url(../flags/4x3/vu.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(../flags/1x1/vu.svg); } .flag-icon-wf { background-image: url(../flags/4x3/wf.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(../flags/1x1/wf.svg); } .flag-icon-ws { background-image: url(../flags/4x3/ws.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(../flags/1x1/ws.svg); } .flag-icon-ye { background-image: url(../flags/4x3/ye.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(../flags/1x1/ye.svg); } .flag-icon-yt { background-image: url(../flags/4x3/yt.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(../flags/1x1/yt.svg); } .flag-icon-za { background-image: url(../flags/4x3/za.svg); } .flag-icon-za.flag-icon-squared { background-image: url(../flags/1x1/za.svg); } .flag-icon-zm { background-image: url(../flags/4x3/zm.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(../flags/1x1/zm.svg); } .flag-icon-zw { background-image: url(../flags/4x3/zw.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(../flags/1x1/zw.svg); } .flag-icon-es-ca { background-image: url(../flags/4x3/es-ca.svg); } .flag-icon-es-ca.flag-icon-squared { background-image: url(../flags/1x1/es-ca.svg); } .flag-icon-es-ga { background-image: url(../flags/4x3/es-ga.svg); } .flag-icon-es-ga.flag-icon-squared { background-image: url(../flags/1x1/es-ga.svg); } .flag-icon-eu { background-image: url(../flags/4x3/eu.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(../flags/1x1/eu.svg); } .flag-icon-gb-eng { background-image: url(../flags/4x3/gb-eng.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(../flags/1x1/gb-eng.svg); } .flag-icon-gb-nir { background-image: url(../flags/4x3/gb-nir.svg); } .flag-icon-gb-nir.flag-icon-squared { background-image: url(../flags/1x1/gb-nir.svg); } .flag-icon-gb-sct { background-image: url(../flags/4x3/gb-sct.svg); } .flag-icon-gb-sct.flag-icon-squared { background-image: url(../flags/1x1/gb-sct.svg); } .flag-icon-gb-wls { background-image: url(../flags/4x3/gb-wls.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(../flags/1x1/gb-wls.svg); } .flag-icon-un { background-image: url(../flags/4x3/un.svg); } .flag-icon-un.flag-icon-squared { background-image: url(../flags/1x1/un.svg); } .flag-icon-xk { background-image: url(../flags/4x3/xk.svg); } .flag-icon-xk.flag-icon-squared { background-image: url(../flags/1x1/xk.svg); } html { font-size: 10px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; } body { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; color: #000; position: relative; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; letter-spacing: 0.01rem; } h1, .h1 { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 0.85; margin: 0; letter-spacing: 0.03rem; } h2, .h2 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 5rem; line-height: 0.85; letter-spacing: 0.03rem; } h2.vcr, .h2.vcr { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 5rem; line-height: 0.85; letter-spacing: 0.03rem; } h3, .h3 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 1; color: #000; } h3.vcr, .h3.vcr { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 1; color: #000; } h4, .h4 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 2.4rem; line-height: 1; color: #000; } h5, .h5 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.8rem; line-height: 1.11111; letter-spacing: -0.01em; color: #000; } h5.bold, .h5.bold { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.8rem; line-height: 1.11111; } .uppercase { letter-spacing: 0.03rem; text-transform: uppercase; } a { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; color: #000; cursor: pointer; text-decoration: none; } a:hover { color: #000; text-decoration: none; } a:active { color: #000; text-decoration: none; } p { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1.125; } strong, b { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.8rem; line-height: 1.11111; } blockquote { margin: 1rem 0; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { display: block; margin: 0; } .vcr-text { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1; } ol, ul { padding-left: 0; list-style-position: inside; } ul { list-style-type: square; } nav ul, nav ol, ol { list-style: none none; } li { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1.125; } @font-face { font-display: swap; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: normal; src: url(../fonts/helveticanow/regular.woff2) format("woff2"), url(../fonts/helveticanow/regular.woff) format("woff"), url(../fonts/helveticanow/regular.ttf) format("truetype"); } @font-face { font-display: swap; font-family: "Helvetica Now Display W02 Bold"; font-style: normal; font-weight: bold; src: url(../fonts/helveticanow/bold.woff2) format("woff2"), url(../fonts/helveticanow/bold.woff) format("woff"), url(../fonts/helveticanow/bold.ttf) format("truetype"); } @font-face { font-display: swap; font-family: "vcr"; font-style: normal; font-weight: normal; src: url(../fonts/vcr/regular.woff2) format("woff2"), url(../fonts/vcr/regular.woff) format("woff"), url(../fonts/vcr/regular.eot) format("embedded-opentype"); } @font-face { font-display: swap; font-family: "vcr"; font-style: normal; font-weight: bold; src: url(../fonts/vcr/bold.woff2) format("woff2"), url(../fonts/vcr/bold.woff) format("woff"), url(../fonts/vcr/bold.eot) format("embedded-opentype"); } .state--menu, .menu-active { overflow: hidden; } .state--menu .message-banner__list { display: inline-block; height: 100%; } .menu-open-overlay { opacity: 0.4; background: #000; position: fixed; width: 100%; height: 100%; z-index: 10; top: 0; } .tabs-container { margin: 5.2rem 1.5rem 8rem; } .tabs h4 { margin: 0 0 2.4rem; } .tabs .tabs-header { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .tabs .tabs-header .tabs-header-item { text-transform: uppercase; text-align: center; padding: 0; margin-right: 1.5rem; letter-spacing: 0.03em; cursor: pointer; } .tabs .tabs-header .tabs-header-item.active { text-decoration: underline; } .tabs .tabs-content { padding: 0.8rem 0 0; } .tabs .tabs-content .tabs-content-item { display: none; } .tabs .tabs-content .tabs-content-item.active { display: block; } .tabs .tabs-content .tabs-content-item-images { margin-top: 0.4rem; } .tabs .tabs-content .tabs-content-item-images img { margin-right: 1rem; } .page-loader { position: fixed; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; z-index: 100; transition: all 0.2s ease-out; } .page-loader .page-loader__overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; opacity: 0.8; } .page-loader .page-loader__image { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .page-loader.active { opacity: 1; visibility: visible; } button, .button::-moz-focus-inner, .button--primary:-moz-focus-inner { padding: 0; border: 0; margin: 0; } button, button::-moz-focus-inner, .button--primary:-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner, input[type='reset']::-moz-focus-inner { border: 0; } /* stylelint-disable property-no-vendor-prefix */ button, input[type=submit].button, button.button { -webkit-appearance: none; } input[type='submit'].button, button.button { -webkit-appearance: none; } button::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner, input[type='file'] > input[type='button']::-moz-focus-inner { border: none; } button, .button { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; width: 100%; color: #fff; box-sizing: border-box; background-color: #000; border: 0; border-radius: 0; display: inline-block; margin: 0; max-width: 100%; padding: 1.2rem 1.5rem; position: relative; text-align: center; text-decoration: none; vertical-align: baseline; text-transform: uppercase; } .button--full-width { width: 100%; } .button--primary { border: 1px solid #000; } .button--primary:hover { border: 1px solid #898989; cursor: pointer; text-decoration: none; color: #fff; background-color: #898989; } .button--primary:active, .button--primary.button--active { border: 1px solid #4d4d4d; background-color: #4d4d4d; outline: 0; } .button--primary:focus { border: 1px solid #fff; background: #000; color: #fff; outline: 1px solid #0029ff; } .button--primary span { vertical-align: baseline; } .button--primary:disabled, .button--primary [disabled], .button--primary [disabled='disabled'], .button--primary.button--checkout-disabled { border: 1px dashed #fff; background-color: #898989; } .button--primary.button--disabled, .button--primary.button--checkout-disabled { border: 1px dashed #fff; background-color: #898989; } .button--secondary { border: 1px solid #000; background: #e5e5e5; color: #000; } .button--secondary:hover { border: 1px solid #6e6e6e; cursor: pointer; text-decoration: none; color: #6e6e6e; background: #e5e5e5; } .button--secondary:active, .button--secondary:focus, .button--secondary.button--active { border: 1px solid #4d4d4d; color: #4d4d4d; background: #e5e5e5; outline: 0; } .button--secondary:focus { border: 1px solid #0029ff; color: #000; } .button--secondary.button--disabled { border: 1px dashed #fff; padding: 1.2rem 1.5rem; outline: 0; color: #6e6e6e; } .accordion { padding: 0; border-top: 1px solid #e3e3e3; margin: 2rem 0; } .accordion__item { border-bottom: 1px solid #e3e3e3; } .accordion__title { position: relative; width: 100%; box-sizing: border-box; padding: 0; margin: 0; float: none; font-weight: normal; } .accordion__title > .accordion__trigger { display: block; padding: 1.2rem 1.5rem; cursor: pointer; text-transform: uppercase; } .accordion__title .icon-plus::before, .accordion__title .icon-minus::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; content: " "; right: 1.5rem; top: 50%; width: 1.4rem; height: 1.4rem; background: url("../images/icons/icon-plus.svg") no-repeat; } .accordion__title .icon-minus::before { background: url("../images/icons/icon-x-minus.svg") no-repeat; } .accordion__title.active + .accordion__content { display: block; border: 0; } .accordion__content { display: none; box-sizing: border-box; padding: 0 1.5rem 4rem; border-top: 1px solid #e3e3e3; margin: 0; color: #5b5b5b; float: none; text-transform: uppercase; } .accordion__content.active { display: block; } .accordion__content a { text-transform: uppercase; } .accordion__content-inner { padding: 0 1.5rem 1.5rem; } /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable at-rule-no-vendor-prefix */ .form-group { position: relative; margin-bottom: 1rem; } .form-group__wrapper { position: relative; } .form-group.no-margin { margin-bottom: 0; } .form-group .form-control { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1; margin-bottom: 0; height: 6rem; z-index: 2; } .form-group input[type="text"], .form-group input[type="password"], .form-group .form-group-header label { position: relative; width: 100%; } .form-group .form-group-header { position: relative; } .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="email"], .form-group input[type="number"], .form-group input[type="tel"], .form-group textarea { z-index: 1; } .form-group input[type="text"] + label, .form-group input[type="password"] + label, .form-group input[type="email"] + label, .form-group input[type="number"] + label, .form-group input[type="tel"] + label, .form-group textarea + label { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; margin: 0 auto; padding: 0 0 8px 0; top: 2.2rem; left: 1.5rem; color: #6e6e6e; width: auto; line-height: 1.4rem; pointer-events: none; z-index: 1; } .form-group input[type="text"]:focus:not(.adyen-checkout__input), .form-group input[type="text"]:-webkit-autofill:not(.adyen-checkout__input), .form-group input[type="text"][data-simulate-focus=true]:not(.adyen-checkout__input), .form-group input[type="text"]:not(:placeholder-shown):not(.adyen-checkout__input), .form-group input[type="password"]:focus:not(.adyen-checkout__input), .form-group input[type="password"]:-webkit-autofill:not(.adyen-checkout__input), .form-group input[type="password"][data-simulate-focus=true]:not(.adyen-checkout__input), .form-group input[type="password"]:not(:placeholder-shown):not(.adyen-checkout__input), .form-group input[type="email"]:focus:not(.adyen-checkout__input), .form-group input[type="email"]:-webkit-autofill:not(.adyen-checkout__input), .form-group input[type="email"][data-simulate-focus=true]:not(.adyen-checkout__input), .form-group input[type="email"]:not(:placeholder-shown):not(.adyen-checkout__input), .form-group input[type="number"]:focus:not(.adyen-checkout__input), .form-group input[type="number"]:-webkit-autofill:not(.adyen-checkout__input), .form-group input[type="number"][data-simulate-focus=true]:not(.adyen-checkout__input), .form-group input[type="number"]:not(:placeholder-shown):not(.adyen-checkout__input), .form-group input[type="tel"]:focus:not(.adyen-checkout__input), .form-group input[type="tel"]:-webkit-autofill:not(.adyen-checkout__input), .form-group input[type="tel"][data-simulate-focus=true]:not(.adyen-checkout__input), .form-group input[type="tel"]:not(:placeholder-shown):not(.adyen-checkout__input), .form-group textarea:focus:not(.adyen-checkout__input), .form-group textarea:-webkit-autofill:not(.adyen-checkout__input), .form-group textarea[data-simulate-focus=true]:not(.adyen-checkout__input), .form-group textarea:not(:placeholder-shown):not(.adyen-checkout__input) { padding: 2.8rem 1.5rem 1rem; } .form-group input[type="text"]:focus + label, .form-group input[type="text"]:-webkit-autofill + label, .form-group input[type="text"][data-simulate-focus=true] + label, .form-group input[type="text"]:not(:placeholder-shown) + label, .form-group input[type="password"]:focus + label, .form-group input[type="password"]:-webkit-autofill + label, .form-group input[type="password"][data-simulate-focus=true] + label, .form-group input[type="password"]:not(:placeholder-shown) + label, .form-group input[type="email"]:focus + label, .form-group input[type="email"]:-webkit-autofill + label, .form-group input[type="email"][data-simulate-focus=true] + label, .form-group input[type="email"]:not(:placeholder-shown) + label, .form-group input[type="number"]:focus + label, .form-group input[type="number"]:-webkit-autofill + label, .form-group input[type="number"][data-simulate-focus=true] + label, .form-group input[type="number"]:not(:placeholder-shown) + label, .form-group input[type="tel"]:focus + label, .form-group input[type="tel"]:-webkit-autofill + label, .form-group input[type="tel"][data-simulate-focus=true] + label, .form-group input[type="tel"]:not(:placeholder-shown) + label, .form-group textarea:focus + label, .form-group textarea:-webkit-autofill + label, .form-group textarea[data-simulate-focus=true] + label, .form-group textarea:not(:placeholder-shown) + label { top: 1rem; font-size: 1.2rem; color: #4d4d4d; } .form-group select { padding: 2.8rem 1.5rem 1rem; } .form-group select + label { position: absolute; left: 1.5rem; top: 1rem; font-size: 1.2rem; color: #4d4d4d; } .form-group .icon-arrow-icon-down::before { content: " "; position: absolute; right: 1.5rem; background: url("../images/icons/icon-arrow-fat.svg") no-repeat; top: 2.5rem; width: 1.4rem; height: 1rem; } .form-group-element { margin-bottom: 1.2rem; } .form-group .invalid-feedback { color: #f00; } .form-group .invalid-feedback + span { margin-top: 1rem; display: inline-block; } .form-group .row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .form-group .row-with-space { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .form-group .input-tooltip { display: none; } .form-group .input-tooltip .active { display: inline; } #shippingAddresLoqate::placeholder { font-size: 1.4rem; } .hiddenFieldsContainer { width: 100%; } .suggested-form-wrapper { display: block; } .pcafooter { display: none; } .pca .pcaexpandable b, .pca .pcaselected b, .pca .pcaitem b { font: 9pt arial !important; font-weight: 400 !important; } .pcaitem { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; } #manualAddress { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1; font-size: 13px; letter-spacing: 0.05rem; color: #000; margin: 0.5rem 0 1.8rem 0; text-decoration: underline; cursor: pointer; } #manualAddress:hover { text-decoration: underline; } #editAddress { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1; display: none; font-size: 13px; letter-spacing: 0.05rem; color: #000; margin: 0.5rem 0 1.8rem 0; text-decoration: underline; cursor: pointer; } #editAddress:hover { text-decoration: underline; } .address-suggestion_wrapper { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; width: 100%; background-color: #fff; color: #000; padding: 1.2rem 1.2rem; border: 1px solid #979797; border-radius: 0; } .address-suggestion_wrapper .address-suggestion { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; color: #9b9b9b; } .address-suggestion_wrapper.populated { margin-top: -4.2rem; } .form-error-message { color: #f00; margin-bottom: 1.2rem; } [data-icon]::before { font-family: "urbanears-icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]::before, [class*=" icon-"]::before { font-family: "urbanears-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-active-noise-cancelling::before { content: "a"; } .icon-app::before { content: "b"; } .icon-arrow-icon-down::before { content: "c"; } .icon-arrow-icon-up::before { content: "f"; } .icon-arrow-icon-left::before { content: "f"; } .icon-arrow-icon-right::before { content: "f"; } .icon-audio-power-output::before { content: "g"; } .icon-battery-playtime::before { content: "h"; } .icon-bluetooth::before { content: "j"; } .icon-cable-clip::before { content: "k"; } .icon-cable-lock::before { content: "l"; } .icon-cart-noproducts-icon::before { content: "m"; } .icon-cart-productbadge-icon::before { content: "n"; } .icon-easy-setup::before { content: "p"; } .icon-earclick-fit::before { content: "q"; } .icon-dust-splash-resistant::before { content: "r"; } .icon-drivers::before { content: "s"; } .icon-collapsible-construction::before { content: "t"; } .icon-ergonomic-fit::before { content: "u"; } .icon-size-adjustable::before { content: "w"; } .icon-washable-parts::before { content: "x"; } .icon-weight::before { content: "y"; } .icon-sound::before { content: "z"; } .icon-over-the-air-software-updates::before { content: "A"; } .icon-fabric-cable::before { content: "C"; } .icon-colors::before { content: "D"; } .icon-control-knob::before { content: "E"; } .icon-facebook-icon::before { content: "F"; } .icon-spotify-icon::before { content: "I"; } .icon-whats-in-the-box::before { content: "J"; } .icon-support-icon::before { content: "L"; } .icon-magnetic-tethering::before { content: "N"; } .icon-frequency-response::before { content: "O"; } .icon-cross-icon::before { content: "P"; } .icon-hamburgermenu-mobile-icon::before { content: "Q"; } .icon-sweat-resistant::before { content: "T"; } .icon-swipe-interface::before { content: "U"; } .icon-plus-icon::before { content: "V"; } .icon-dimensions::before { content: "Y"; } .icon-idle-power-consumption::before { content: "0"; } .icon-portable::before { content: "2"; } .icon-turncable::before { content: "4"; } .icon-twitter-icon::before { content: "5"; } .icon-presets::before { content: "6"; } .icon-power-consumption::before { content: "7"; } .icon-microphone::before { content: "8"; } .icon-minus-icon::before { content: "9"; } .icon-instagram-icon::before { content: "!"; } .icon-impendance::before { content: "\""; } .icon-instant-music-sharing::before { content: "%"; } .icon-modularity::before { content: "&"; } .icon-proximity-sensor::before { content: "'"; } .icon-real-knobs::before { content: "*"; } .icon-multi-directional-sound::before { content: "+"; } .icon-interchangeble-cable::before { content: ","; } .icon-multiroom-playback::before { content: "."; } .icon-reflective::before { content: "/"; } .icon-virtual-assistant-compatible::before { content: ":"; } .icon-search-icon::before { content: "<"; } .icon-neck-lock::before { content: "="; } .icon-lightweight::before { content: ">"; } .icon-checkmark::before { content: "d"; } .icon-bin::before { content: "e"; } .icon-cross::before { content: "i"; } .icon-plus-cross::before { content: "o"; } .icon-big-arrow::before { content: "v"; } .icon-filter::before { content: "B"; } .icon-wifi::before { content: "G"; } .icon-plus::before { content: "H"; } .icon-arrow-icon-left { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); display: block; float: left; } .icon-arrow-icon-right { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: block; float: left; } input:-webkit-autofill { background-color: #f2f2f2; } input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select { width: 100%; background-color: #fff; color: #000; margin: 0; padding: 1rem 1.5rem; height: 4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; box-sizing: border-box; } input[type="email"]:not(.adyen-checkout__input), input[type="number"]:not(.adyen-checkout__input), input[type="password"]:not(.adyen-checkout__input), input[type="search"]:not(.adyen-checkout__input), input[type="tel"]:not(.adyen-checkout__input), input[type="text"]:not(.adyen-checkout__input), input[type="url"]:not(.adyen-checkout__input), input[type="color"]:not(.adyen-checkout__input), input[type="date"]:not(.adyen-checkout__input), input[type="datetime"]:not(.adyen-checkout__input), input[type="datetime-local"]:not(.adyen-checkout__input), input[type="month"]:not(.adyen-checkout__input), input[type="time"]:not(.adyen-checkout__input), input[type="week"]:not(.adyen-checkout__input), textarea:not(.adyen-checkout__input), select:not(.adyen-checkout__input) { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1.25; border: 1px solid #e3e3e3; border-radius: 0; } input[type="email"]::-ms-expand, input[type="number"]::-ms-expand, input[type="password"]::-ms-expand, input[type="search"]::-ms-expand, input[type="tel"]::-ms-expand, input[type="text"]::-ms-expand, input[type="url"]::-ms-expand, input[type="color"]::-ms-expand, input[type="date"]::-ms-expand, input[type="datetime"]::-ms-expand, input[type="datetime-local"]::-ms-expand, input[type="month"]::-ms-expand, input[type="time"]::-ms-expand, input[type="week"]::-ms-expand, textarea::-ms-expand, select::-ms-expand { display: none; } input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, textarea:focus, select:focus { border: 1px solid #6e6e6e; } input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, textarea:hover, select:hover { border: 1px solid #898989; } input[type="email"]:active, input[type="email"].input--active, input[type="number"]:active, input[type="number"].input--active, input[type="password"]:active, input[type="password"].input--active, input[type="search"]:active, input[type="search"].input--active, input[type="tel"]:active, input[type="tel"].input--active, input[type="text"]:active, input[type="text"].input--active, input[type="url"]:active, input[type="url"].input--active, input[type="color"]:active, input[type="color"].input--active, input[type="date"]:active, input[type="date"].input--active, input[type="datetime"]:active, input[type="datetime"].input--active, input[type="datetime-local"]:active, input[type="datetime-local"].input--active, input[type="month"]:active, input[type="month"].input--active, input[type="time"]:active, input[type="time"].input--active, input[type="week"]:active, input[type="week"].input--active, textarea:active, textarea.input--active, select:active, select.input--active { border: 1px solid #4d4d4d; } input[type="email"]:disabled, input[type="email"] [disabled="disabled"], input[type="number"]:disabled, input[type="number"] [disabled="disabled"], input[type="password"]:disabled, input[type="password"] [disabled="disabled"], input[type="search"]:disabled, input[type="search"] [disabled="disabled"], input[type="tel"]:disabled, input[type="tel"] [disabled="disabled"], input[type="text"]:disabled, input[type="text"] [disabled="disabled"], input[type="url"]:disabled, input[type="url"] [disabled="disabled"], input[type="color"]:disabled, input[type="color"] [disabled="disabled"], input[type="date"]:disabled, input[type="date"] [disabled="disabled"], input[type="datetime"]:disabled, input[type="datetime"] [disabled="disabled"], input[type="datetime-local"]:disabled, input[type="datetime-local"] [disabled="disabled"], input[type="month"]:disabled, input[type="month"] [disabled="disabled"], input[type="time"]:disabled, input[type="time"] [disabled="disabled"], input[type="week"]:disabled, input[type="week"] [disabled="disabled"], textarea:disabled, textarea [disabled="disabled"], select:disabled, select [disabled="disabled"] { opacity: 0.5; } *:focus { box-shadow: none; outline: 0; } input::-moz-focus-inner { padding: 0; border: 0; } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: none; } input[type=text]:focus:not(.adyen-checkout__input), input[type=password]:focus:not(.adyen-checkout__input), input[type=url]:focus:not(.adyen-checkout__input), input[type=tel]:focus:not(.adyen-checkout__input), input[type=search]:focus:not(.adyen-checkout__input), input[type=number]:focus:not(.adyen-checkout__input), input[type=datetime]:focus:not(.adyen-checkout__input), input[type=email]:focus:not(.adyen-checkout__input), textarea:focus:not(.adyen-checkout__input) { border: 1px solid #4d4d4d; } input[type="checkbox"] { display: none; } input[type="checkbox"] + label { position: relative; cursor: pointer; line-height: 4.4rem; margin-bottom: 1.5rem; display: inline-block; padding-left: 6rem; } input[type="checkbox"] + label::before { border: 1px solid #000; box-sizing: border-box; content: ""; background-color: transparent; color: #000; display: inline-block; width: 4.4rem; height: 4.4rem; text-align: center; vertical-align: middle; position: absolute; top: 0; left: 0; } input[type="checkbox"]:checked + label::before { background: url("../../images/icons/icon-checkFat-white.svg") no-repeat #000; background-size: 1.6rem 1.6rem; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; background-position: 50%; } input[type="checkbox"]:disabled + label { cursor: initial; } input[type="checkbox"]:disabled + label::before { opacity: 0.5; } input[type="radio"] { display: none; } input[type="radio"] + label { position: relative; display: block; cursor: pointer; padding-left: 2.3rem; } input[type="radio"] + label::before { content: ""; background-color: transparent; border: 1px solid #000; border-radius: 100%; color: #000; display: inline-block; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; text-align: center; vertical-align: middle; box-sizing: border-box; position: absolute; top: 0; left: 0; } input[type="radio"] + label::after { content: ""; background-color: #000; border: 1px solid #000; border-radius: 100%; color: #000; display: inline-block; width: 0.6rem; height: 0.6rem; line-height: 1.5rem; text-align: center; vertical-align: middle; box-sizing: border-box; opacity: 0; transition: opacity 0.2s ease; position: absolute; top: 0.5rem; left: 0.5rem; } input[type="radio"]:checked + label::after { opacity: 1; } input[type="radio"]:disabled + label { cursor: initial; } input[type="radio"]:disabled + label::before { opacity: 0.5; } @media screen and (min-width: 1024px) { input[type="checkbox"] { display: none; } input[type="checkbox"] + label { line-height: 3.2rem; padding-left: 4.7rem; } input[type="checkbox"] + label::before { width: 3.2rem; height: 3.2rem; } input[type="checkbox"]:checked + label::before { background-size: 1.6rem 1.6rem; } input[type="checkbox"]:disabled + label { cursor: initial; } input[type="checkbox"]:disabled + label::before { opacity: 0.5; } } /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable at-rule-no-vendor-prefix */ .header-container { position: sticky; position: -webkit-sticky; top: 0; z-index: 20; } .header-container.white-background { background: #fff; } .header-container .header__wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 4rem; position: relative; top: 0; z-index: 10; margin: 4rem auto 0; padding: 1rem 1.5rem; background: #fff; } .header--transparenthomepage .header-container .header__wrapper, .transparentdefault .header-container .header__wrapper { background: transparent; } .header-container .header__primary { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-container .header__secondary .bag-img-white { display: none; } .header--transparenthomepage .header-container .header__secondary .bag-img-white, .transparentdefault .header-container .header__secondary .bag-img-white { display: block; } .header-container .header__secondary .bag-img-black { display: block; } .header--transparenthomepage .header-container .header__secondary .bag-img-black, .transparentdefault .header-container .header__secondary .bag-img-black { display: none; } .header-container .header__logo { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; text-align: center; } .header-container .header__logo .logo-img { width: 14.7rem; vertical-align: middle; mix-blend-mode: difference; } .header-container .header__products-wrapper { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .header-container .header__products-wrapper .shop-img-white { display: none; } .header--transparenthomepage .header-container .header__products-wrapper .shop-img-white, .transparentdefault .header-container .header__products-wrapper .shop-img-white { display: block; } .header-container .header__products-wrapper .shop-img-black { display: block; } .header--transparenthomepage .header-container .header__products-wrapper .shop-img-black, .transparentdefault .header-container .header__products-wrapper .shop-img-black { display: none; } .header-container .header__menu-icons { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .header-container .header__menu-icons .minicart-quantity { display: inline-block; } .header--transparenthomepage .hero-widget, .transparentdefault .hero-widget { margin-top: -4.1rem; } .header--transparenthomepage .header-container, .transparentdefault .header-container { mix-blend-mode: difference; } .header--transparenthomepage .header-container.state-activated, .transparentdefault .header-container.state-activated { mix-blend-mode: unset; } .header--transparenthomepage .header-container .header__logo .logo-img.show-for-large, .transparentdefault .header-container .header__logo .logo-img.show-for-large { display: block !important; } .header--transparenthomepage .header-container .header__logo .logo-img.hide-for-large, .transparentdefault .header-container .header__logo .logo-img.hide-for-large { display: none !important; } .header--transparenthomepage .menu-state-trigger, .header--transparenthomepage .cart-state-trigger, .header--transparenthomepage .cart-state-trigger .minicart-quantity, .transparentdefault .menu-state-trigger, .transparentdefault .cart-state-trigger, .transparentdefault .cart-state-trigger .minicart-quantity { color: #fff; } .state--cart .header--transparenthomepage .menu-state-trigger, .state--cart .header--transparenthomepage .cart-state-trigger, .state--cart .header--transparenthomepage .cart-state-trigger .minicart-quantity, .state--cart .transparentdefault .menu-state-trigger, .state--cart .transparentdefault .cart-state-trigger, .state--cart .transparentdefault .cart-state-trigger .minicart-quantity { color: #000; } @media screen and (min-width: 1024px) { .header-container { position: static; } .header--transparenthomepage .header-container, .transparentdefault .header-container { mix-blend-mode: unset; } .header--transparenthomepage .header-container .menu-state-trigger, .header--transparenthomepage .header-container .cart-state-trigger, .header--transparenthomepage .header-container .cart-state-trigger .minicart-quantity, .transparentdefault .header-container .menu-state-trigger, .transparentdefault .header-container .cart-state-trigger, .transparentdefault .header-container .cart-state-trigger .minicart-quantity { color: #000; } .header-container .header__wrapper { background: transparent; padding: 0; position: absolute; margin: 0 auto; z-index: auto; } .header-container .header__logo { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; position: fixed; left: 0; top: 0; transform: none; padding: 1.2rem 3.2rem; mix-blend-mode: difference; z-index: 50; width: 18rem; } .header-container .header__logo:focus { border: 1px solid #0029ff; background: #f2f2f2; } .header-container .header__logo .logo-img { width: 100%; height: auto; max-height: 1.6rem; } .header-container .header__products-wrapper { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; position: fixed; top: 0; left: 18rem; z-index: 50; } .header-container .header__products-wrapper .header__products { display: flex; } .header-container .header__products-wrapper .header__products-item { border: 1px solid #fff; padding: 1.1rem 1.5rem; position: relative; width: 18rem; height: 4rem; background: #fff; cursor: pointer; } .header-container .header__products-wrapper .header__products-item:focus { border: 1px solid #0029ff; } .header-container .header__products-wrapper .header__products-item:hover { border: 1px solid #f2f2f2; background-color: #f2f2f2; } .header-container .header__products-wrapper .header__products-item:active { border: 1px solid #e3e3e3; background-color: #e3e3e3; } .header-container .header__products-wrapper .header__products-item .icon { display: inline-block; } .header-container .header__products-wrapper .header__products-item .icon::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; content: ""; background: url("../images/icons/icon-arrow-down.svg") no-repeat; right: 1.3rem; top: 50%; width: 1.2rem; height: 0.7rem; } .header-container .header__products-wrapper .header__products-item.active .icon::before { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .header-container .header__secondary { position: fixed; top: 0; right: 0; z-index: 10; } .header-container .header__menu-icons { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .header-container .header__menu-item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border: 1px solid #fff; width: 18rem; background: #fff; padding: 1.1rem 1.5rem; cursor: pointer; } .header-container .header__menu-item.country-state-trigger { background: url("../images/icons/icon-arrow-down.svg") no-repeat, white; background-position: right 1.3rem bottom 1.7rem; } .header-container .header__menu-item .current-country { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-container .header__menu-item .current-country .flag-icon { width: 1.6rem; margin-right: 1rem; } .header-container .header__menu-item .current-country .flag-icon + span { position: relative; width: 100%; overflow: hidden; text-overflow: clip; max-width: 72%; display: inline-block; white-space: nowrap; } .header-container .header__menu-item .current-country .flag-icon + span::before { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 2rem; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff); } .header-container .header__menu-item:hover { border: 1px solid #f2f2f2; background-color: #f2f2f2; } .header-container .header__menu-item:hover .current-country .flag-icon + span { position: relative; } .header-container .header__menu-item:hover .current-country .flag-icon + span::before { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 2rem; background-image: -webkit-linear-gradient(left, rgba(242, 242, 242, 0), #f2f2f2); } .header-container .header__menu-item:hover.country-state-trigger { background: url("../images/icons/icon-arrow-down.svg") no-repeat, #f2f2f2; background-position: right 1.3rem bottom 1.7rem; } .header-container .header__menu-item:active { border: 1px solid #e3e3e3; background-color: #e3e3e3; } .state--menu .header-container .header__products-wrapper .header__products-item { border: 1px solid #e3e3e3; background-color: #e3e3e3; } .state--menu .header-container .header__products-wrapper .header__products-item.active, .state--menu .header-container .header__products-wrapper .header__products-item:active { border: 1px solid #fff; background: #fff; } .state--cart .header-container .header__logo, .state--cart .header-container .header__products-wrapper { z-index: 10; } .header--transparenthomepage .hero-widget { margin-top: -4rem; } .transparentdefault .hero-widget { margin-top: 0; } } @media screen and (min-width: 1440px) { .header-container .header__logo { width: 12.5vw; } .header-container .header__products-wrapper { left: 12.5vw; } .header-container .header__products-wrapper .header__products { width: 25vw; } .header-container .header__menu-item { width: calc((25vw - 3rem) / 2); } } .header__menu-categories { position: fixed; width: 100vw; height: 100%; top: 0; right: -331px; background: #fff; overflow-y: scroll; padding-top: 4rem; z-index: 20; visibility: hidden; transition: -webkit-transform 0.5s ease, visibility 0.5s step-end; transition: transform 0.5s ease, visibility 0.5s step-end; -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); } .header__menu-categories.active { padding-top: 0; visibility: visible; transition: -webkit-transform 0.5s ease, visibility 0.5s step-start; transition: transform 0.5s ease, visibility 0.5s step-start; -webkit-transform: translateX(-330px); -ms-transform: translateX(-330px); transform: translateX(-330px); } .header__menu-categories .product-tiles { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .header__menu-categories .product-tiles__container { width: 100%; } .header__menu-categories .category-item { display: none; min-height: calc(100vh - 8.8rem); } .header__menu-categories .category-item.active { display: block; } .header__menu-categories .category-item .product-tile__details-button { display: none; } .header__menu-categories .category-item .price { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header__menu-categories .category-item .price-adjusted { padding-right: 1rem; } .header__menu-categories .category-link { font-size: 1.8rem; line-height: 1.11111; background-image: url("../images/icons/link-arrow-right.svg"); background-position: left 1.5rem bottom; background-repeat: no-repeat; text-transform: uppercase; padding: 1.5rem 1.5rem 2rem 1.5rem; display: block; } .header__menu-categories .category-link:hover { color: #6e6e6e; background-image: url("../images/icons/link-arrow-right-gray.svg"); } .header__menu-categories .category-header { border-bottom: 1px solid #e3e3e3; position: sticky; top: 0; width: 100%; text-transform: uppercase; background: #fff; padding: 1.4rem 1.5rem; z-index: 20; } .header__menu-categories .category-header .close-overlay { right: 0; top: 0; padding: 1.4rem; } .header__menu-categories .category-header .close-overlay .icon-cross { display: inline; height: 1.5rem; width: 1.5rem; } .header__menu-categories .category-header .close-overlay .icon-cross::before { position: absolute; content: " "; right: 1.5rem; width: 1.5rem; height: 1.5rem; background: url("../images/icons/icon-x-minus.svg") no-repeat; } .header__menu-categories .category-back { text-transform: uppercase; padding: 1.4rem 1.5rem; cursor: pointer; } .header__menu-categories .category-back .icon-arrow-icon-left { margin: 0 1rem 0 0; } .header__menu-categories .category-subtitle { width: 100%; text-transform: uppercase; padding: 1.4rem 1.5rem; } .header__menu-categories .category-subtitle:last-of-type { border-top: 1px solid #e3e3e3; } .header__menu-categories .category-bottom { border-top: 1px solid #e3e3e3; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: sticky; bottom: 0; padding: 0 1.5rem; background: #fff; z-index: 20; display: none; } .header__menu-categories .category-bottom__item { font-size: 1.4rem; line-height: 1.14286; padding: 1.4rem 3rem; background-image: url("../images/icons/link-arrow-right.svg"); background-position: left center; background-repeat: no-repeat; } .header__menu-categories .category-bottom.active { display: flex; } .header__menu-categories .category-list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 1.5rem; margin: 1rem auto 3rem; } .header__menu-categories .category-list__item { font-size: 1.4rem; line-height: 1.14286; list-style: none; padding: 1.5rem 3rem; background-image: url("../images/icons/link-arrow-right.svg"); background-position: left center; background-repeat: no-repeat; } .header__menu-categories .product-tile { background: linear-gradient(45deg, #f2f2f2 0%, #e4e4e4 100%); box-sizing: border-box; } .header__menu-categories .product-tile__image { opacity: 0; } .header__menu-categories .product-tile .img-show { opacity: 1; } .header__menu-categories .product-tile__details-colors { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 1rem; } .header__menu-categories .product-tile__details-colors .swatch_link { padding-right: 0.4rem; padding-left: 0.4rem; } .header__menu-categories .product-tile__details-colors .swatch_link .dot { display: inline-block; width: 1.2rem; height: 1.2rem; border-radius: 100%; } .header__menu-categories .product-tile__details-colors .swatch_link:first-of-type { padding-left: 0; } .header__menu-categories .product-tile__details-colors .swatch_link:hover .dot { border: 1px solid #000; } .header__menu-categories .product-tile .product-tile__image_container { width: 100%; height: 0; position: relative; padding-bottom: 100%; } .header__menu-categories .product-tile .product-tile__image_container img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; position: absolute; z-index: 1; transition: none; } .header__menu-categories .product-tile .product-tile__image_container img.image-life-style { opacity: 0; } .header__menu-categories .product-tile .product-tile__details { height: 9rem; padding-left: 1.5rem; } .header__menu-categories .product-tile .product-tile__details .product-tile__masterName { text-transform: uppercase; } .header__menu-categories .product-tile .product-tile__details-name { display: none; } .header__menu-categories .product-tile .product-tile__details-price { padding-top: 0.1rem; text-transform: uppercase; } .header__menu-categories .product-tile .product-tile__details-button { padding-top: 0.4rem; } .header__menu-categories .product-tile .product-tile__details .product-price__default { display: flex; padding-top: 0.1rem; } .header__menu-categories .product-tile .product-tile__details .price-adjusted { padding-right: 1rem; } .header__menu-categories .product-tile .product-tile__ribbon { display: inline-block; margin-left: -1.5rem; z-index: 11; background: #000; color: #fff; padding: 0 1.5rem; } .header__menu-categories .product-tile .out-of-stock-message { display: none; } .header__menu-categories .category--level1 { position: relative; height: 100%; } .header__menu-categories .category--level1-bottom { position: absolute; bottom: 0; width: 100%; padding: 1.4rem 1.5rem; text-transform: uppercase; border-top: 1px solid gainsboro; background: url("../images/icons/icon-arrow-down.svg") no-repeat; background-position: right 1.3rem bottom 1.7rem; } .header__menu-categories .category--level1-bottom .current-country { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header__menu-categories .category--level1-bottom .current-country .flag-icon { width: 1.6rem; margin-right: 1rem; } @media screen and (min-width: 1024px) { .header__menu-categories { display: none; width: calc(100% - 18rem); height: calc(100% - 4rem); right: auto; left: 18rem; top: 4rem; background: #fff; overflow-y: scroll; padding: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .header__menu-categories.active { display: block; -webkit-transform: none; -ms-transform: none; transform: none; } .header__menu-categories .product-tiles { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__menu-categories .product-tiles > [class^="col"] { width: 25%; } .header__menu-categories .product-tiles > [class^="col"] img { width: 100%; } .header__menu-categories .product-tiles__container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: calc(100% - 18rem); margin: 0 0 4rem 18rem; } .header__menu-categories .product-tiles .product-tile:hover .product-tile__image { border-bottom: 0; } .header__menu-categories .product-tiles .product-tile:hover .product-tile__image_container::after { border: 1px solid #6e6e6e; border-bottom: 0; background: transparent; position: absolute; content: ""; height: 100%; left: 0; width: calc(100% - 2px); top: 0; z-index: 1000; } .header__menu-categories .product-tiles .product-tile__ribbon { display: none; } .header__menu-categories .product-tiles .product-tile__details { z-index: 101; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image { top: 0; left: 0; position: absolute; opacity: 1; background: #fff; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(1) { z-index: 15; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(2) { animation-delay: 0.2s; z-index: 14; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(3) { animation-delay: 0.4s; z-index: 13; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(4) { animation-delay: 0.6s; z-index: 12; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(5) { animation-delay: 0.8s; z-index: 11; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(6) { animation-delay: 1s; z-index: 10; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(7) { animation-delay: 1.2s; z-index: 9; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(8) { animation-delay: 1.4s; z-index: 8; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(9) { animation-delay: 1.6s; z-index: 7; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(10) { animation-delay: 1.8s; z-index: 6; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(11) { animation-delay: 2s; z-index: 5; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(12) { animation-delay: 2.4s; z-index: 4; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(13) { animation-delay: 2.6s; z-index: 3; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image:nth-child(14) { animation-delay: 2.8s; z-index: 2; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation .product-tile__image.img-show { z-index: 101 !important; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-2 .product-tile__image { animation: showMe 0.4s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-3 .product-tile__image { animation: showMe 0.6s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-4 .product-tile__image { animation: showMe 0.8s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-5 .product-tile__image { animation: showMe 1s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-6 .product-tile__image { animation: showMe 1.2s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-7 .product-tile__image { animation: showMe 1.4s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-8 .product-tile__image { animation: showMe 1.6s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-9 .product-tile__image { animation: showMe 1.8s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-10 .product-tile__image { animation: showMe 2s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-11 .product-tile__image { animation: showMe 2.2s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-12 .product-tile__image { animation: showMe 2.4s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-13 .product-tile__image { animation: showMe 2.6s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-14 .product-tile__image { animation: showMe 2.8s linear infinite 0s forwards; animation-play-state: paused; } .header__menu-categories .product-tiles .product-tile__image_container.tile-img-animation:hover .product-tile__image { animation-play-state: running; } .header__menu-categories .category-item .product-tile { position: relative; width: 100%; box-sizing: border-box; height: 31.25vw; } .header__menu-categories .category-item .product-tile .product-tile__details { position: absolute; padding: 0 1.5rem; bottom: 0; } .header__menu-categories .category-item .product-tile .product-tile__details-button a { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header__menu-categories .category-item .product-tile .product-tile__masterName, .header__menu-categories .category-item .product-tile .product-tile__details-price, .header__menu-categories .category-item .product-tile .product-tile__details-button { margin: 0.1rem 0 0 0; padding: 0 1.5rem; } .header__menu-categories .category-header { position: fixed; } .header__menu-categories .category-header .close-overlay { position: fixed; } .header__menu-categories .category-bottom { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: none; width: auto; margin-left: 18rem; padding: 0; z-index: 101; background: #fff; } .header__menu-categories .category-bottom.active { display: inline-flex; } .header__menu-categories .category-bottom:hover { background: #e3e3e3; } .header__menu-categories .category-bottom__item { background-position: 1.5rem center; padding: 1.4rem 1.5rem 1.4rem 4.5rem; } .header__menu-categories .category-link { position: absolute; word-wrap: break-word; display: inline-block; text-transform: uppercase; padding: 1.5rem 1.5rem 2rem 1.5rem; max-width: 18rem; } @keyframes showMe { 0% { z-index: 100; } 100% { z-index: 0; } } } @media screen and (min-width: 1440px) { .header__menu-categories { width: calc(100% - 12.5vw); height: calc(100% - 4rem); left: 12.5vw; } .header__menu-categories .product-tiles__container { width: calc(100% - 12.5vw); margin-left: 12.5vw; } .header__menu-categories .category-link { max-width: 12.5vw; } .header__menu-categories .category-bottom { width: calc(100% - 12.5vw); margin-left: 12.5vw; } } .results-container .product-tiles__container, .results-container .experience-components, .results-container .experience-component, .category-item .product-tiles__container, .category-item .experience-components, .category-item .experience-component, .widget-product-grid .product-tiles__container, .widget-product-grid .experience-components, .widget-product-grid .experience-component, .widget-two-columns .product-tiles__container, .widget-two-columns .experience-components, .widget-two-columns .experience-component { position: relative; display: flex; flex-wrap: wrap; } .results-container .product-tiles__container .subcategories__category-name, .results-container .experience-components .subcategories__category-name, .results-container .experience-component .subcategories__category-name, .category-item .product-tiles__container .subcategories__category-name, .category-item .experience-components .subcategories__category-name, .category-item .experience-component .subcategories__category-name, .widget-product-grid .product-tiles__container .subcategories__category-name, .widget-product-grid .experience-components .subcategories__category-name, .widget-product-grid .experience-component .subcategories__category-name, .widget-two-columns .product-tiles__container .subcategories__category-name, .widget-two-columns .experience-components .subcategories__category-name, .widget-two-columns .experience-component .subcategories__category-name { padding-bottom: 100%; text-transform: uppercase; } .results-container .product-tiles__container .product-tile, .results-container .experience-components .product-tile, .results-container .experience-component .product-tile, .category-item .product-tiles__container .product-tile, .category-item .experience-components .product-tile, .category-item .experience-component .product-tile, .widget-product-grid .product-tiles__container .product-tile, .widget-product-grid .experience-components .product-tile, .widget-product-grid .experience-component .product-tile, .widget-two-columns .product-tiles__container .product-tile, .widget-two-columns .experience-components .product-tile, .widget-two-columns .experience-component .product-tile { position: relative; width: 50%; box-sizing: border-box; height: 62.5vw; } .results-container .product-tiles__container .product-tile.master-product-tile, .results-container .experience-components .product-tile.master-product-tile, .results-container .experience-component .product-tile.master-product-tile, .category-item .product-tiles__container .product-tile.master-product-tile, .category-item .experience-components .product-tile.master-product-tile, .category-item .experience-component .product-tile.master-product-tile, .widget-product-grid .product-tiles__container .product-tile.master-product-tile, .widget-product-grid .experience-components .product-tile.master-product-tile, .widget-product-grid .experience-component .product-tile.master-product-tile, .widget-two-columns .product-tiles__container .product-tile.master-product-tile, .widget-two-columns .experience-components .product-tile.master-product-tile, .widget-two-columns .experience-component .product-tile.master-product-tile { display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 1.5rem; } .results-container .product-tiles__container .product-tile .product-tile__details-name, .results-container .product-tiles__container .product-tile .product-tile__masterName, .results-container .product-tiles__container .product-tile .product-tile__details-price, .results-container .product-tiles__container .product-tile .product-tile__details-button, .results-container .product-tiles__container .product-tile .product-tile__details-colors, .results-container .experience-components .product-tile .product-tile__details-name, .results-container .experience-components .product-tile .product-tile__masterName, .results-container .experience-components .product-tile .product-tile__details-price, .results-container .experience-components .product-tile .product-tile__details-button, .results-container .experience-components .product-tile .product-tile__details-colors, .results-container .experience-component .product-tile .product-tile__details-name, .results-container .experience-component .product-tile .product-tile__masterName, .results-container .experience-component .product-tile .product-tile__details-price, .results-container .experience-component .product-tile .product-tile__details-button, .results-container .experience-component .product-tile .product-tile__details-colors, .category-item .product-tiles__container .product-tile .product-tile__details-name, .category-item .product-tiles__container .product-tile .product-tile__masterName, .category-item .product-tiles__container .product-tile .product-tile__details-price, .category-item .product-tiles__container .product-tile .product-tile__details-button, .category-item .product-tiles__container .product-tile .product-tile__details-colors, .category-item .experience-components .product-tile .product-tile__details-name, .category-item .experience-components .product-tile .product-tile__masterName, .category-item .experience-components .product-tile .product-tile__details-price, .category-item .experience-components .product-tile .product-tile__details-button, .category-item .experience-components .product-tile .product-tile__details-colors, .category-item .experience-component .product-tile .product-tile__details-name, .category-item .experience-component .product-tile .product-tile__masterName, .category-item .experience-component .product-tile .product-tile__details-price, .category-item .experience-component .product-tile .product-tile__details-button, .category-item .experience-component .product-tile .product-tile__details-colors, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-name, .widget-product-grid .product-tiles__container .product-tile .product-tile__masterName, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-price, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-button, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-colors, .widget-product-grid .experience-components .product-tile .product-tile__details-name, .widget-product-grid .experience-components .product-tile .product-tile__masterName, .widget-product-grid .experience-components .product-tile .product-tile__details-price, .widget-product-grid .experience-components .product-tile .product-tile__details-button, .widget-product-grid .experience-components .product-tile .product-tile__details-colors, .widget-product-grid .experience-component .product-tile .product-tile__details-name, .widget-product-grid .experience-component .product-tile .product-tile__masterName, .widget-product-grid .experience-component .product-tile .product-tile__details-price, .widget-product-grid .experience-component .product-tile .product-tile__details-button, .widget-product-grid .experience-component .product-tile .product-tile__details-colors, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-name, .widget-two-columns .product-tiles__container .product-tile .product-tile__masterName, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-price, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-button, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-colors, .widget-two-columns .experience-components .product-tile .product-tile__details-name, .widget-two-columns .experience-components .product-tile .product-tile__masterName, .widget-two-columns .experience-components .product-tile .product-tile__details-price, .widget-two-columns .experience-components .product-tile .product-tile__details-button, .widget-two-columns .experience-components .product-tile .product-tile__details-colors, .widget-two-columns .experience-component .product-tile .product-tile__details-name, .widget-two-columns .experience-component .product-tile .product-tile__masterName, .widget-two-columns .experience-component .product-tile .product-tile__details-price, .widget-two-columns .experience-component .product-tile .product-tile__details-button, .widget-two-columns .experience-component .product-tile .product-tile__details-colors { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.2rem; line-height: 1.08333; padding: 0.1rem 0 0; text-transform: uppercase; line-height: 1.4rem; } .results-container .product-tiles__container .product-tile .product-tile__details-description, .results-container .experience-components .product-tile .product-tile__details-description, .results-container .experience-component .product-tile .product-tile__details-description, .category-item .product-tiles__container .product-tile .product-tile__details-description, .category-item .experience-components .product-tile .product-tile__details-description, .category-item .experience-component .product-tile .product-tile__details-description, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-description, .widget-product-grid .experience-components .product-tile .product-tile__details-description, .widget-product-grid .experience-component .product-tile .product-tile__details-description, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-description, .widget-two-columns .experience-components .product-tile .product-tile__details-description, .widget-two-columns .experience-component .product-tile .product-tile__details-description { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.2rem; line-height: 1.08333; max-width: 80%; line-height: 1.4rem; } .results-container .product-tiles__container .product-tile .product-tile__label-text, .results-container .experience-components .product-tile .product-tile__label-text, .results-container .experience-component .product-tile .product-tile__label-text, .category-item .product-tiles__container .product-tile .product-tile__label-text, .category-item .experience-components .product-tile .product-tile__label-text, .category-item .experience-component .product-tile .product-tile__label-text, .widget-product-grid .product-tiles__container .product-tile .product-tile__label-text, .widget-product-grid .experience-components .product-tile .product-tile__label-text, .widget-product-grid .experience-component .product-tile .product-tile__label-text, .widget-two-columns .product-tiles__container .product-tile .product-tile__label-text, .widget-two-columns .experience-components .product-tile .product-tile__label-text, .widget-two-columns .experience-component .product-tile .product-tile__label-text { display: none; } .results-container .product-tiles__container .product-tile .product-tile__details, .results-container .experience-components .product-tile .product-tile__details, .results-container .experience-component .product-tile .product-tile__details, .category-item .product-tiles__container .product-tile .product-tile__details, .category-item .experience-components .product-tile .product-tile__details, .category-item .experience-component .product-tile .product-tile__details, .widget-product-grid .product-tiles__container .product-tile .product-tile__details, .widget-product-grid .experience-components .product-tile .product-tile__details, .widget-product-grid .experience-component .product-tile .product-tile__details, .widget-two-columns .product-tiles__container .product-tile .product-tile__details, .widget-two-columns .experience-components .product-tile .product-tile__details, .widget-two-columns .experience-component .product-tile .product-tile__details { position: absolute; padding: 0 1.5rem; bottom: 1.5rem; } .results-container .product-tiles__container .product-tile .product-tile__details a, .results-container .experience-components .product-tile .product-tile__details a, .results-container .experience-component .product-tile .product-tile__details a, .category-item .product-tiles__container .product-tile .product-tile__details a, .category-item .experience-components .product-tile .product-tile__details a, .category-item .experience-component .product-tile .product-tile__details a, .widget-product-grid .product-tiles__container .product-tile .product-tile__details a, .widget-product-grid .experience-components .product-tile .product-tile__details a, .widget-product-grid .experience-component .product-tile .product-tile__details a, .widget-two-columns .product-tiles__container .product-tile .product-tile__details a, .widget-two-columns .experience-components .product-tile .product-tile__details a, .widget-two-columns .experience-component .product-tile .product-tile__details a { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.2rem; line-height: 1.08333; text-transform: uppercase; line-height: 1.4rem; } .results-container .product-tiles__container .product-tile:hover, .results-container .experience-components .product-tile:hover, .results-container .experience-component .product-tile:hover, .category-item .product-tiles__container .product-tile:hover, .category-item .experience-components .product-tile:hover, .category-item .experience-component .product-tile:hover, .widget-product-grid .product-tiles__container .product-tile:hover, .widget-product-grid .experience-components .product-tile:hover, .widget-product-grid .experience-component .product-tile:hover, .widget-two-columns .product-tiles__container .product-tile:hover, .widget-two-columns .experience-components .product-tile:hover, .widget-two-columns .experience-component .product-tile:hover { box-shadow: inset 0 0 0 1px #6e6e6e; z-index: 1; } .results-container .product-tiles__container .product-tile:hover .product-tile__label-text, .results-container .experience-components .product-tile:hover .product-tile__label-text, .results-container .experience-component .product-tile:hover .product-tile__label-text, .category-item .product-tiles__container .product-tile:hover .product-tile__label-text, .category-item .experience-components .product-tile:hover .product-tile__label-text, .category-item .experience-component .product-tile:hover .product-tile__label-text, .widget-product-grid .product-tiles__container .product-tile:hover .product-tile__label-text, .widget-product-grid .experience-components .product-tile:hover .product-tile__label-text, .widget-product-grid .experience-component .product-tile:hover .product-tile__label-text, .widget-two-columns .product-tiles__container .product-tile:hover .product-tile__label-text, .widget-two-columns .experience-components .product-tile:hover .product-tile__label-text, .widget-two-columns .experience-component .product-tile:hover .product-tile__label-text { display: inline-block; } .results-container .product-tiles__container .product-tile:focus, .results-container .experience-components .product-tile:focus, .results-container .experience-component .product-tile:focus, .category-item .product-tiles__container .product-tile:focus, .category-item .experience-components .product-tile:focus, .category-item .experience-component .product-tile:focus, .widget-product-grid .product-tiles__container .product-tile:focus, .widget-product-grid .experience-components .product-tile:focus, .widget-product-grid .experience-component .product-tile:focus, .widget-two-columns .product-tiles__container .product-tile:focus, .widget-two-columns .experience-components .product-tile:focus, .widget-two-columns .experience-component .product-tile:focus { box-shadow: inset 0 0 0 1px #0029ff; z-index: 1; } .results-container .product-tiles__container .product-tile__price-former .icon-questionmark, .results-container .experience-components .product-tile__price-former .icon-questionmark, .results-container .experience-component .product-tile__price-former .icon-questionmark, .category-item .product-tiles__container .product-tile__price-former .icon-questionmark, .category-item .experience-components .product-tile__price-former .icon-questionmark, .category-item .experience-component .product-tile__price-former .icon-questionmark, .widget-product-grid .product-tiles__container .product-tile__price-former .icon-questionmark, .widget-product-grid .experience-components .product-tile__price-former .icon-questionmark, .widget-product-grid .experience-component .product-tile__price-former .icon-questionmark, .widget-two-columns .product-tiles__container .product-tile__price-former .icon-questionmark, .widget-two-columns .experience-components .product-tile__price-former .icon-questionmark, .widget-two-columns .experience-component .product-tile__price-former .icon-questionmark { position: relative; margin-left: 0.2rem; cursor: pointer; } .results-container .product-tiles__container .product-tile__price-former .icon-questionmark::before, .results-container .experience-components .product-tile__price-former .icon-questionmark::before, .results-container .experience-component .product-tile__price-former .icon-questionmark::before, .category-item .product-tiles__container .product-tile__price-former .icon-questionmark::before, .category-item .experience-components .product-tile__price-former .icon-questionmark::before, .category-item .experience-component .product-tile__price-former .icon-questionmark::before, .widget-product-grid .product-tiles__container .product-tile__price-former .icon-questionmark::before, .widget-product-grid .experience-components .product-tile__price-former .icon-questionmark::before, .widget-product-grid .experience-component .product-tile__price-former .icon-questionmark::before, .widget-two-columns .product-tiles__container .product-tile__price-former .icon-questionmark::before, .widget-two-columns .experience-components .product-tile__price-former .icon-questionmark::before, .widget-two-columns .experience-component .product-tile__price-former .icon-questionmark::before { content: ""; background: url("../../images/icons/icon-questionmark.svg") no-repeat; background-size: 100% 100%; height: 1.2rem; width: 1.2rem; position: absolute; } .results-container .product-tiles__container .product-tile__price-former .icon-questionmark:hover::before, .results-container .experience-components .product-tile__price-former .icon-questionmark:hover::before, .results-container .experience-component .product-tile__price-former .icon-questionmark:hover::before, .category-item .product-tiles__container .product-tile__price-former .icon-questionmark:hover::before, .category-item .experience-components .product-tile__price-former .icon-questionmark:hover::before, .category-item .experience-component .product-tile__price-former .icon-questionmark:hover::before, .widget-product-grid .product-tiles__container .product-tile__price-former .icon-questionmark:hover::before, .widget-product-grid .experience-components .product-tile__price-former .icon-questionmark:hover::before, .widget-product-grid .experience-component .product-tile__price-former .icon-questionmark:hover::before, .widget-two-columns .product-tiles__container .product-tile__price-former .icon-questionmark:hover::before, .widget-two-columns .experience-components .product-tile__price-former .icon-questionmark:hover::before, .widget-two-columns .experience-component .product-tile__price-former .icon-questionmark:hover::before { background: url("../../images/icons/icon-questionmark-full.svg") no-repeat; } .results-container .product-tiles__container .life-style_product:hover .product-tile__details, .results-container .experience-components .life-style_product:hover .product-tile__details, .results-container .experience-component .life-style_product:hover .product-tile__details, .category-item .product-tiles__container .life-style_product:hover .product-tile__details, .category-item .experience-components .life-style_product:hover .product-tile__details, .category-item .experience-component .life-style_product:hover .product-tile__details, .widget-product-grid .product-tiles__container .life-style_product:hover .product-tile__details, .widget-product-grid .experience-components .life-style_product:hover .product-tile__details, .widget-product-grid .experience-component .life-style_product:hover .product-tile__details, .widget-two-columns .product-tiles__container .life-style_product:hover .product-tile__details, .widget-two-columns .experience-components .life-style_product:hover .product-tile__details, .widget-two-columns .experience-component .life-style_product:hover .product-tile__details { padding: 0; z-index: 11; } .results-container .product-tiles__container .life-style_product:hover .product-tile__details-name, .results-container .product-tiles__container .life-style_product:hover .product-tile__masterName, .results-container .product-tiles__container .life-style_product:hover .product-tile__details-price, .results-container .product-tiles__container .life-style_product:hover .product-tile__details-button, .results-container .experience-components .life-style_product:hover .product-tile__details-name, .results-container .experience-components .life-style_product:hover .product-tile__masterName, .results-container .experience-components .life-style_product:hover .product-tile__details-price, .results-container .experience-components .life-style_product:hover .product-tile__details-button, .results-container .experience-component .life-style_product:hover .product-tile__details-name, .results-container .experience-component .life-style_product:hover .product-tile__masterName, .results-container .experience-component .life-style_product:hover .product-tile__details-price, .results-container .experience-component .life-style_product:hover .product-tile__details-button, .category-item .product-tiles__container .life-style_product:hover .product-tile__details-name, .category-item .product-tiles__container .life-style_product:hover .product-tile__masterName, .category-item .product-tiles__container .life-style_product:hover .product-tile__details-price, .category-item .product-tiles__container .life-style_product:hover .product-tile__details-button, .category-item .experience-components .life-style_product:hover .product-tile__details-name, .category-item .experience-components .life-style_product:hover .product-tile__masterName, .category-item .experience-components .life-style_product:hover .product-tile__details-price, .category-item .experience-components .life-style_product:hover .product-tile__details-button, .category-item .experience-component .life-style_product:hover .product-tile__details-name, .category-item .experience-component .life-style_product:hover .product-tile__masterName, .category-item .experience-component .life-style_product:hover .product-tile__details-price, .category-item .experience-component .life-style_product:hover .product-tile__details-button, .widget-product-grid .product-tiles__container .life-style_product:hover .product-tile__details-name, .widget-product-grid .product-tiles__container .life-style_product:hover .product-tile__masterName, .widget-product-grid .product-tiles__container .life-style_product:hover .product-tile__details-price, .widget-product-grid .product-tiles__container .life-style_product:hover .product-tile__details-button, .widget-product-grid .experience-components .life-style_product:hover .product-tile__details-name, .widget-product-grid .experience-components .life-style_product:hover .product-tile__masterName, .widget-product-grid .experience-components .life-style_product:hover .product-tile__details-price, .widget-product-grid .experience-components .life-style_product:hover .product-tile__details-button, .widget-product-grid .experience-component .life-style_product:hover .product-tile__details-name, .widget-product-grid .experience-component .life-style_product:hover .product-tile__masterName, .widget-product-grid .experience-component .life-style_product:hover .product-tile__details-price, .widget-product-grid .experience-component .life-style_product:hover .product-tile__details-button, .widget-two-columns .product-tiles__container .life-style_product:hover .product-tile__details-name, .widget-two-columns .product-tiles__container .life-style_product:hover .product-tile__masterName, .widget-two-columns .product-tiles__container .life-style_product:hover .product-tile__details-price, .widget-two-columns .product-tiles__container .life-style_product:hover .product-tile__details-button, .widget-two-columns .experience-components .life-style_product:hover .product-tile__details-name, .widget-two-columns .experience-components .life-style_product:hover .product-tile__masterName, .widget-two-columns .experience-components .life-style_product:hover .product-tile__details-price, .widget-two-columns .experience-components .life-style_product:hover .product-tile__details-button, .widget-two-columns .experience-component .life-style_product:hover .product-tile__details-name, .widget-two-columns .experience-component .life-style_product:hover .product-tile__masterName, .widget-two-columns .experience-component .life-style_product:hover .product-tile__details-price, .widget-two-columns .experience-component .life-style_product:hover .product-tile__details-button { box-shadow: inset 1px 0 0 #6e6e6e; margin: 0.1rem 0 0 0; padding: 0 1.5rem; width: -moz-fit-content; width: fit-content; } .results-container .product-tiles__container .life-style_product:hover .image-life-style, .results-container .experience-components .life-style_product:hover .image-life-style, .results-container .experience-component .life-style_product:hover .image-life-style, .category-item .product-tiles__container .life-style_product:hover .image-life-style, .category-item .experience-components .life-style_product:hover .image-life-style, .category-item .experience-component .life-style_product:hover .image-life-style, .widget-product-grid .product-tiles__container .life-style_product:hover .image-life-style, .widget-product-grid .experience-components .life-style_product:hover .image-life-style, .widget-product-grid .experience-component .life-style_product:hover .image-life-style, .widget-two-columns .product-tiles__container .life-style_product:hover .image-life-style, .widget-two-columns .experience-components .life-style_product:hover .image-life-style, .widget-two-columns .experience-component .life-style_product:hover .image-life-style { opacity: 1; padding: 0.1rem; } .results-container .product-tiles__container .life-style_product:hover .image-life-style + .image-product, .results-container .experience-components .life-style_product:hover .image-life-style + .image-product, .results-container .experience-component .life-style_product:hover .image-life-style + .image-product, .category-item .product-tiles__container .life-style_product:hover .image-life-style + .image-product, .category-item .experience-components .life-style_product:hover .image-life-style + .image-product, .category-item .experience-component .life-style_product:hover .image-life-style + .image-product, .widget-product-grid .product-tiles__container .life-style_product:hover .image-life-style + .image-product, .widget-product-grid .experience-components .life-style_product:hover .image-life-style + .image-product, .widget-product-grid .experience-component .life-style_product:hover .image-life-style + .image-product, .widget-two-columns .product-tiles__container .life-style_product:hover .image-life-style + .image-product, .widget-two-columns .experience-components .life-style_product:hover .image-life-style + .image-product, .widget-two-columns .experience-component .life-style_product:hover .image-life-style + .image-product { opacity: 0; } .results-container .product-tiles__container .life-style_product:hover .image-life-style_container, .results-container .experience-components .life-style_product:hover .image-life-style_container, .results-container .experience-component .life-style_product:hover .image-life-style_container, .category-item .product-tiles__container .life-style_product:hover .image-life-style_container, .category-item .experience-components .life-style_product:hover .image-life-style_container, .category-item .experience-component .life-style_product:hover .image-life-style_container, .widget-product-grid .product-tiles__container .life-style_product:hover .image-life-style_container, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_container, .widget-product-grid .experience-component .life-style_product:hover .image-life-style_container, .widget-two-columns .product-tiles__container .life-style_product:hover .image-life-style_container, .widget-two-columns .experience-components .life-style_product:hover .image-life-style_container, .widget-two-columns .experience-component .life-style_product:hover .image-life-style_container { padding-bottom: 62.5vw; } .results-container .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .results-container .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .results-container .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .results-container .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .results-container .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .results-container .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .results-container .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .results-container .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .results-container .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .results-container .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .results-container .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .results-container .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .results-container .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .results-container .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .results-container .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .category-item .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .category-item .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .category-item .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .category-item .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .category-item .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .category-item .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .category-item .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .category-item .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .category-item .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .category-item .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .category-item .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .category-item .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .category-item .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .category-item .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .category-item .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .widget-product-grid .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .widget-product-grid .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .widget-product-grid .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .widget-product-grid .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .widget-product-grid .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .widget-product-grid .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .widget-product-grid .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .widget-product-grid .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .widget-product-grid .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .widget-product-grid .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .widget-two-columns .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .widget-two-columns .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .widget-two-columns .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .widget-two-columns .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .widget-two-columns .product-tiles__container .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .widget-two-columns .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .widget-two-columns .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .widget-two-columns .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .widget-two-columns .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .widget-two-columns .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors, .widget-two-columns .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .widget-two-columns .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .widget-two-columns .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .widget-two-columns .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .widget-two-columns .experience-component .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors { background-color: #fff; } .results-container .product-tiles__container .master-product-tile:hover, .results-container .experience-components .master-product-tile:hover, .results-container .experience-component .master-product-tile:hover, .category-item .product-tiles__container .master-product-tile:hover, .category-item .experience-components .master-product-tile:hover, .category-item .experience-component .master-product-tile:hover, .widget-product-grid .product-tiles__container .master-product-tile:hover, .widget-product-grid .experience-components .master-product-tile:hover, .widget-product-grid .experience-component .master-product-tile:hover, .widget-two-columns .product-tiles__container .master-product-tile:hover, .widget-two-columns .experience-components .master-product-tile:hover, .widget-two-columns .experience-component .master-product-tile:hover { box-shadow: none; } .results-container .product-tiles__container .break, .results-container .experience-components .break, .results-container .experience-component .break, .category-item .product-tiles__container .break, .category-item .experience-components .break, .category-item .experience-component .break, .widget-product-grid .product-tiles__container .break, .widget-product-grid .experience-components .break, .widget-product-grid .experience-component .break, .widget-two-columns .product-tiles__container .break, .widget-two-columns .experience-components .break, .widget-two-columns .experience-component .break { flex-basis: 100%; height: 0; } [data-querystring="cgid=accessories-and-spare-parts"] .results-container .product-tiles__container .break, [data-querystring="cgid=accessories-and-spare-parts"] .results-container .experience-components .break, [data-querystring="cgid=accessories-and-spare-parts"] .results-container .experience-component .break, [data-querystring="cgid=accessories-and-spare-parts"] .category-item .product-tiles__container .break, [data-querystring="cgid=accessories-and-spare-parts"] .category-item .experience-components .break, [data-querystring="cgid=accessories-and-spare-parts"] .category-item .experience-component .break, [data-querystring="cgid=accessories-and-spare-parts"] .widget-product-grid .product-tiles__container .break, [data-querystring="cgid=accessories-and-spare-parts"] .widget-product-grid .experience-components .break, [data-querystring="cgid=accessories-and-spare-parts"] .widget-product-grid .experience-component .break, [data-querystring="cgid=accessories-and-spare-parts"] .widget-two-columns .product-tiles__container .break, [data-querystring="cgid=accessories-and-spare-parts"] .widget-two-columns .experience-components .break, [data-querystring="cgid=accessories-and-spare-parts"] .widget-two-columns .experience-component .break { flex-basis: auto; } .results-container .product-tiles__container .subcategories__category + .break, .results-container .experience-components .subcategories__category + .break, .results-container .experience-component .subcategories__category + .break, .category-item .product-tiles__container .subcategories__category + .break, .category-item .experience-components .subcategories__category + .break, .category-item .experience-component .subcategories__category + .break, .widget-product-grid .product-tiles__container .subcategories__category + .break, .widget-product-grid .experience-components .subcategories__category + .break, .widget-product-grid .experience-component .subcategories__category + .break, .widget-two-columns .product-tiles__container .subcategories__category + .break, .widget-two-columns .experience-components .subcategories__category + .break, .widget-two-columns .experience-component .subcategories__category + .break { flex-basis: 0%; height: 0; } .results-container .product-tiles__container .master-product-tile, .results-container .experience-components .master-product-tile, .results-container .experience-component .master-product-tile, .category-item .product-tiles__container .master-product-tile, .category-item .experience-components .master-product-tile, .category-item .experience-component .master-product-tile, .widget-product-grid .product-tiles__container .master-product-tile, .widget-product-grid .experience-components .master-product-tile, .widget-product-grid .experience-component .master-product-tile, .widget-two-columns .product-tiles__container .master-product-tile, .widget-two-columns .experience-components .master-product-tile, .widget-two-columns .experience-component .master-product-tile { padding: 15px 0 0 15px; background: #f2f2f2; } .results-container .product-tiles__container .master-product-tile .product-tile__details-masterName, .results-container .experience-components .master-product-tile .product-tile__details-masterName, .results-container .experience-component .master-product-tile .product-tile__details-masterName, .category-item .product-tiles__container .master-product-tile .product-tile__details-masterName, .category-item .experience-components .master-product-tile .product-tile__details-masterName, .category-item .experience-component .master-product-tile .product-tile__details-masterName, .widget-product-grid .product-tiles__container .master-product-tile .product-tile__details-masterName, .widget-product-grid .experience-components .master-product-tile .product-tile__details-masterName, .widget-product-grid .experience-component .master-product-tile .product-tile__details-masterName, .widget-two-columns .product-tiles__container .master-product-tile .product-tile__details-masterName, .widget-two-columns .experience-components .master-product-tile .product-tile__details-masterName, .widget-two-columns .experience-component .master-product-tile .product-tile__details-masterName { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 2.4rem; line-height: 1; color: #000; text-transform: uppercase; } .results-container .product-tiles__container .subcategories__category, .results-container .experience-components .subcategories__category, .results-container .experience-component .subcategories__category, .category-item .product-tiles__container .subcategories__category, .category-item .experience-components .subcategories__category, .category-item .experience-component .subcategories__category, .widget-product-grid .product-tiles__container .subcategories__category, .widget-product-grid .experience-components .subcategories__category, .widget-product-grid .experience-component .subcategories__category, .widget-two-columns .product-tiles__container .subcategories__category, .widget-two-columns .experience-components .subcategories__category, .widget-two-columns .experience-component .subcategories__category { width: 100%; position: relative; padding-top: 15px; padding-left: 15px; padding-bottom: 100%; box-sizing: border-box; height: 62.5vw; display: flex; flex-direction: column; } .results-container .product-tiles__container .subcategories__category .subcategories__category-name, .results-container .experience-components .subcategories__category .subcategories__category-name, .results-container .experience-component .subcategories__category .subcategories__category-name, .category-item .product-tiles__container .subcategories__category .subcategories__category-name, .category-item .experience-components .subcategories__category .subcategories__category-name, .category-item .experience-component .subcategories__category .subcategories__category-name, .widget-product-grid .product-tiles__container .subcategories__category .subcategories__category-name, .widget-product-grid .experience-components .subcategories__category .subcategories__category-name, .widget-product-grid .experience-component .subcategories__category .subcategories__category-name, .widget-two-columns .product-tiles__container .subcategories__category .subcategories__category-name, .widget-two-columns .experience-components .subcategories__category .subcategories__category-name, .widget-two-columns .experience-component .subcategories__category .subcategories__category-name { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 1; color: #fff; width: 50%; padding-bottom: 0; } .results-container .product-tiles__container .subcategories__category .subcategories__category-text, .results-container .experience-components .subcategories__category .subcategories__category-text, .results-container .experience-component .subcategories__category .subcategories__category-text, .category-item .product-tiles__container .subcategories__category .subcategories__category-text, .category-item .experience-components .subcategories__category .subcategories__category-text, .category-item .experience-component .subcategories__category .subcategories__category-text, .widget-product-grid .product-tiles__container .subcategories__category .subcategories__category-text, .widget-product-grid .experience-components .subcategories__category .subcategories__category-text, .widget-product-grid .experience-component .subcategories__category .subcategories__category-text, .widget-two-columns .product-tiles__container .subcategories__category .subcategories__category-text, .widget-two-columns .experience-components .subcategories__category .subcategories__category-text, .widget-two-columns .experience-component .subcategories__category .subcategories__category-text { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; color: #fff; text-transform: none; width: 80%; padding-top: 1.5rem; } .results-container .product-tiles__container .subcategories__category .subcategories__category-description, .results-container .experience-components .subcategories__category .subcategories__category-description, .results-container .experience-component .subcategories__category .subcategories__category-description, .category-item .product-tiles__container .subcategories__category .subcategories__category-description, .category-item .experience-components .subcategories__category .subcategories__category-description, .category-item .experience-component .subcategories__category .subcategories__category-description, .widget-product-grid .product-tiles__container .subcategories__category .subcategories__category-description, .widget-product-grid .experience-components .subcategories__category .subcategories__category-description, .widget-product-grid .experience-component .subcategories__category .subcategories__category-description, .widget-two-columns .product-tiles__container .subcategories__category .subcategories__category-description, .widget-two-columns .experience-components .subcategories__category .subcategories__category-description, .widget-two-columns .experience-component .subcategories__category .subcategories__category-description { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; bottom: 15px; position: absolute; width: 80%; color: #fff; } .results-container .product-tiles__container .subcategories__category .subcategories__category-link img, .results-container .experience-components .subcategories__category .subcategories__category-link img, .results-container .experience-component .subcategories__category .subcategories__category-link img, .category-item .product-tiles__container .subcategories__category .subcategories__category-link img, .category-item .experience-components .subcategories__category .subcategories__category-link img, .category-item .experience-component .subcategories__category .subcategories__category-link img, .widget-product-grid .product-tiles__container .subcategories__category .subcategories__category-link img, .widget-product-grid .experience-components .subcategories__category .subcategories__category-link img, .widget-product-grid .experience-component .subcategories__category .subcategories__category-link img, .widget-two-columns .product-tiles__container .subcategories__category .subcategories__category-link img, .widget-two-columns .experience-components .subcategories__category .subcategories__category-link img, .widget-two-columns .experience-component .subcategories__category .subcategories__category-link img { vertical-align: bottom; } .results-container .product-tiles__container .subcategories__category .subcategories__category-link .link_text, .results-container .experience-components .subcategories__category .subcategories__category-link .link_text, .results-container .experience-component .subcategories__category .subcategories__category-link .link_text, .category-item .product-tiles__container .subcategories__category .subcategories__category-link .link_text, .category-item .experience-components .subcategories__category .subcategories__category-link .link_text, .category-item .experience-component .subcategories__category .subcategories__category-link .link_text, .widget-product-grid .product-tiles__container .subcategories__category .subcategories__category-link .link_text, .widget-product-grid .experience-components .subcategories__category .subcategories__category-link .link_text, .widget-product-grid .experience-component .subcategories__category .subcategories__category-link .link_text, .widget-two-columns .product-tiles__container .subcategories__category .subcategories__category-link .link_text, .widget-two-columns .experience-components .subcategories__category .subcategories__category-link .link_text, .widget-two-columns .experience-component .subcategories__category .subcategories__category-link .link_text { padding-left: 10px; color: #fff; } .results-container .product-tiles__container .product-tile__image_container, .results-container .experience-components .product-tile__image_container, .results-container .experience-component .product-tile__image_container, .category-item .product-tiles__container .product-tile__image_container, .category-item .experience-components .product-tile__image_container, .category-item .experience-component .product-tile__image_container, .widget-product-grid .product-tiles__container .product-tile__image_container, .widget-product-grid .experience-components .product-tile__image_container, .widget-product-grid .experience-component .product-tile__image_container, .widget-two-columns .product-tiles__container .product-tile__image_container, .widget-two-columns .experience-components .product-tile__image_container, .widget-two-columns .experience-component .product-tile__image_container { width: 100%; height: 0; position: relative; padding-bottom: 100%; } .results-container .product-tiles__container .product-tile__image_container img, .results-container .experience-components .product-tile__image_container img, .results-container .experience-component .product-tile__image_container img, .category-item .product-tiles__container .product-tile__image_container img, .category-item .experience-components .product-tile__image_container img, .category-item .experience-component .product-tile__image_container img, .widget-product-grid .product-tiles__container .product-tile__image_container img, .widget-product-grid .experience-components .product-tile__image_container img, .widget-product-grid .experience-component .product-tile__image_container img, .widget-two-columns .product-tiles__container .product-tile__image_container img, .widget-two-columns .experience-components .product-tile__image_container img, .widget-two-columns .experience-component .product-tile__image_container img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; position: absolute; z-index: 1; transition: none; } .results-container .product-tiles__container .product-tile__image_container img.image-life-style, .results-container .experience-components .product-tile__image_container img.image-life-style, .results-container .experience-component .product-tile__image_container img.image-life-style, .category-item .product-tiles__container .product-tile__image_container img.image-life-style, .category-item .experience-components .product-tile__image_container img.image-life-style, .category-item .experience-component .product-tile__image_container img.image-life-style, .widget-product-grid .product-tiles__container .product-tile__image_container img.image-life-style, .widget-product-grid .experience-components .product-tile__image_container img.image-life-style, .widget-product-grid .experience-component .product-tile__image_container img.image-life-style, .widget-two-columns .product-tiles__container .product-tile__image_container img.image-life-style, .widget-two-columns .experience-components .product-tile__image_container img.image-life-style, .widget-two-columns .experience-component .product-tile__image_container img.image-life-style { opacity: 0; } .results-container .product-tiles__container .product-tile__details, .results-container .experience-components .product-tile__details, .results-container .experience-component .product-tile__details, .category-item .product-tiles__container .product-tile__details, .category-item .experience-components .product-tile__details, .category-item .experience-component .product-tile__details, .widget-product-grid .product-tiles__container .product-tile__details, .widget-product-grid .experience-components .product-tile__details, .widget-product-grid .experience-component .product-tile__details, .widget-two-columns .product-tiles__container .product-tile__details, .widget-two-columns .experience-components .product-tile__details, .widget-two-columns .experience-component .product-tile__details { height: auto; padding-bottom: 1.2rem; padding-left: 1.5rem; } .results-container .product-tiles__container .product-tile__details .product-tile__masterName, .results-container .experience-components .product-tile__details .product-tile__masterName, .results-container .experience-component .product-tile__details .product-tile__masterName, .category-item .product-tiles__container .product-tile__details .product-tile__masterName, .category-item .experience-components .product-tile__details .product-tile__masterName, .category-item .experience-component .product-tile__details .product-tile__masterName, .widget-product-grid .product-tiles__container .product-tile__details .product-tile__masterName, .widget-product-grid .experience-components .product-tile__details .product-tile__masterName, .widget-product-grid .experience-component .product-tile__details .product-tile__masterName, .widget-two-columns .product-tiles__container .product-tile__details .product-tile__masterName, .widget-two-columns .experience-components .product-tile__details .product-tile__masterName, .widget-two-columns .experience-component .product-tile__details .product-tile__masterName { text-transform: uppercase; } .results-container .product-tiles__container .product-tile__details-name, .results-container .experience-components .product-tile__details-name, .results-container .experience-component .product-tile__details-name, .category-item .product-tiles__container .product-tile__details-name, .category-item .experience-components .product-tile__details-name, .category-item .experience-component .product-tile__details-name, .widget-product-grid .product-tiles__container .product-tile__details-name, .widget-product-grid .experience-components .product-tile__details-name, .widget-product-grid .experience-component .product-tile__details-name, .widget-two-columns .product-tiles__container .product-tile__details-name, .widget-two-columns .experience-components .product-tile__details-name, .widget-two-columns .experience-component .product-tile__details-name { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .results-container .product-tiles__container .product-tile__details-price, .results-container .experience-components .product-tile__details-price, .results-container .experience-component .product-tile__details-price, .category-item .product-tiles__container .product-tile__details-price, .category-item .experience-components .product-tile__details-price, .category-item .experience-component .product-tile__details-price, .widget-product-grid .product-tiles__container .product-tile__details-price, .widget-product-grid .experience-components .product-tile__details-price, .widget-product-grid .experience-component .product-tile__details-price, .widget-two-columns .product-tiles__container .product-tile__details-price, .widget-two-columns .experience-components .product-tile__details-price, .widget-two-columns .experience-component .product-tile__details-price { text-transform: uppercase; padding-top: 0.1rem; white-space: nowrap; } .results-container .product-tiles__container .product-tile__details .product-price__default, .results-container .experience-components .product-tile__details .product-price__default, .results-container .experience-component .product-tile__details .product-price__default, .category-item .product-tiles__container .product-tile__details .product-price__default, .category-item .experience-components .product-tile__details .product-price__default, .category-item .experience-component .product-tile__details .product-price__default, .widget-product-grid .product-tiles__container .product-tile__details .product-price__default, .widget-product-grid .experience-components .product-tile__details .product-price__default, .widget-product-grid .experience-component .product-tile__details .product-price__default, .widget-two-columns .product-tiles__container .product-tile__details .product-price__default, .widget-two-columns .experience-components .product-tile__details .product-price__default, .widget-two-columns .experience-component .product-tile__details .product-price__default { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; gap: 0 0.5rem; padding-top: 0.1rem; } .results-container .product-tiles__container .product-tile__details-link, .results-container .experience-components .product-tile__details-link, .results-container .experience-component .product-tile__details-link, .category-item .product-tiles__container .product-tile__details-link, .category-item .experience-components .product-tile__details-link, .category-item .experience-component .product-tile__details-link, .widget-product-grid .product-tiles__container .product-tile__details-link, .widget-product-grid .experience-components .product-tile__details-link, .widget-product-grid .experience-component .product-tile__details-link, .widget-two-columns .product-tiles__container .product-tile__details-link, .widget-two-columns .experience-components .product-tile__details-link, .widget-two-columns .experience-component .product-tile__details-link { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .results-container .product-tiles__container .product-tile__details-link .product-tile__label-text, .results-container .experience-components .product-tile__details-link .product-tile__label-text, .results-container .experience-component .product-tile__details-link .product-tile__label-text, .category-item .product-tiles__container .product-tile__details-link .product-tile__label-text, .category-item .experience-components .product-tile__details-link .product-tile__label-text, .category-item .experience-component .product-tile__details-link .product-tile__label-text, .widget-product-grid .product-tiles__container .product-tile__details-link .product-tile__label-text, .widget-product-grid .experience-components .product-tile__details-link .product-tile__label-text, .widget-product-grid .experience-component .product-tile__details-link .product-tile__label-text, .widget-two-columns .product-tiles__container .product-tile__details-link .product-tile__label-text, .widget-two-columns .experience-components .product-tile__details-link .product-tile__label-text, .widget-two-columns .experience-component .product-tile__details-link .product-tile__label-text { margin-left: 1.1rem; } .results-container .product-tiles__container .product-tile__details .price-former, .results-container .experience-components .product-tile__details .price-former, .results-container .experience-component .product-tile__details .price-former, .category-item .product-tiles__container .product-tile__details .price-former, .category-item .experience-components .product-tile__details .price-former, .category-item .experience-component .product-tile__details .price-former, .widget-product-grid .product-tiles__container .product-tile__details .price-former, .widget-product-grid .experience-components .product-tile__details .price-former, .widget-product-grid .experience-component .product-tile__details .price-former, .widget-two-columns .product-tiles__container .product-tile__details .price-former, .widget-two-columns .experience-components .product-tile__details .price-former, .widget-two-columns .experience-component .product-tile__details .price-former { color: #6e6e6e; } .results-container .product-tiles__container .product-tile__ribbon, .results-container .experience-components .product-tile__ribbon, .results-container .experience-component .product-tile__ribbon, .category-item .product-tiles__container .product-tile__ribbon, .category-item .experience-components .product-tile__ribbon, .category-item .experience-component .product-tile__ribbon, .widget-product-grid .product-tiles__container .product-tile__ribbon, .widget-product-grid .experience-components .product-tile__ribbon, .widget-product-grid .experience-component .product-tile__ribbon, .widget-two-columns .product-tiles__container .product-tile__ribbon, .widget-two-columns .experience-components .product-tile__ribbon, .widget-two-columns .experience-component .product-tile__ribbon { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.2rem; line-height: 1.08333; text-transform: uppercase; line-height: 1.6rem; position: absolute; top: 1.5rem; display: inline-block; z-index: 1; background: #000; color: #fff; padding: 0 1.5rem; } .results-container .product-tiles__container .out-of-stock-message, .results-container .experience-components .out-of-stock-message, .results-container .experience-component .out-of-stock-message, .category-item .product-tiles__container .out-of-stock-message, .category-item .experience-components .out-of-stock-message, .category-item .experience-component .out-of-stock-message, .widget-product-grid .product-tiles__container .out-of-stock-message, .widget-product-grid .experience-components .out-of-stock-message, .widget-product-grid .experience-component .out-of-stock-message, .widget-two-columns .product-tiles__container .out-of-stock-message, .widget-two-columns .experience-components .out-of-stock-message, .widget-two-columns .experience-component .out-of-stock-message { display: none; } body.plp-seo-overlay { overflow: hidden; } .subcategories__category-overlay { display: none; position: fixed; padding: 0 1.5rem 1.5rem; top: 0; height: 100vh; width: 100vw; max-width: 100vw; max-height: 100vh; z-index: 20; background: #fff; overflow: auto; overflow-x: hidden; } .subcategories__category-overlay.overlay-active { display: block; } .subcategories__category-overlay-title { padding: 1.4rem 0; position: sticky; top: 0; background: #fff; margin-bottom: 1.5rem; } .subcategories__category-overlay-title .icon-minus { cursor: pointer; width: 4.4rem; height: 4.4rem; display: inline-block; right: -1.5rem; position: absolute; top: 0; } .subcategories__category-overlay-title .icon-minus::before { position: absolute; content: " "; width: 1.4rem; height: 1.4rem; background: url("../../images/icons/icon-x-minus.svg") no-repeat; right: 1.5rem; top: 1.5rem; } .category-item .product-tiles__container .product-tile { height: 62.5vw; background: #fff; } .results-container, .widget-product-grid, .widget-two-columns { width: 100%; position: relative; background-image: url("../images/transparency.jpg"); background-size: 6px 6px; background-repeat: repeat; image-rendering: pixelated; } .results-container .product-tile, .widget-product-grid .product-tile, .widget-two-columns .product-tile { background: linear-gradient(45deg, #f2f2f2 0%, #e4e4e4 100%); } .review-list { display: flex; flex-direction: column; } .review-list__image { width: 100%; height: 125vw; } .review-list__image picture { height: 100%; } .review-list__image img { object-fit: cover; height: 100%; } .review-list__title { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 3.2rem; line-height: 1; text-transform: uppercase; margin: 3rem 0 8.5rem; padding: 0 1.5rem; text-align: left; } .carousel-active .review-list__title { display: none; } .review-list__items { display: flex; flex-direction: column; justify-content: center; text-align: center; width: 100%; height: auto; } .review-list__items.carousel-active { height: 125vw; } .review-list__items .logomark .review-item__text { display: none; } .review-list__items .text .review-item__logotype { display: none; } .review-list__item { height: 100%; } .review-list__item-wrapper { height: auto; position: relative; text-align: left; display: flex; flex-direction: column; margin-bottom: 2rem; gap: 5rem; } .review-list__item-wrapper.owl-carousel { height: 100%; text-emphasis: center; display: block; margin-bottom: 0; gap: 0; } .review-list__item-wrapper.owl-carousel .review-item { height: 100%; justify-content: center; align-items: center; margin: 0; } .review-list__item-wrapper.owl-carousel .review-item__content { max-width: 28rem; text-align: center; } .review-list__item-wrapper.owl-theme .owl-dots { position: absolute; left: 50%; bottom: 1rem; transform: translateX(-50%); display: flex; } .review-list__item-wrapper.owl-theme .owl-dots .owl-dot span { border: 1px solid #cdcdcd; background: transparent; border-radius: 100%; width: 0.8rem; height: 0.8rem; } .review-list__item-wrapper.owl-theme .owl-dots .owl-dot.active span, .review-list__item-wrapper.owl-theme .owl-dots .owl-dot:hover span { background: transparent; position: relative; } .review-list__item-wrapper.owl-theme .owl-dots .owl-dot.active span::after, .review-list__item-wrapper.owl-theme .owl-dots .owl-dot:hover span::after { content: ""; position: absolute; border-radius: 100%; background: #000; width: 0.4rem; height: 0.4rem; left: 50%; top: 50%; transform: translate(-50%, -50%); } .review-list__item-wrapper .owl-stage-outer, .review-list__item-wrapper .owl-stage { height: 100%; } .review-list__item-wrapper .owl-item { height: 100%; } .review-list__item-wrapper .owl-nav .icon-arrow-icon-down::before { content: ''; background-image: url("../../images/icons/icon-arrow-carousel-black.svg"); background-repeat: no-repeat; background-size: 100%; width: 3rem; height: 3rem; position: absolute; } .review-list__item-wrapper .owl-nav .owl-prev, .review-list__item-wrapper .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); width: auto; margin: 0; } .review-list__item-wrapper .owl-nav .owl-prev { left: 0; } .review-list__item-wrapper .owl-nav .owl-prev .icon-arrow-icon-down::before { left: 0; transform: rotate(180deg); } .review-list__item-wrapper .owl-nav .owl-next { right: 0; } .review-list__item-wrapper .owl-nav .owl-next .icon-arrow-icon-down::before { right: 0; } .review-list .review-item { height: auto; display: flex; flex-direction: column; justify-content: start; align-items: flex-start; padding: 0 1.5rem; gap: 2rem; } .review-list .review-item__logotype { display: inline-block; height: 3rem; } .review-list .review-item__text { margin: 0; } .review-list .review-item__content { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.8rem; line-height: 1.11111; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .review-list .review-item__signature { font-family: "Helvetica Now Display W02 Bold"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; } @media screen and (max-width: 520px) { .results-container .product-tiles__container .product-tile .product-tile__details-link, .results-container .experience-components .product-tile .product-tile__details-link, .category-item .product-tiles__container .product-tile .product-tile__details-link, .category-item .experience-components .product-tile .product-tile__details-link, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-link, .widget-product-grid .experience-components .product-tile .product-tile__details-link, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-link, .widget-two-columns .experience-components .product-tile .product-tile__details-link { display: none; } } @media screen and (max-width: 320px) { .results-container .product-tiles__container .product-tile, .results-container .experience-components .product-tile, .category-item .product-tiles__container .product-tile, .category-item .experience-components .product-tile, .widget-product-grid .product-tiles__container .product-tile, .widget-product-grid .experience-components .product-tile, .widget-two-columns .product-tiles__container .product-tile, .widget-two-columns .experience-components .product-tile { width: 100%; height: 125vw; } .results-container .product-tiles__container .product-tile:hover .image-life-style_container, .results-container .experience-components .product-tile:hover .image-life-style_container, .category-item .product-tiles__container .product-tile:hover .image-life-style_container, .category-item .experience-components .product-tile:hover .image-life-style_container, .widget-product-grid .product-tiles__container .product-tile:hover .image-life-style_container, .widget-product-grid .experience-components .product-tile:hover .image-life-style_container, .widget-two-columns .product-tiles__container .product-tile:hover .image-life-style_container, .widget-two-columns .experience-components .product-tile:hover .image-life-style_container { padding-bottom: 125vw; } .results-container .product-tiles__container .product-tile .product-tile__details-link, .results-container .experience-components .product-tile .product-tile__details-link, .category-item .product-tiles__container .product-tile .product-tile__details-link, .category-item .experience-components .product-tile .product-tile__details-link, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-link, .widget-product-grid .experience-components .product-tile .product-tile__details-link, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-link, .widget-two-columns .experience-components .product-tile .product-tile__details-link { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 768px) { .results-container .product-tiles__container .product-tile, .results-container .product-tiles__container .subcategories__category, .results-container .experience-components .product-tile, .results-container .experience-components .subcategories__category, .results-container .experience-component .product-tile, .results-container .experience-component .subcategories__category, .category-item .product-tiles__container .product-tile, .category-item .product-tiles__container .subcategories__category, .category-item .experience-components .product-tile, .category-item .experience-components .subcategories__category, .category-item .experience-component .product-tile, .category-item .experience-component .subcategories__category, .widget-product-grid .product-tiles__container .product-tile, .widget-product-grid .product-tiles__container .subcategories__category, .widget-product-grid .experience-components .product-tile, .widget-product-grid .experience-components .subcategories__category, .widget-product-grid .experience-component .product-tile, .widget-product-grid .experience-component .subcategories__category, .widget-two-columns .product-tiles__container .product-tile, .widget-two-columns .product-tiles__container .subcategories__category, .widget-two-columns .experience-components .product-tile, .widget-two-columns .experience-components .subcategories__category, .widget-two-columns .experience-component .product-tile, .widget-two-columns .experience-component .subcategories__category { width: 50%; box-sizing: border-box; } .results-container .product-tiles__container .product-tile .product-tile__details-name, .results-container .product-tiles__container .product-tile .product-tile__masterName, .results-container .product-tiles__container .product-tile .product-tile__details-price, .results-container .product-tiles__container .product-tile .product-tile__details-button, .results-container .product-tiles__container .product-tile .product-tile__details-colors, .results-container .product-tiles__container .subcategories__category .product-tile__details-name, .results-container .product-tiles__container .subcategories__category .product-tile__masterName, .results-container .product-tiles__container .subcategories__category .product-tile__details-price, .results-container .product-tiles__container .subcategories__category .product-tile__details-button, .results-container .product-tiles__container .subcategories__category .product-tile__details-colors, .results-container .experience-components .product-tile .product-tile__details-name, .results-container .experience-components .product-tile .product-tile__masterName, .results-container .experience-components .product-tile .product-tile__details-price, .results-container .experience-components .product-tile .product-tile__details-button, .results-container .experience-components .product-tile .product-tile__details-colors, .results-container .experience-components .subcategories__category .product-tile__details-name, .results-container .experience-components .subcategories__category .product-tile__masterName, .results-container .experience-components .subcategories__category .product-tile__details-price, .results-container .experience-components .subcategories__category .product-tile__details-button, .results-container .experience-components .subcategories__category .product-tile__details-colors, .results-container .experience-component .product-tile .product-tile__details-name, .results-container .experience-component .product-tile .product-tile__masterName, .results-container .experience-component .product-tile .product-tile__details-price, .results-container .experience-component .product-tile .product-tile__details-button, .results-container .experience-component .product-tile .product-tile__details-colors, .results-container .experience-component .subcategories__category .product-tile__details-name, .results-container .experience-component .subcategories__category .product-tile__masterName, .results-container .experience-component .subcategories__category .product-tile__details-price, .results-container .experience-component .subcategories__category .product-tile__details-button, .results-container .experience-component .subcategories__category .product-tile__details-colors, .category-item .product-tiles__container .product-tile .product-tile__details-name, .category-item .product-tiles__container .product-tile .product-tile__masterName, .category-item .product-tiles__container .product-tile .product-tile__details-price, .category-item .product-tiles__container .product-tile .product-tile__details-button, .category-item .product-tiles__container .product-tile .product-tile__details-colors, .category-item .product-tiles__container .subcategories__category .product-tile__details-name, .category-item .product-tiles__container .subcategories__category .product-tile__masterName, .category-item .product-tiles__container .subcategories__category .product-tile__details-price, .category-item .product-tiles__container .subcategories__category .product-tile__details-button, .category-item .product-tiles__container .subcategories__category .product-tile__details-colors, .category-item .experience-components .product-tile .product-tile__details-name, .category-item .experience-components .product-tile .product-tile__masterName, .category-item .experience-components .product-tile .product-tile__details-price, .category-item .experience-components .product-tile .product-tile__details-button, .category-item .experience-components .product-tile .product-tile__details-colors, .category-item .experience-components .subcategories__category .product-tile__details-name, .category-item .experience-components .subcategories__category .product-tile__masterName, .category-item .experience-components .subcategories__category .product-tile__details-price, .category-item .experience-components .subcategories__category .product-tile__details-button, .category-item .experience-components .subcategories__category .product-tile__details-colors, .category-item .experience-component .product-tile .product-tile__details-name, .category-item .experience-component .product-tile .product-tile__masterName, .category-item .experience-component .product-tile .product-tile__details-price, .category-item .experience-component .product-tile .product-tile__details-button, .category-item .experience-component .product-tile .product-tile__details-colors, .category-item .experience-component .subcategories__category .product-tile__details-name, .category-item .experience-component .subcategories__category .product-tile__masterName, .category-item .experience-component .subcategories__category .product-tile__details-price, .category-item .experience-component .subcategories__category .product-tile__details-button, .category-item .experience-component .subcategories__category .product-tile__details-colors, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-name, .widget-product-grid .product-tiles__container .product-tile .product-tile__masterName, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-price, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-button, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-colors, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__details-name, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__masterName, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__details-price, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__details-button, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__details-colors, .widget-product-grid .experience-components .product-tile .product-tile__details-name, .widget-product-grid .experience-components .product-tile .product-tile__masterName, .widget-product-grid .experience-components .product-tile .product-tile__details-price, .widget-product-grid .experience-components .product-tile .product-tile__details-button, .widget-product-grid .experience-components .product-tile .product-tile__details-colors, .widget-product-grid .experience-components .subcategories__category .product-tile__details-name, .widget-product-grid .experience-components .subcategories__category .product-tile__masterName, .widget-product-grid .experience-components .subcategories__category .product-tile__details-price, .widget-product-grid .experience-components .subcategories__category .product-tile__details-button, .widget-product-grid .experience-components .subcategories__category .product-tile__details-colors, .widget-product-grid .experience-component .product-tile .product-tile__details-name, .widget-product-grid .experience-component .product-tile .product-tile__masterName, .widget-product-grid .experience-component .product-tile .product-tile__details-price, .widget-product-grid .experience-component .product-tile .product-tile__details-button, .widget-product-grid .experience-component .product-tile .product-tile__details-colors, .widget-product-grid .experience-component .subcategories__category .product-tile__details-name, .widget-product-grid .experience-component .subcategories__category .product-tile__masterName, .widget-product-grid .experience-component .subcategories__category .product-tile__details-price, .widget-product-grid .experience-component .subcategories__category .product-tile__details-button, .widget-product-grid .experience-component .subcategories__category .product-tile__details-colors, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-name, .widget-two-columns .product-tiles__container .product-tile .product-tile__masterName, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-price, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-button, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-colors, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__details-name, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__masterName, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__details-price, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__details-button, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__details-colors, .widget-two-columns .experience-components .product-tile .product-tile__details-name, .widget-two-columns .experience-components .product-tile .product-tile__masterName, .widget-two-columns .experience-components .product-tile .product-tile__details-price, .widget-two-columns .experience-components .product-tile .product-tile__details-button, .widget-two-columns .experience-components .product-tile .product-tile__details-colors, .widget-two-columns .experience-components .subcategories__category .product-tile__details-name, .widget-two-columns .experience-components .subcategories__category .product-tile__masterName, .widget-two-columns .experience-components .subcategories__category .product-tile__details-price, .widget-two-columns .experience-components .subcategories__category .product-tile__details-button, .widget-two-columns .experience-components .subcategories__category .product-tile__details-colors, .widget-two-columns .experience-component .product-tile .product-tile__details-name, .widget-two-columns .experience-component .product-tile .product-tile__masterName, .widget-two-columns .experience-component .product-tile .product-tile__details-price, .widget-two-columns .experience-component .product-tile .product-tile__details-button, .widget-two-columns .experience-component .product-tile .product-tile__details-colors, .widget-two-columns .experience-component .subcategories__category .product-tile__details-name, .widget-two-columns .experience-component .subcategories__category .product-tile__masterName, .widget-two-columns .experience-component .subcategories__category .product-tile__details-price, .widget-two-columns .experience-component .subcategories__category .product-tile__details-button, .widget-two-columns .experience-component .subcategories__category .product-tile__details-colors { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .results-container .product-tiles__container .product-tile .product-tile__details-masterName, .results-container .product-tiles__container .subcategories__category .product-tile__details-masterName, .results-container .experience-components .product-tile .product-tile__details-masterName, .results-container .experience-components .subcategories__category .product-tile__details-masterName, .results-container .experience-component .product-tile .product-tile__details-masterName, .results-container .experience-component .subcategories__category .product-tile__details-masterName, .category-item .product-tiles__container .product-tile .product-tile__details-masterName, .category-item .product-tiles__container .subcategories__category .product-tile__details-masterName, .category-item .experience-components .product-tile .product-tile__details-masterName, .category-item .experience-components .subcategories__category .product-tile__details-masterName, .category-item .experience-component .product-tile .product-tile__details-masterName, .category-item .experience-component .subcategories__category .product-tile__details-masterName, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-masterName, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__details-masterName, .widget-product-grid .experience-components .product-tile .product-tile__details-masterName, .widget-product-grid .experience-components .subcategories__category .product-tile__details-masterName, .widget-product-grid .experience-component .product-tile .product-tile__details-masterName, .widget-product-grid .experience-component .subcategories__category .product-tile__details-masterName, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-masterName, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__details-masterName, .widget-two-columns .experience-components .product-tile .product-tile__details-masterName, .widget-two-columns .experience-components .subcategories__category .product-tile__details-masterName, .widget-two-columns .experience-component .product-tile .product-tile__details-masterName, .widget-two-columns .experience-component .subcategories__category .product-tile__details-masterName { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 1; text-transform: uppercase; } .results-container .product-tiles__container .product-tile .product-tile__details a, .results-container .product-tiles__container .subcategories__category .product-tile__details a, .results-container .experience-components .product-tile .product-tile__details a, .results-container .experience-components .subcategories__category .product-tile__details a, .results-container .experience-component .product-tile .product-tile__details a, .results-container .experience-component .subcategories__category .product-tile__details a, .category-item .product-tiles__container .product-tile .product-tile__details a, .category-item .product-tiles__container .subcategories__category .product-tile__details a, .category-item .experience-components .product-tile .product-tile__details a, .category-item .experience-components .subcategories__category .product-tile__details a, .category-item .experience-component .product-tile .product-tile__details a, .category-item .experience-component .subcategories__category .product-tile__details a, .widget-product-grid .product-tiles__container .product-tile .product-tile__details a, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__details a, .widget-product-grid .experience-components .product-tile .product-tile__details a, .widget-product-grid .experience-components .subcategories__category .product-tile__details a, .widget-product-grid .experience-component .product-tile .product-tile__details a, .widget-product-grid .experience-component .subcategories__category .product-tile__details a, .widget-two-columns .product-tiles__container .product-tile .product-tile__details a, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__details a, .widget-two-columns .experience-components .product-tile .product-tile__details a, .widget-two-columns .experience-components .subcategories__category .product-tile__details a, .widget-two-columns .experience-component .product-tile .product-tile__details a, .widget-two-columns .experience-component .subcategories__category .product-tile__details a { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .results-container .product-tiles__container .product-tile .product-tile__details .product-price__default, .results-container .product-tiles__container .subcategories__category .product-tile__details .product-price__default, .results-container .experience-components .product-tile .product-tile__details .product-price__default, .results-container .experience-components .subcategories__category .product-tile__details .product-price__default, .results-container .experience-component .product-tile .product-tile__details .product-price__default, .results-container .experience-component .subcategories__category .product-tile__details .product-price__default, .category-item .product-tiles__container .product-tile .product-tile__details .product-price__default, .category-item .product-tiles__container .subcategories__category .product-tile__details .product-price__default, .category-item .experience-components .product-tile .product-tile__details .product-price__default, .category-item .experience-components .subcategories__category .product-tile__details .product-price__default, .category-item .experience-component .product-tile .product-tile__details .product-price__default, .category-item .experience-component .subcategories__category .product-tile__details .product-price__default, .widget-product-grid .product-tiles__container .product-tile .product-tile__details .product-price__default, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__details .product-price__default, .widget-product-grid .experience-components .product-tile .product-tile__details .product-price__default, .widget-product-grid .experience-components .subcategories__category .product-tile__details .product-price__default, .widget-product-grid .experience-component .product-tile .product-tile__details .product-price__default, .widget-product-grid .experience-component .subcategories__category .product-tile__details .product-price__default, .widget-two-columns .product-tiles__container .product-tile .product-tile__details .product-price__default, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__details .product-price__default, .widget-two-columns .experience-components .product-tile .product-tile__details .product-price__default, .widget-two-columns .experience-components .subcategories__category .product-tile__details .product-price__default, .widget-two-columns .experience-component .product-tile .product-tile__details .product-price__default, .widget-two-columns .experience-component .subcategories__category .product-tile__details .product-price__default { flex-wrap: nowrap; } .results-container .product-tiles__container .product-tile .product-tile__details-description, .results-container .product-tiles__container .subcategories__category .product-tile__details-description, .results-container .experience-components .product-tile .product-tile__details-description, .results-container .experience-components .subcategories__category .product-tile__details-description, .results-container .experience-component .product-tile .product-tile__details-description, .results-container .experience-component .subcategories__category .product-tile__details-description, .category-item .product-tiles__container .product-tile .product-tile__details-description, .category-item .product-tiles__container .subcategories__category .product-tile__details-description, .category-item .experience-components .product-tile .product-tile__details-description, .category-item .experience-components .subcategories__category .product-tile__details-description, .category-item .experience-component .product-tile .product-tile__details-description, .category-item .experience-component .subcategories__category .product-tile__details-description, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-description, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__details-description, .widget-product-grid .experience-components .product-tile .product-tile__details-description, .widget-product-grid .experience-components .subcategories__category .product-tile__details-description, .widget-product-grid .experience-component .product-tile .product-tile__details-description, .widget-product-grid .experience-component .subcategories__category .product-tile__details-description, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-description, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__details-description, .widget-two-columns .experience-components .product-tile .product-tile__details-description, .widget-two-columns .experience-components .subcategories__category .product-tile__details-description, .widget-two-columns .experience-component .product-tile .product-tile__details-description, .widget-two-columns .experience-component .subcategories__category .product-tile__details-description { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1.125; } .results-container .product-tiles__container .product-tile .product-tile__ribbon, .results-container .product-tiles__container .subcategories__category .product-tile__ribbon, .results-container .experience-components .product-tile .product-tile__ribbon, .results-container .experience-components .subcategories__category .product-tile__ribbon, .results-container .experience-component .product-tile .product-tile__ribbon, .results-container .experience-component .subcategories__category .product-tile__ribbon, .category-item .product-tiles__container .product-tile .product-tile__ribbon, .category-item .product-tiles__container .subcategories__category .product-tile__ribbon, .category-item .experience-components .product-tile .product-tile__ribbon, .category-item .experience-components .subcategories__category .product-tile__ribbon, .category-item .experience-component .product-tile .product-tile__ribbon, .category-item .experience-component .subcategories__category .product-tile__ribbon, .widget-product-grid .product-tiles__container .product-tile .product-tile__ribbon, .widget-product-grid .product-tiles__container .subcategories__category .product-tile__ribbon, .widget-product-grid .experience-components .product-tile .product-tile__ribbon, .widget-product-grid .experience-components .subcategories__category .product-tile__ribbon, .widget-product-grid .experience-component .product-tile .product-tile__ribbon, .widget-product-grid .experience-component .subcategories__category .product-tile__ribbon, .widget-two-columns .product-tiles__container .product-tile .product-tile__ribbon, .widget-two-columns .product-tiles__container .subcategories__category .product-tile__ribbon, .widget-two-columns .experience-components .product-tile .product-tile__ribbon, .widget-two-columns .experience-components .subcategories__category .product-tile__ribbon, .widget-two-columns .experience-component .product-tile .product-tile__ribbon, .widget-two-columns .experience-component .subcategories__category .product-tile__ribbon { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .results-container .product-tiles__container .product-tile .product-tile__label-text, .results-container .experience-components .product-tile .product-tile__label-text, .results-container .experience-component .product-tile .product-tile__label-text, .category-item .product-tiles__container .product-tile .product-tile__label-text, .category-item .experience-components .product-tile .product-tile__label-text, .category-item .experience-component .product-tile .product-tile__label-text, .widget-product-grid .product-tiles__container .product-tile .product-tile__label-text, .widget-product-grid .experience-components .product-tile .product-tile__label-text, .widget-product-grid .experience-component .product-tile .product-tile__label-text, .widget-two-columns .product-tiles__container .product-tile .product-tile__label-text, .widget-two-columns .experience-components .product-tile .product-tile__label-text, .widget-two-columns .experience-component .product-tile .product-tile__label-text { display: none; } .results-container .product-tiles__container .master-product-tile:hover, .results-container .experience-components .master-product-tile:hover, .results-container .experience-component .master-product-tile:hover, .category-item .product-tiles__container .master-product-tile:hover, .category-item .experience-components .master-product-tile:hover, .category-item .experience-component .master-product-tile:hover, .widget-product-grid .product-tiles__container .master-product-tile:hover, .widget-product-grid .experience-components .master-product-tile:hover, .widget-product-grid .experience-component .master-product-tile:hover, .widget-two-columns .product-tiles__container .master-product-tile:hover, .widget-two-columns .experience-components .master-product-tile:hover, .widget-two-columns .experience-component .master-product-tile:hover { box-shadow: none; } .results-container .product-tiles__container .subcategories__category, .results-container .experience-components .subcategories__category, .results-container .experience-component .subcategories__category, .category-item .product-tiles__container .subcategories__category, .category-item .experience-components .subcategories__category, .category-item .experience-component .subcategories__category, .widget-product-grid .product-tiles__container .subcategories__category, .widget-product-grid .experience-components .subcategories__category, .widget-product-grid .experience-component .subcategories__category, .widget-two-columns .product-tiles__container .subcategories__category, .widget-two-columns .experience-components .subcategories__category, .widget-two-columns .experience-component .subcategories__category { position: relative; width: 50%; padding: 15px 0 0 15px; min-height: 62.5vw; } .results-container .product-tiles__container .subcategories__category .subcategories__category-name, .results-container .experience-components .subcategories__category .subcategories__category-name, .results-container .experience-component .subcategories__category .subcategories__category-name, .category-item .product-tiles__container .subcategories__category .subcategories__category-name, .category-item .experience-components .subcategories__category .subcategories__category-name, .category-item .experience-component .subcategories__category .subcategories__category-name, .widget-product-grid .product-tiles__container .subcategories__category .subcategories__category-name, .widget-product-grid .experience-components .subcategories__category .subcategories__category-name, .widget-product-grid .experience-component .subcategories__category .subcategories__category-name, .widget-two-columns .product-tiles__container .subcategories__category .subcategories__category-name, .widget-two-columns .experience-components .subcategories__category .subcategories__category-name, .widget-two-columns .experience-component .subcategories__category .subcategories__category-name { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 1; width: 50%; } .category-item .product-tiles__container .product-tile { height: 62.5vw; } .category-item .product-tiles__container .product-tile .product-tile__details-name, .category-item .product-tiles__container .product-tile .product-tile__masterName, .category-item .product-tiles__container .product-tile .product-tile__details-price, .category-item .product-tiles__container .product-tile .product-tile__details-button { padding: 0; margin-top: 0.1rem; } .category-item .product-tiles__container .product-tile .product-tile__details-colors { padding: 0; } } @media screen and (min-width: 1024px) { .results-container .product-tiles__container .product-tile, .results-container .experience-components .product-tile, .results-container .experience-component .product-tile, .category-item .product-tiles__container .product-tile, .category-item .experience-components .product-tile, .category-item .experience-component .product-tile, .widget-product-grid .product-tiles__container .product-tile, .widget-product-grid .experience-components .product-tile, .widget-product-grid .experience-component .product-tile, .widget-two-columns .product-tiles__container .product-tile, .widget-two-columns .experience-components .product-tile, .widget-two-columns .experience-component .product-tile { width: 25%; } .results-container .product-tiles__container .subcategories__category, .results-container .experience-components .subcategories__category, .results-container .experience-component .subcategories__category, .category-item .product-tiles__container .subcategories__category, .category-item .experience-components .subcategories__category, .category-item .experience-component .subcategories__category, .widget-product-grid .product-tiles__container .subcategories__category, .widget-product-grid .experience-components .subcategories__category, .widget-product-grid .experience-component .subcategories__category, .widget-two-columns .product-tiles__container .subcategories__category, .widget-two-columns .experience-components .subcategories__category, .widget-two-columns .experience-component .subcategories__category { position: relative; display: flex; width: 100%; box-sizing: border-box; min-height: 31.25vw; } .results-container .product-tiles__container .subcategories__category .subcategories__category-name, .results-container .experience-components .subcategories__category .subcategories__category-name, .results-container .experience-component .subcategories__category .subcategories__category-name, .category-item .product-tiles__container .subcategories__category .subcategories__category-name, .category-item .experience-components .subcategories__category .subcategories__category-name, .category-item .experience-component .subcategories__category .subcategories__category-name, .widget-product-grid .product-tiles__container .subcategories__category .subcategories__category-name, .widget-product-grid .experience-components .subcategories__category .subcategories__category-name, .widget-product-grid .experience-component .subcategories__category .subcategories__category-name, .widget-two-columns .product-tiles__container .subcategories__category .subcategories__category-name, .widget-two-columns .experience-components .subcategories__category .subcategories__category-name, .widget-two-columns .experience-component .subcategories__category .subcategories__category-name { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.84722; width: 40%; } .results-container { padding-top: 4rem; } .results-container .product-tiles__container .product-tile, .results-container .experience-components .product-tile, .results-container .experience-component .product-tile, .widget-product-grid .product-tiles__container .product-tile, .widget-product-grid .experience-components .product-tile, .widget-product-grid .experience-component .product-tile, .widget-two-columns .product-tiles__container .product-tile, .widget-two-columns .experience-components .product-tile, .widget-two-columns .experience-component .product-tile { height: 31.25vw; } .results-container .product-tiles__container .product-tile .product-tile__details-link, .results-container .experience-components .product-tile .product-tile__details-link, .results-container .experience-component .product-tile .product-tile__details-link, .widget-product-grid .product-tiles__container .product-tile .product-tile__details-link, .widget-product-grid .experience-components .product-tile .product-tile__details-link, .widget-product-grid .experience-component .product-tile .product-tile__details-link, .widget-two-columns .product-tiles__container .product-tile .product-tile__details-link, .widget-two-columns .experience-components .product-tile .product-tile__details-link, .widget-two-columns .experience-component .product-tile .product-tile__details-link { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .results-container .product-tiles__container .product-tile img, .results-container .experience-components .product-tile img, .results-container .experience-component .product-tile img, .widget-product-grid .product-tiles__container .product-tile img, .widget-product-grid .experience-components .product-tile img, .widget-product-grid .experience-component .product-tile img, .widget-two-columns .product-tiles__container .product-tile img, .widget-two-columns .experience-components .product-tile img, .widget-two-columns .experience-component .product-tile img { transition: none; } .results-container .product-tiles__container .life-style_product:hover .image-life-style_container, .results-container .experience-components .life-style_product:hover .image-life-style_container, .results-container .experience-component .life-style_product:hover .image-life-style_container, .widget-product-grid .product-tiles__container .life-style_product:hover .image-life-style_container, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_container, .widget-product-grid .experience-component .life-style_product:hover .image-life-style_container, .widget-two-columns .product-tiles__container .life-style_product:hover .image-life-style_container, .widget-two-columns .experience-components .life-style_product:hover .image-life-style_container, .widget-two-columns .experience-component .life-style_product:hover .image-life-style_container { padding-bottom: 31.25vw; } .results-container .product-tiles__container .subcategories__category, .results-container .experience-components .subcategories__category, .results-container .experience-component .subcategories__category, .widget-product-grid .product-tiles__container .subcategories__category, .widget-product-grid .experience-components .subcategories__category, .widget-product-grid .experience-component .subcategories__category, .widget-two-columns .product-tiles__container .subcategories__category, .widget-two-columns .experience-components .subcategories__category, .widget-two-columns .experience-component .subcategories__category { height: 31.25vw; } .category-item .product-tiles__container .product-tile { width: calc((100vw - 36rem) / 4); height: calc((((100vw - 36rem) / 4) * 5) / 4); } } @media screen and (min-width: 1024px) and (min-width: 1440px) { .category-item .product-tiles__container .product-tile { width: calc(75vw / 4); height: calc(((75vw / 4) * 5) / 4); } } @media screen and (min-width: 1024px) { .category-item .product-tiles__container .life-style_product:hover .image-life-style { opacity: 0; } .category-item .product-tiles__container .life-style_product:hover .image-life-style + .image-product { opacity: 1; } .category-item .product-tiles__container .life-style_product:hover .product-tile__image_container { padding-bottom: 100%; } .subcategories__category-link { cursor: pointer; } .subcategories__category-overlay { display: block; position: fixed; right: -200vw; left: auto; top: 0; width: 50vw; height: 100vh; background: #fff; z-index: 20; transition: right 0.3s ease; margin: 0; max-width: 100%; } .subcategories__category-overlay.overlay-active { z-index: 20; right: 0; } .subcategories__category-overlay.overlay-active .content-asset { min-height: calc(100vh - 7.5rem); } .subcategories__category-overlay-title .inner-wrapper { position: relative; } .subcategories__category-overlay-title .icon-minus { top: -1.4rem; } .subcategories__category-overlay-title::after { border-bottom: 1px solid #e3e3e3; content: ''; position: absolute; bottom: 0; height: 0.1rem; width: calc(100% + 3rem); left: -1.5rem; } .plp-open-overlay { opacity: 0.4; background: #000; position: fixed; width: 100%; height: 100%; z-index: 10; top: 0; } .review-list { flex-direction: row; height: 62.5vw; } .review-list__image { width: 50%; height: 100%; } .review-list__image img { width: 100%; } .review-list__title { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 1; text-transform: uppercase; margin: 1.5rem 0; } .review-list__items { justify-content: space-between; width: 50%; height: 100%; background: #fff; text-align: left; } .review-list__items.carousel-active { justify-content: center; text-align: center; height: 100%; } .review-list__item { width: 50%; height: auto; } .review-list__item-wrapper { flex-direction: row; flex-wrap: wrap; gap: 5rem 0; margin-bottom: 1.5rem; align-items: flex-end; } .review-list__item-wrapper.owl-carousel { width: 100%; gap: 0; align-items: flex-start; margin-bottom: 0; } .review-list__item-wrapper.owl-carousel .review-list__item { height: 100%; width: 100%; } .review-list__item-wrapper.owl-carousel .review-list__item .review-item__content { max-width: 51rem; } .review-list__item-wrapper .owl-nav .icon-arrow-icon-down::before { width: 4.4rem; height: 4.4rem; } .review-list__item-wrapper .owl-nav .owl-prev { left: -0.5rem; } .review-list__item-wrapper .owl-nav .owl-next { right: -0.5rem; } .review-list .review-item { margin: 0; } .review-list .review-item__text { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.8rem; line-height: 1.11111; text-transform: uppercase; } } .widget-description__text { position: relative; } .widget-description__text button[data-widget-popup] { position: absolute; bottom: 1.5rem; right: 0; width: 50vw; } .widget-newsletter-wrapper { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; background: rgba(0, 0, 0, 0.25); height: 100%; } .widget-newsletter-wrapper .after-submit { display: none; } .widget-newsletter-wrapper .before-submit { display: block; } .widget-newsletter-wrapper .after-submit, .widget-newsletter-wrapper .before-submit { text-align: center; } .widget-newsletter-wrapper.success-submit .after-submit { display: block !important; margin: 0 1.5rem; } .widget-newsletter-wrapper.success-submit .before-submit { display: none !important; } .widget-newsletter-wrapper .invalid-feedback { color: #f00; margin-top: 0.5rem; position: absolute; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box { width: 100%; height: 100%; box-shadow: 0 0.2rem 5rem 0 rgba(0, 0, 0, 0.25); background-color: #fff; position: absolute; top: 0; left: 0; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form-title { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; border-bottom: 1px solid #e3e3e3; width: 100%; margin-bottom: 0; text-align: left; text-transform: uppercase; padding: 1.2rem 1.5rem; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form-subtitle { text-align: left; margin-bottom: 1.2rem; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-title-line { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 4rem; line-height: 0.85; margin: 0.1rem 0 0; padding: 0 1rem 0.5rem; background: #000; color: #fff; display: inline-block; white-space: nowrap; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .close-widget { top: 0; right: 1.5rem; width: 4.4rem; height: 4.4rem; display: inline-block; position: absolute; margin-right: -1.5rem; cursor: pointer; z-index: 10; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .close-widget::before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; content: " "; right: 1.5rem; top: 50%; left: 50%; width: 1.6rem; height: 1.6rem; background: url("../images/icons/icon-x-minus.svg") no-repeat; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-image { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; position: relative; margin-bottom: 1.2rem; min-height: 125vw; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-image img { position: absolute; height: fit-content; max-height: 100%; width: 100%; left: 0; top: 50%; transform: translateY(-50%); } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form { color: #000; width: 100%; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-input, .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-button { width: 100%; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .form-group { margin: 0; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .widget-newsletter-wrapper-box-form-item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .widget-newsletter-wrapper-box-form-item .widget-newsletter-input { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.6rem; line-height: 1; border: 1px solid #e3e3e3; line-height: 2rem; background-color: #fff; height: 6rem; text-transform: none; color: #6e6e6e; margin-bottom: 1.2rem; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .widget-newsletter-wrapper-box-form-item .widget-newsletter-input:focus { padding: 1rem 1.5rem; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .invalid-feedback { padding: 1.5rem 1.5rem 0 1.5rem; position: relative; margin: 0; text-align: left; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-item { padding: 0 1.5rem; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-item .form-group.validEmail { position: relative; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-item .form-group.validEmail::after { content: ''; position: absolute; top: 50%; right: 1.5rem; width: 1.6rem; height: 1.6rem; transform: translateY(-50%); background: url("../images/icons/icon-validated.svg") no-repeat; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box.pd-pop-up { overflow: auto; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box.former-price-box .widget-newsletter-wrapper-box-form-title { -webkit-box-pack: left; -moz-box-pack: left; -ms-flex-pack: left; -webkit-justify-content: left; justify-content: left; -webkit-align-self: left; -ms-flex-item-align: left; align-self: left; text-align: left; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box.former-price-box .widget-newsletter-wrapper-box-form-section { padding: 0 1.5rem; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box.former-price-box .widget-newsletter-wrapper-box-form-section h5 { margin: 0; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box.former-price-box .button-container { padding: 0 1.5rem; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box.former-price-box .button-container button { background-color: transparent; color: #000; border: 1px solid #000; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-description, .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-description-after { text-align: left; padding: 1.2rem 1.5rem 9.6rem; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-description a, .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-description-after a { color: #0029ff; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-description-after { padding: 0 0 1.2rem; } .newsletter-container { position: sticky; position: -webkit-sticky; top: 4rem; z-index: 10; } .newsletter-container .widget-newsletter-wrapper { position: absolute; height: auto; background: transparent; margin: 1.5rem; } .newsletter-container .widget-newsletter-wrapper .before-submit, .newsletter-container .widget-newsletter-wrapper .after-submit { text-align: left; } .newsletter-container .widget-newsletter-wrapper .after-submit { margin: 0; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box { position: relative; box-shadow: none; height: auto; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box .close-widget { width: 4rem; height: 4rem; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box-image { display: none; min-height: unset; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box-image img { position: static; transform: none; height: auto; max-height: unset; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .invalid-feedback { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.2rem; line-height: 1.08333; padding: 1rem 1.5rem 0; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box-form-title { text-align: left; justify-content: start; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box-form-subtitle { padding: 1.5rem; margin-bottom: 0; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box-form-description { padding: 0.5rem 0 1.5rem; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box-form-description a { color: #0029ff; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box-form-description-after { padding: 1.5rem; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-button { margin-bottom: 1.5rem; } .widget-image-banner { padding: 0; } .widget-image-banner.widget-image-banner-hero { padding-top: 0; } .widget-image-banner.widget-100-vh .widget-image-banner__image-wrapper picture { height: calc(100vh - 5.4rem); } .widget-image-banner.widget-100-vh .widget-image-banner__image-wrapper img { height: 100%; object-fit: cover; object-position: 50% 50%; } .widget-image-banner.widget-100-vh .widget-image-banner__image-wrapper .widget-video-wrapper { position: relative; height: calc(100vh - 5.4rem); overflow: hidden; } .widget-image-banner.widget-100-vh .widget-image-banner__image-wrapper .widget-video-wrapper .widget-video-container { position: absolute; width: 100vw; min-width: 100vw; height: 100%; min-height: 125vw; padding: 0; overflow: hidden; background-color: #f2f2f2; } .widget-image-banner.widget-100-vh .widget-image-banner__image-wrapper .widget-video-wrapper .widget-video-container iframe { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget-image-banner.widget-80-vh .widget-image-banner__image-wrapper picture { height: calc(80vh - 5.4rem); } .widget-image-banner.widget-80-vh .widget-image-banner__image-wrapper img { height: 100%; object-fit: cover; object-position: 50% 50%; } .widget-image-banner.widget-80-vh .widget-image-banner__image-wrapper .widget-video-wrapper { position: relative; height: calc(80vh - 5.4rem); overflow: hidden; } .widget-image-banner.widget-80-vh .widget-image-banner__image-wrapper .widget-video-wrapper .widget-video-container { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); width: calc(calc(80vh - 5.4rem) * 1.777); min-width: 100vw; height: 100%; min-height: calc(100vw * 0.56); padding: 0; overflow: hidden; } .widget-image-banner.widget-80-vh .widget-image-banner__image-wrapper .widget-video-wrapper .widget-video-container iframe { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image { position: relative; } .widget-image-banner .widget-image-banner__image-wrapper img { position: relative; width: 100%; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image { position: relative; display: flex; flex-flow: column nowrap; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description { position: relative; flex: 1 0 100%; order: 2; margin: 0; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-top-image, .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-top-mobile-right-desktop, .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-bottom-image { position: absolute; height: 50%; margin-top: 0; margin-bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 3rem 1.8rem; width: 100%; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-top-image, .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-top-mobile-right-desktop { top: 0; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-bottom-image { bottom: 0; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image picture { flex: 1 0 100%; order: 1; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image img { position: relative; width: 100%; } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image { position: relative; display: flex; flex-flow: column nowrap; } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description { flex: 1 0 100%; order: 2; margin: 0; position: absolute; height: 100%; margin-top: 0; margin-bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description .experience-component { position: static; } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image picture { flex: 1 0 100%; order: 1; } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image img { position: relative; width: 100%; } .widget-image-banner.widget-half-image-banner-pdp .category-widget__text_heading { width: 100%; } .widget-image-banner.redesign-static .widget-image-banner__image-wrapper { height: 45rem; } .widget-image-banner.redesign-static .widget-image-banner__image-wrapper .widget-image-banner__image { position: relative; width: 100%; height: 100%; } .widget-image-banner.redesign-static .widget-image-banner__image-wrapper .widget-description { margin-top: auto; margin-bottom: auto; top: 0; transform: translateY(-50%); } .widget-image-banner.redesign-static .widget-image-banner__image-wrapper .widget-description__header h1 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 0.85; background: #000; color: #fff; width: -moz-fit-content; width: fit-content; text-transform: uppercase; } .widget-several-images { padding: 1.5rem 0; } .widget-several-images .widget-description .widget-description__header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 7.2rem; line-height: 0.84722; letter-spacing: -0.07rem; margin-bottom: 0; } .widget-several-images .widget-description .widget-description__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.04rem; margin-top: 1.2rem; margin-bottom: 1.8rem; } .widget-several-images .widget-description.widget-no-button .widget-description__text { margin-bottom: 0; } .widget-several-images .widget-several-images__images { display: flex; flex-flow: column wrap; justify-content: flex-start; } .widget-several-images .widget-several-images__images .widget-several-images__image { width: 100%; margin-bottom: 1.5rem; position: relative; } .widget-several-images .widget-several-images__images .widget-several-images__image:last-child { margin-bottom: 0; } .widget-several-images .widget-several-images__images .widget-several-images__image img { position: relative; width: 100%; } .widget-several-images.widget-several-images__one-column .widget-several-images__images .widget-several-images__image { margin-bottom: 0; } .widget-single-column { padding: 1.8rem 0; } .widget-single-column .widget-description .widget-description__header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 7.2rem; line-height: 0.84722; letter-spacing: -0.07rem; margin-bottom: 0; } .widget-single-column .widget-description .widget-description__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.04rem; margin-top: 1.2rem; margin-bottom: 1.8rem; } .widget-single-column .widget-description.widget-no-button .widget-description__text { margin-bottom: 0; } .widget-single-column .widget-image-banner__image-wrapper .widget-image-banner__image { position: relative; } .widget-single-column .widget-image-banner__image-wrapper img { position: relative; width: 100%; } .widget-three-columns-product { padding: 7.2rem 0 3rem 0; } .widget-three-columns-product .widget-description { width: auto; } .widget-three-columns-product .widget-three-columns-product-banner { display: block; } .widget-three-columns-product .widget-three-columns-product-banner .widget-product-three-banner__image-wrapper picture { display: block; } .widget-three-columns-product .widget-three-columns-product-banner .widget-product-three-banner__image-wrapper img { width: 100%; } .widget-three-columns-product .widget-three-columns-product-description { text-align: center; } .widget-three-columns-product .widget-three-columns-product-description .widget-three-columns-product-description-title { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 7.2rem; line-height: 0.84722; padding-bottom: 1.8rem; } .widget-three-columns-product .widget-three-columns-product-description .widget-three-columns-product-description-text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; padding-bottom: 1.5rem; } .widget-three-columns-product .widget-three-columns-product-description .widget-three-columns-product-description-button { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; padding-bottom: 1.5rem; } .widget-three-columns-product .widget-three-columns-product-description .widget-three-columns-product-description-button a { text-decoration: none; } .widget-three-columns-product .widget-three-columns-product-columns .product-tile { width: 100%; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column { margin-top: 3rem; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column .widget-three-columns-product-image img { width: 100%; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column .product-tile__details .product-tile__details-name { font-family: "Helvetica Now Display W02 Bold"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; margin-top: 1rem; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column .product-tile__details .product-tile__details-price { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; margin-top: 0.6rem; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column .product-tile__details .product-tile__details-colors { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; height: 1.4rem; margin-top: 0.3rem; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column .product-tile__buy-button { margin-top: 1.8rem; } .widget__carousel { padding: 1.5rem 0; } .widget__carousel .owl-theme .owl-dots { width: 100%; bottom: 1rem; position: absolute; } .widget__carousel .owl-theme .owl-dots .owl-dot span { width: 0.6rem; height: 0.6rem; background: #fff; margin: 0.5rem 0.3rem; } .widget__carousel .owl-theme .owl-nav { margin-top: 0; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); } .widget__carousel .owl-theme .owl-nav button.owl-prev { left: 0; position: absolute; } .widget__carousel .owl-theme .owl-nav button.owl-prev i { font-size: 1.6rem; display: block; transform: rotate(90deg); } .widget__carousel .owl-theme .owl-nav button.owl-next { position: absolute; right: 0; } .widget__carousel .owl-theme .owl-nav button.owl-next i { font-size: 1.6rem; display: block; transform: rotate(-90deg); } .widget__carousel .owl-theme .owl-nav [class*='owl-']:hover { background: inherit; color: inherit; } .widget__carousel .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 0; position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); } .yotpo-pictures-gallery-widget { margin-top: 3rem; } .yotpo-pictures-gallery-widget .widget-description { text-align: center; position: relative; width: 100%; } .widget-video { padding: 3rem 0; } .widget-video .widget-video__wrapper { position: relative; padding-bottom: 62.5vw; overflow: hidden; cursor: pointer; } .widget-video .widget-video__wrapper .widget-video__link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; } .widget-video .widget-video__wrapper iframe, .widget-video .widget-video__wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget-video .widget-video__wrapper video { object-fit: cover; object-position: 50% 50%; } .widget-video .widget-video__wrapper .control { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); opacity: 0; transition: opacity 0.2s ease-in; pointer-events: none; } .widget-video .widget-video__wrapper .control .button-controll { width: 4.4rem; height: 4.4rem; border-style: solid; border-width: 2.2rem 0 2.2rem 4.4rem; box-sizing: border-box; border-color: transparent transparent transparent rgba(255, 255, 255, 0.7); } .widget-video .widget-video__wrapper .control .button-controll.icon-pause { border-style: double; border-width: 0 0 0 4.4rem; } .widget-video .widget-video__wrapper:hover .control { transition: opacity 0.2s ease-out; opacity: 1; } .widget-several-images__image, .widget-image-banner__image { display: flex; flex-direction: column; } .full-image-widget .wrapper { width: 100%; } .full-image-widget .widget-image-banner .widget-description { margin: 0; } .full-image-widget .widget-image-banner .widget-description.no-image { position: relative; top: auto; bottom: auto; right: auto; left: auto; transform: none; margin: 0 auto; } .widget-description { width: 28.4rem; position: relative; margin: 3rem 0; order: 0; z-index: 1; } .wrapper-full .widget-description { margin: 3rem 1.8rem; } .wrapper-full .widget-description .widget-image-banner { width: 28.4rem; } .widget-description.below { margin-right: auto; order: 2; } .widget-description.top, .widget-description.center, .widget-description.bottom { position: absolute; } .widget-description.top { top: 1.5rem; } .widget-description.center { margin-top: auto; margin-bottom: auto; top: 50%; transform: translateY(-50%); } .widget-description.bottom { margin: 0 1.8rem; bottom: 1.5rem; } .widget-image-banner .widget-description.bottom, .widget-image-banner-hero .widget-description.bottom { bottom: 3rem; } .widget-description .widget-description__mini-header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; } .widget-description.widget-no-button .widget-description__text { margin-bottom: 0; } .widget-description.widget-description_static { position: relative; } .widget-description.widget-description_center { text-align: center; } .widget-description.widget-description_right { text-align: right; } .widget-sub-description { margin-top: 1.2rem; margin-left: 1.8rem; } .widget-sub-description .widget-sub-description__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; } .plp-slot .widget-description .widget-description__header.h1 { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; } .video-widget + .single-column-widget .widget-single-column, .single-column-widget + .single-column-widget .widget-single-column, .widget-three-columns-product + .single-column-widget .widget-single-column { padding-top: 0; } .video-widget + .multi-column-widget .widget-several-images, .single-column-widget + .multi-column-widget .widget-several-images, .widget-three-columns-product + .multi-column-widget .widget-several-images { padding-top: 0; } .video-widget + .widget-three-columns-product, .single-column-widget + .widget-three-columns-product, .widget-three-columns-product + .widget-three-columns-product { padding-top: 0; } .video-widget + .video-widget.hide-for-small .widget-video, .single-column-widget + .video-widget .widget-video, .widget-three-columns-product + .video-widget .widget-video { padding-top: 0; } @media screen and (min-width: 768px) { .widget-video .widget-video__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; cursor: pointer; } .widget-video .widget-video__wrapper iframe, .widget-video .widget-video__wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .widget-image-banner { padding: 0; } .widget-image-banner.widget-image-banner-hero { padding-top: 0; } .widget-image-banner .widget-image-banner__image-wrapper img { position: relative; width: 100%; } .widget-image-banner .widget-image-banner__image-wrapper .full-width-widget-button img { width: auto; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image { position: relative; display: flex; flex-direction: row; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description { position: absolute; margin: 0; max-width: calc(50% - 6rem); } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-top-image, .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-top-mobile-right-desktop, .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-bottom-image { height: auto; width: 50%; max-width: none; top: 50%; transform: translate(0, -50%); } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-top-image { left: 0; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-bottom-image, .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description.over-top-mobile-right-desktop { right: 0; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image picture { max-width: 100%; margin-bottom: 0; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image picture.image-right { transform: translateX(100%); } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image img { position: relative; width: 100%; } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image { position: relative; display: flex; flex-direction: row; } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image .widget-description { position: absolute; margin: 0; } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image picture { max-width: 100%; margin-bottom: 0; } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image picture.image-right { transform: translateX(100%); } .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image img { position: relative; width: 100%; } .widget-image-banner.redesign-static .widget-image-banner__image-wrapper .widget-description { position: relative; } .widget-image-banner.widget-100-vh .widget-image-banner__image-wrapper .widget-video-wrapper .widget-video-container { min-width: 50vw; width: 50vw; height: 62.5vw; min-height: 62.5vw; } .widget-single-column { padding: 3rem 1.5rem; width: 100%; } .widget-single-column .widget-description { bottom: 3rem; } .widget-single-column .widget-description .widget-description__header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 7.2rem; line-height: 0.84722; letter-spacing: -0.07rem; margin-bottom: 0; } .widget-single-column .widget-description .widget-description__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.04rem; margin-top: 1.2rem; margin-bottom: 1.8rem; } .widget-several-images { padding: 3rem 1.5rem; width: 100%; } .widget-several-images .widget-description { bottom: 3rem; } .widget-several-images .widget-description .widget-description__header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 7.2rem; line-height: 0.84722; letter-spacing: -0.07rem; margin-bottom: 0; } .widget-several-images .widget-description .widget-description__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.04rem; margin-top: 1.2rem; margin-bottom: 1.8rem; } .widget-several-images .widget-several-images__images { flex-flow: row nowrap; margin: 0 -1.5rem; } .widget-several-images .widget-several-images__images .widget-several-images__image { margin: 0 1.5rem; } .widget-several-images.widget-several-images__one-column .widget-several-images__images .widget-several-images__image { margin: 0 1.5rem; } .widget-several-images.widget-several-images__four-column { padding: 3rem 0; } .widget-several-images.widget-several-images__four-column .widget-several-images__images .widget-several-images__image { flex: 1 1 25%; max-width: 27.5rem; } .widget-several-images.widget-several-images__four-column .widget-several-images__images .widget-several-images__image .widget-description { width: 100%; } .widget-several-images.widget-several-images__four-column .widget-several-images__images .widget-several-images__image .widget-description .widget-description__header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; } .widget-several-images.widget-several-images__four-column .widget-several-images__images .widget-several-images__image .widget-description .widget-description__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; } .widget-three-columns-product .widget-description { max-width: 74rem; margin: 0 auto; } .widget-three-columns-product .widget-three-columns-product-columns { display: flex; flex-wrap: wrap; } .widget-three-columns-product .widget-three-columns-product-columns .product-tile { width: 33.3333%; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column { flex-grow: 1; width: 33%; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column .product-tile__details .product-tile__details-price { margin-top: 0.9rem; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column .product-tile__details .product-tile__details-colors { margin-top: 0.6rem; } .widget-three-columns-product .widget-three-columns-product-columns .widget-three-columns-product-column .product-tile__buy-button { margin-top: 2.4rem; } .widget__carousel { padding: 3rem 0; } .widget__carousel .owl-theme .owl-stage-outer { width: calc(100% - 12rem); margin: 0 auto; } .wrapper-full .widget__carousel .owl-theme .owl-stage-outer { width: 100%; } .full-image-widget .widget-image-banner .widget-description.no-image.medium-right-top, .full-image-widget .widget-image-banner .widget-description.no-image.medium-right-center, .full-image-widget .widget-image-banner .widget-description.no-image.medium-right-bottom, .full-image-widget .widget-image-banner .widget-description.no-image.medium-right-below, .full-image-widget .widget-image-banner .widget-description.no-image.medium-right-above { margin: 0 3rem 0 auto; } .full-image-widget .widget-image-banner .widget-description.no-image.medium-center-top, .full-image-widget .widget-image-banner .widget-description.no-image.medium-center-center, .full-image-widget .widget-image-banner .widget-description.no-image.medium-center-bottom, .full-image-widget .widget-image-banner .widget-description.no-image.medium-center-below, .full-image-widget .widget-image-banner .widget-description.no-image.medium-center-above { margin: 0 auto; } .full-image-widget .widget-image-banner .widget-description.no-image.medium-left-top, .full-image-widget .widget-image-banner .widget-description.no-image.medium-left-center, .full-image-widget .widget-image-banner .widget-description.no-image.medium-left-bottom, .full-image-widget .widget-image-banner .widget-description.no-image.medium-left-below, .full-image-widget .widget-image-banner .widget-description.no-image.medium-left-above { margin: 0 auto 0 3rem; } .widget-description { position: absolute; width: calc(50% - 4.5rem); margin: 0; } .wrapper-full .widget-description { width: calc(50% - 4.5rem); margin: 0; } .widget-description.top, .widget-description.center, .widget-description.bottom { width: calc(50% - 4.5rem); margin: 0; } .wrapper-full .widget-description.top, .wrapper-full .widget-description.center, .wrapper-full .widget-description.bottom { width: calc(50% - 4.5rem); } .widget-description.medium-right-top { bottom: auto; left: auto; top: 3rem; right: 3rem; transform: none; } .widget-image-banner .widget-description.medium-right-top { transform: none; top: 5.9rem; left: auto; right: 3rem; } .widget-image-banner-hero .widget-description.medium-right-top { transform: none; top: 5.9rem; left: auto; right: 3rem; } .widget-half-image-banner .widget-description.medium-right-top, .widget-half-image-banner-pdp .widget-description.medium-right-top { bottom: auto; left: auto; top: 3rem; right: 3rem; transform: none; } .widget-description.medium-right-center { top: 50%; transform: translateY(-50%); left: auto; bottom: auto; right: 3rem; } .widget-image-banner .widget-description.medium-right-center { top: 50%; transform: translateY(-50%); left: auto; right: 3rem; } .widget-image-banner-hero .widget-description.medium-right-center { top: 50%; transform: translateY(-50%); left: auto; right: 3rem; } .widget-half-image-banner .widget-description.medium-right-center, .widget-half-image-banner-pdp .widget-description.medium-right-center { top: 50%; transform: translateY(-50%); left: auto; bottom: auto; right: 3rem; } .widget-description.medium-right-bottom { top: auto; left: auto; bottom: 3rem; right: 3rem; transform: none; } .widget-image-banner .widget-description.medium-right-bottom { top: auto; left: auto; bottom: 3rem; right: 3rem; transform: none; } .widget-image-banner-hero .widget-description.medium-right-bottom { top: auto; left: auto; bottom: 3rem; right: 3rem; transform: none; } .widget-half-image-banner .widget-description.medium-right-bottom, .widget-half-image-banner-pdp .widget-description.medium-right-bottom { top: auto; left: auto; bottom: 3rem; right: 3rem; transform: none; } .widget-description.medium-left-top { bottom: auto; right: auto; top: 3rem; left: 3rem; transform: none; } .widget-image-banner .widget-description.medium-left-top { top: 5.9rem; left: 3rem; bottom: auto; right: auto; transform: none; } .widget-image-banner-hero .widget-description.medium-left-top { top: 5.9rem; left: 3rem; bottom: auto; right: auto; transform: none; } .widget-half-image-banner .widget-description.medium-left-top, .widget-half-image-banner-pdp .widget-description.medium-left-top { bottom: auto; right: auto; top: 3rem; left: 3rem; transform: none; } .widget-description.medium-left-center { top: 50%; transform: translateY(-50%); left: 3rem; bottom: auto; right: auto; } .widget-image-banner .widget-description.medium-left-center { top: 50%; transform: translateY(-50%); left: auto; left: 3rem; } .widget-image-banner-hero .widget-description.medium-left-center { top: 50%; transform: translateY(-50%); left: auto; left: 3rem; } .widget-half-image-banner .widget-description.medium-left-center, .widget-half-image-banner-pdp .widget-description.medium-left-center { top: 50%; transform: translateY(-50%); left: 3rem; bottom: auto; right: auto; } .widget-description.medium-left-bottom { top: auto; left: 3rem; bottom: 3rem; right: auto; transform: none; } .widget-image-banner .widget-description.medium-left-bottom { top: auto; left: 3rem; bottom: 3rem; right: auto; transform: none; } .widget-image-banner-hero .widget-description.medium-left-bottom { top: auto; left: 3rem; bottom: 3rem; right: auto; transform: none; } .widget-half-image-banner .widget-description.medium-left-bottom, .widget-half-image-banner-pdp .widget-description.medium-left-bottom { top: auto; left: 3rem; bottom: 3rem; right: auto; transform: none; } .widget-description.medium-center-top { bottom: auto; right: auto; top: 3rem; left: 50%; transform: translateX(-50%); } .widget-image-banner .widget-description.medium-center-top { bottom: auto; right: auto; top: 5.9rem; left: 50%; transform: translateX(-50%); } .widget-image-banner-hero .widget-description.medium-center-top { bottom: auto; right: auto; top: 5.9rem; left: 50%; transform: translateX(-50%); } .widget-half-image-banner .widget-description.medium-center-top, .widget-half-image-banner-pdp .widget-description.medium-center-top { bottom: auto; right: auto; top: 3rem; left: 50%; transform: translateX(-50%); } .widget-description.medium-center-center { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: auto; right: auto; } .widget-image-banner .widget-description.medium-center-center { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: auto; right: auto; } .widget-image-banner-hero .widget-description.medium-center-center { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: auto; right: auto; } .widget-half-image-banner .widget-description.medium-center-center, .widget-half-image-banner-pdp .widget-description.medium-center-center { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: auto; right: auto; } .widget-description.medium-center-bottom { top: auto; left: 50%; transform: translateX(-50%); bottom: 3rem; right: auto; } .widget-image-banner .widget-description.medium-center-bottom { top: auto; left: 50%; transform: translateX(-50%); bottom: 3rem; right: auto; } .widget-image-banner-hero .widget-description.medium-center-bottom { top: auto; left: 50%; transform: translateX(-50%); bottom: 3rem; right: auto; } .widget-half-image-banner .widget-description.medium-center-bottom, .widget-half-image-banner-pdp .widget-description.medium-center-bottom { top: auto; left: 50%; transform: translateX(-50%); bottom: 3rem; right: auto; } .widget-description.medium-left-below { order: 2; margin: 3rem auto 3rem 3rem; } .widget-description.medium-center-below { order: 2; margin: 3rem auto; } .widget-description.medium-right-below { order: 2; margin: 3rem 3rem 3rem auto; } .widget-description.medium-left-below, .widget-description.medium-center-below, .widget-description.medium-right-below, .widget-description.medium-left-above, .widget-description.medium-center-above, .widget-description.medium-right-above { position: relative; top: auto; bottom: auto; right: auto; left: auto; } .widget-image-banner .widget-description.medium-left-below, .widget-image-banner-hero .widget-description.medium-left-below, .widget-image-banner .widget-description.medium-center-below, .widget-image-banner-hero .widget-description.medium-center-below, .widget-image-banner .widget-description.medium-right-below, .widget-image-banner-hero .widget-description.medium-right-below, .widget-image-banner .widget-description.medium-left-above, .widget-image-banner-hero .widget-description.medium-left-above, .widget-image-banner .widget-description.medium-center-above, .widget-image-banner-hero .widget-description.medium-center-above, .widget-image-banner .widget-description.medium-right-above, .widget-image-banner-hero .widget-description.medium-right-above { bottom: auto; } .widget-description.medium-left-above { margin: 3rem auto 3rem 3rem; order: 0; } .widget-description.medium-center-above { margin: 3rem auto; order: 0; } .widget-description.medium-right-above { margin: 3rem 3rem 3rem auto; order: 0; } .widget-several-images__three-column .widget-description { width: 100%; bottom: auto; left: auto; top: auto; right: auto; transform: none; } .widget-several-images__three-column .widget-description.medium-left-below, .widget-several-images__three-column .widget-description.medium-center-below, .widget-several-images__three-column .widget-description.medium-right-below, .widget-several-images__three-column .widget-description.medium-left-above, .widget-several-images__three-column .widget-description.medium-center-above, .widget-several-images__three-column .widget-description.medium-right-above { margin: 3rem 0; } .widget-several-images__two-column .widget-description { max-width: 23rem; width: auto; } .widget-description.widget-description-over-mobile { position: absolute; padding: 0; } .widget-image-banner .widget-description.widget-description-over-mobile { padding: 0; } .widget-image-banner-hero .widget-description.widget-description-over-mobile { padding: 0; } .widget-description.widget-description-over-medium { position: relative; top: auto; padding: 3rem; } .widget-image-banner .widget-description.widget-description-over-medium { top: auto; padding: 3rem; } .widget-image-banner-hero .widget-description.widget-description-over-medium { top: auto; padding: 3rem; } .widget-description.no-width { width: auto; padding: 0 3rem; } } @media screen and (min-width: 1024px) { .widget-description__text button[data-widget-popup] { width: 25vw; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50vw; min-height: 38.5rem; height: auto; top: 50%; left: 50vw; transform: translate3d(-50%, -50%, 0); } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form-title { margin-bottom: 1.5rem; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-image { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; margin-bottom: 0; min-height: 25vw; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form { width: 50%; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .form-group { margin: 0; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box.former-price-box { width: 25vw; min-width: 36rem; min-height: auto; padding-bottom: 1.5rem; } .popup-wrapper .widget-newsletter-wrapper .widget-newsletter-wrapper-box.former-price-box .widget-newsletter-wrapper-box-form { width: 100%; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box.pd-pop-up { width: 72rem; } .widget-newsletter-wrapper .widget-newsletter-wrapper-box.pd-pop-up .widget-newsletter-wrapper-box-form { height: 45rem; } .widget-image-banner { padding: 0; } .widget-image-banner.widget-image-banner-hero { padding-top: 0; } .widget-image-banner .widget-image-banner__image-wrapper img { position: relative; width: 100%; } .widget-image-banner .widget-image-banner__image-wrapper .full-width-widget-button img { width: auto; } .widget-image-banner.widget-half-image-banner .widget-image-banner__image-wrapper .widget-image-banner__image picture, .widget-image-banner.widget-half-image-banner-pdp .widget-image-banner__image-wrapper .widget-image-banner__image picture { max-width: 100%; } .widget-image-banner.widget-image-banner-half-mobile .widget-description { position: absolute; bottom: auto; right: auto; top: 9rem; left: 11.3rem; } .widget-image-banner.widget-100-vh .widget-image-banner__image-wrapper picture { height: 100vh; min-height: 55rem; } .widget-image-banner.widget-100-vh .widget-image-banner__image-wrapper .widget-video-wrapper { height: 100vh; } .widget-image-banner.widget-100-vh .widget-image-banner__image-wrapper .widget-video-wrapper .widget-video-container { min-width: 50vw; width: 50vw; height: 62.5vw; min-height: 62.5vw; } .widget-image-banner.widget-80-vh .widget-image-banner__image-wrapper picture { min-height: 55rem; } .widget-image-banner.widget-80-vh .widget-image-banner__image-wrapper .widget-video-wrapper { height: 80vh; } .widget-image-banner.widget-80-vh .widget-image-banner__image-wrapper .widget-video-wrapper .widget-video-container { width: calc(80vh * 1.777); } .widget-image-banner.redesign-static .widget-image-banner__image-wrapper .widget-description { position: absolute; top: 50%; } .widget-several-images { padding: 3rem 0; } .widget-several-images .widget-description { bottom: 4em; } .widget-several-images .widget-description .widget-description__header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.11rem; margin-bottom: 0; } .widget-several-images .widget-description .widget-description__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.05rem; margin-top: 1.8rem; margin-bottom: 3rem; } .widget-several-images .widget-several-images__images { flex-flow: row nowrap; margin: 0 -3rem; } .widget-several-images .widget-several-images__images .widget-several-images__image { margin: 0 3rem; } .widget-several-images.widget-several-images__one-column .widget-several-images__images .widget-several-images__image { margin: 0 3rem; } .widget-several-images.widget-several-images__four-column { padding: 5rem 0; } .widget-several-images.widget-several-images__four-column .widget-several-images__images { margin: 0 -3.5rem; } .widget-several-images.widget-several-images__four-column .widget-several-images__images .widget-several-images__image { margin: 0 2.1rem; } .widget-several-images.widget-several-images__four-column .widget-several-images__images .widget-several-images__image .widget-description .widget-description__header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.8rem; line-height: 1.11111; } .widget-several-images.widget-several-images__four-column .widget-several-images__images .widget-several-images__image .widget-description .widget-description__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; } .widget-three-columns-product .widget-three-columns-product-columns { margin: 0 -1rem; } .widget-three-columns-product .widget-three-columns-product-columns .product-tile { width: 33.3333%; } .widget-single-column { padding: 3rem 0; } .widget-single-column .widget-description { bottom: 4em; } .widget-single-column .widget-description .widget-description__header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.11rem; margin-bottom: 0; } .widget-single-column .widget-description .widget-description__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.05rem; margin-top: 1.8rem; margin-bottom: 3rem; } .widget-video { padding: 12rem 0; } .widget-several-images__two-column .widget-description { max-width: 40rem; } .widget-several-images__three-column .widget-description { max-width: 23rem; } .widget-description.large-right-top { bottom: auto; left: auto; top: 4rem; right: 4rem; transform: none; } .widget-image-banner .widget-description.large-right-top { top: 9rem; right: 11.3rem; bottom: auto; left: auto; transform: none; } .widget-image-banner-hero .widget-description.large-right-top { top: 22.8rem; right: 11.3rem; bottom: auto; left: auto; transform: none; } .widget-half-image-banner .widget-description.large-right-top, .widget-half-image-banner-pdp .widget-description.large-right-top { bottom: auto; left: auto; top: 4rem; right: 4rem; transform: none; } .widget-description.large-right-center { top: 50%; transform: translateY(-50%); left: auto; bottom: auto; right: 4rem; } .widget-image-banner .widget-description.large-right-center { right: 11.3rem; top: 50%; transform: translateY(-50%); left: auto; bottom: auto; } .widget-image-banner-hero .widget-description.large-right-center { top: 22.8rem; transform: none; left: auto; bottom: auto; right: 11.3rem; } .widget-half-image-banner .widget-description.large-right-center, .widget-half-image-banner-pdp .widget-description.large-right-center { top: 50%; transform: translateY(-50%); left: auto; bottom: auto; right: 4rem; } .widget-description.large-right-bottom { top: auto; left: auto; bottom: 4rem; right: 4rem; transform: none; } .widget-image-banner .widget-description.large-right-bottom { bottom: 9rem; right: 11.3rem; top: auto; left: auto; transform: none; } .widget-image-banner-hero .widget-description.large-right-bottom { top: auto; left: auto; bottom: 9rem; right: 11.3rem; transform: none; } .widget-half-image-banner .widget-description.large-right-bottom, .widget-half-image-banner-pdp .widget-description.large-right-bottom { top: auto; left: auto; bottom: 4rem; right: 4rem; transform: none; } .widget-description.large-left-top { bottom: auto; right: auto; top: 4rem; left: 4rem; transform: none; } .widget-image-banner .widget-description.large-left-top { top: 9rem; left: 11.3rem; transform: none; } .widget-image-banner-hero .widget-description.large-left-top { bottom: auto; right: auto; top: 22.8rem; left: 11.3rem; transform: none; } .widget-half-image-banner .widget-description.large-left-top, .widget-half-image-banner-pdp .widget-description.large-left-top { bottom: auto; right: auto; top: 4rem; left: 4rem; transform: none; } .widget-description.large-left-center { top: 50%; transform: translateY(-50%); left: 4rem; bottom: auto; right: auto; } .widget-image-banner .widget-description.large-left-center { top: 50%; transform: translateY(-50%); left: 11.3rem; } .widget-image-banner-hero .widget-description.large-left-center { top: 22.8rem; transform: none; left: 11.3rem; bottom: auto; right: auto; } .widget-half-image-banner .widget-description.large-left-center, .widget-half-image-banner-pdp .widget-description.large-left-center { top: 50%; transform: translateY(-50%); left: 4rem; bottom: auto; right: auto; } .widget-description.large-left-bottom { top: auto; left: 4rem; bottom: 4rem; right: auto; transform: none; } .widget-image-banner .widget-description.large-left-bottom { bottom: 9rem; left: 11.3rem; transform: none; } .widget-image-banner-hero .widget-description.large-left-bottom { top: auto; left: 11.3rem; bottom: 9rem; right: auto; transform: none; } .widget-half-image-banner .widget-description.large-left-bottom, .widget-half-image-banner-pdp .widget-description.large-left-bottom { top: auto; left: 4rem; bottom: 4rem; right: auto; transform: none; } .widget-description.large-center-top { bottom: auto; right: auto; top: 4rem; left: 50%; transform: translateX(-50%); } .widget-image-banner .widget-description.large-center-top { top: 9rem; left: 50%; transform: translateX(-50%); } .widget-image-banner-hero .widget-description.large-center-top { bottom: auto; right: auto; top: 22.8rem; left: 50%; transform: translateX(-50%); } .widget-half-image-banner .widget-description.large-center-top, .widget-half-image-banner-pdp .widget-description.large-center-top { bottom: auto; right: auto; top: 4rem; left: 50%; transform: translateX(-50%); } .widget-description.large-center-center { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: auto; right: auto; } .widget-image-banner .widget-description.large-center-center { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: auto; right: auto; } .widget-image-banner-hero .widget-description.large-center-center { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: auto; right: auto; } .widget-half-image-banner .widget-description.large-center-center, .widget-half-image-banner-pdp .widget-description.large-center-center { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); bottom: auto; right: auto; } .widget-description.large-center-bottom { top: auto; left: 50%; transform: translateX(-50%); bottom: 4rem; right: auto; } .widget-image-banner .widget-description.large-center-bottom { bottom: 9rem; left: 50%; transform: translateX(-50%); } .widget-image-banner-hero .widget-description.large-center-bottom { top: auto; left: 50%; transform: translateX(-50%); bottom: 9rem; right: auto; } .widget-half-image-banner .widget-description.large-center-bottom, .widget-half-image-banner-pdp .widget-description.large-center-bottom { top: auto; left: 50%; transform: translateX(-50%); bottom: 4rem; right: auto; } .widget-description.medium-left-below, .widget-description.medium-center-below, .widget-description.medium-right-below, .widget-description.medium-left-above, .widget-description.medium-center-above, .widget-description.medium-right-above { position: absolute; margin: 0; } .widget-several-images__three-column .widget-description.medium-left-below, .widget-several-images__three-column .widget-description.medium-center-below, .widget-several-images__three-column .widget-description.medium-right-below, .widget-several-images__three-column .widget-description.medium-left-above, .widget-several-images__three-column .widget-description.medium-center-above, .widget-several-images__three-column .widget-description.medium-right-above { margin: 0; } .widget-description.large-left-below { order: 2; margin: 9rem auto 9rem 11.3rem; } .widget-several-images__two-column .widget-description.large-left-below, .widget-several-images__three-column .widget-description.large-left-below { margin: 4rem auto 4rem 4rem; } .widget-description.large-center-below { order: 2; margin: 9rem auto; } .widget-several-images__two-column .widget-description.large-center-below, .widget-several-images__three-column .widget-description.large-center-below { margin: 4rem auto; } .widget-description.large-right-below { order: 2; margin: 9rem 11.3rem 9rem auto; } .widget-several-images__two-column .widget-description.large-right-below, .widget-several-images__three-column .widget-description.large-right-below { margin: 4rem 4rem 4rem auto; } .widget-description.large-left-below, .widget-description.large-center-below, .widget-description.large-right-below, .widget-description.large-left-above, .widget-description.large-center-above, .widget-description.large-right-above { position: relative; top: auto; bottom: auto; right: auto; left: auto; transform: none; } .widget-image-banner .widget-description.large-left-below, .widget-image-banner-hero .widget-description.large-left-below, .widget-image-banner .widget-description.large-center-below, .widget-image-banner-hero .widget-description.large-center-below, .widget-image-banner .widget-description.large-right-below, .widget-image-banner-hero .widget-description.large-right-below, .widget-image-banner .widget-description.large-left-above, .widget-image-banner-hero .widget-description.large-left-above, .widget-image-banner .widget-description.large-center-above, .widget-image-banner-hero .widget-description.large-center-above, .widget-image-banner .widget-description.large-right-above, .widget-image-banner-hero .widget-description.large-right-above { bottom: auto; top: auto; right: auto; left: auto; transform: none; } .widget-single-column .widget-description.large-left-below, .widget-single-column .widget-description.large-right-above, .widget-single-column .widget-description.large-right-below, .widget-single-column .widget-description.large-left-above { margin: 9rem 4rem; } .widget-description.large-left-above { margin: 9rem auto 9rem 11.3rem; order: 0; } .widget-several-images__two-column .widget-description.large-left-above, .widget-several-images__three-column .widget-description.large-left-above { margin: 4rem auto 4rem 4rem; } .widget-description.large-center-above { margin: 9rem auto; order: 0; } .widget-several-images__two-column .widget-description.large-center-above, .widget-several-images__three-column .widget-description.large-center-above { margin: 4rem auto; } .widget-description.large-right-above { margin: 9rem 11.3rem 9rem auto; order: 0; } .widget-several-images__two-column .widget-description.large-right-above, .widget-several-images__three-column .widget-description.large-right-above { margin: 4rem 4rem 4rem auto; } .widget-description .widget-description__mini-header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; } .widget-description.widget-description-over-mobile { position: absolute; padding: 0; } .widget-description.widget-description-over-medium { position: absolute; padding: 0; } .widget-description.widget-description-over-large { position: relative; top: auto; padding: 3rem 1.8rem; } .widget-description.no-width { width: auto; padding: 0 3rem; } .widget-sub-description { margin-top: 1.8rem; margin-left: 6rem; } .widget-image-url { position: relative; } .widget-image-url::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0; transition: opacity 0.4s ease; } .widget-image-url:hover::after { opacity: 0.1; } .newsletter-container .widget-newsletter-wrapper { position: static; margin: 0; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box { width: 36rem; left: auto; right: 0; transform: none; position: absolute; flex-direction: column; padding: 1.5rem; background: transparent; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form-title { margin-bottom: 0; } .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box-image { position: relative; top: -1px; width: 100%; min-height: unset; } .newsletter-container .widget-newsletter-wrapper .close-widget { right: 3rem; top: 1.5rem; } .newsletter-container .widget-newsletter-wrapper-box-form { background: #fff; } } @media screen and (min-width: 1440px) { .newsletter-container .widget-newsletter-wrapper .widget-newsletter-wrapper-box { width: calc(25vw - 3rem); } } /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .widget-layout-single-column .widget-single-column { padding: 0; } .widget-layout-single-column .tabs { margin: 5.2rem 0 8rem; padding: 0 1.5rem; } .widget-layout-single-column .widget__text_heading { padding: 5.2rem 0 1.5rem 1.2rem; max-width: 72rem; margin: 0 auto; } .widget-layout-single-column .widget__success_message { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; padding: 1.2rem 1.5rem; background-color: #0f0; text-transform: uppercase; display: none; max-width: 72rem; margin: 0 auto; } .widget-layout-single-column.layout-for-registered { display: none; } .widget-layout-single-column.layout-for-registered.fadedLayout { height: 208px; overflow-y: clip; opacity: 0.5; pointer-events: none; } .widget-layout-single-column.layout-for-registered .members { font-size: 1.2rem; line-height: 1.08333; text-transform: uppercase; vertical-align: top; } .widget-layout-single-column.layout-for-unregistered { display: none; } .widget-layout-single-column .content-newsletter__wrapper { min-height: 26rem; } .widget-layout-single-column .content-newsletter__container { width: 100%; max-width: 72rem; background: #fff; padding: 1.2rem 1.5rem 3rem 1.5rem; } .widget-layout-single-column .content-newsletter__form__skip { display: none; } .hero-widget__wrapper { position: relative; padding: 0; height: 125vw; } .hero-widget__wrapper .hero-widget__video-wrapper, .hero-widget__wrapper .hero-widget__video-container, .hero-widget__wrapper .hero-widget__image-container, .hero-widget__wrapper .hero-widget__image__image { width: 100vw; height: 100%; } .hero-widget__wrapper .hero-widget__image { width: 100%; height: calc(100% + 2px); } .hero-widget__wrapper .hero-widget__video-container { background-color: #f2f2f2; } .hero-widget__wrapper .hero-widget__video-container iframe { width: 100%; height: 100%; } .hero-widget__wrapper .hero-widget__video-container::after { position: absolute; width: 100%; top: 0; height: 100%; content: ""; left: 0; } .hero-widget__wrapper.widget-100-vh .hero-widget__image-container picture { height: calc(100vh + 2.4rem); } .hero-widget__wrapper.widget-100-vh .hero-widget__image-container img { height: 100%; object-fit: cover; object-position: 50% 50%; } .hero-widget__wrapper.widget-100-vh .hero-widget__video-wrapper { position: relative; padding-bottom: calc(100vh + 10rem); overflow: hidden; } .hero-widget__wrapper.widget-100-vh .hero-widget__video-wrapper .hero-widget__video-container { width: calc(calc(100vh + 10rem) * 0.5625); height: 215vw; min-height: calc(100vh + 10rem); min-width: 215vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hero-widget__wrapper.widget-100-vh .hero-widget__video-wrapper .hero-widget__video-container iframe { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-widget__wrapper .hero-widget__image-container .hero-widget__image__image { position: relative; } .hero-widget__wrapper .hero-widget__image-container img { position: relative; width: 100%; } .hero-widget__wrapper .hero-widget__content-container { position: relative; order: 0; z-index: 1; } .hero-widget__wrapper .hero-widget__content-container.pd-position-center, .hero-widget__wrapper .hero-widget__content-container.pd-position-bottom { position: absolute; bottom: 1.5rem; } .hero-widget__wrapper .link_text { text-transform: uppercase; display: none; } .hero-widget__wrapper:hover .link_text { margin: 0; background-color: #fff; display: inline-block; padding: 0 1.5rem 0 0.1rem; } .hero-widget__header-container { margin: 0 1rem 1.4rem; } .hero-widget__header-text.pd-bg-color-white h2, .hero-widget__header-text.pd-bg-color-white h3, .hero-widget__header-text.pd-bg-color-white h4, .hero-widget__header-text.pd-bg-color-white p, .hero-widget__header-container.pd-bg-color-white h2, .hero-widget__header-container.pd-bg-color-white h3, .hero-widget__header-container.pd-bg-color-white h4, .hero-widget__header-container.pd-bg-color-white p { margin: 0.1rem 0 0; padding: 0 1.5rem; width: -moz-fit-content; width: fit-content; background-color: #fff; } .hero-widget__header-text.pd-bg-color-black h2, .hero-widget__header-text.pd-bg-color-black h3, .hero-widget__header-text.pd-bg-color-black h4, .hero-widget__header-text.pd-bg-color-black p, .hero-widget__header-container.pd-bg-color-black h2, .hero-widget__header-container.pd-bg-color-black h3, .hero-widget__header-container.pd-bg-color-black h4, .hero-widget__header-container.pd-bg-color-black p { margin: 0.1rem 0 0; padding: 0.1rem 1.5rem; width: -moz-fit-content; width: fit-content; background-color: #000; } .hero-widget__header-headline.pd-color-white h1, .hero-widget__header-headline.pd-color-white h2, .hero-widget__header-headline.pd-color-white h3, .hero-widget__header-headline.pd-color-white h4, .hero-widget__header-headline.pd-color-white p, .hero-widget-text-description.pd-color-white h1, .hero-widget-text-description.pd-color-white h2, .hero-widget-text-description.pd-color-white h3, .hero-widget-text-description.pd-color-white h4, .hero-widget-text-description.pd-color-white p, .hero-widget-button.pd-color-white h1, .hero-widget-button.pd-color-white h2, .hero-widget-button.pd-color-white h3, .hero-widget-button.pd-color-white h4, .hero-widget-button.pd-color-white p { color: #fff; text-transform: uppercase; } .hero-widget__header-headline.pd-color-black h1, .hero-widget__header-headline.pd-color-black h2, .hero-widget__header-headline.pd-color-black h3, .hero-widget__header-headline.pd-color-black h4, .hero-widget__header-headline.pd-color-black p, .hero-widget-text-description.pd-color-black h1, .hero-widget-text-description.pd-color-black h2, .hero-widget-text-description.pd-color-black h3, .hero-widget-text-description.pd-color-black h4, .hero-widget-text-description.pd-color-black p, .hero-widget-button.pd-color-black h1, .hero-widget-button.pd-color-black h2, .hero-widget-button.pd-color-black h3, .hero-widget-button.pd-color-black h4, .hero-widget-button.pd-color-black p { color: #000; text-transform: uppercase; } .hero-widget__header-headline.pd-primary-font h1 { white-space: nowrap; } .hero-widget__header-headline.pd-secondary-font h1, .hero-widget__header-headline.pd-secondary-font h2, .hero-widget__header-headline.pd-secondary-font h3, .hero-widget__header-headline.pd-secondary-font h4, .hero-widget__header-headline.pd-secondary-font p { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.80556; } .hero-widget-button-wrapper { margin: 0.1rem 0 0; } .hero-widget-button-wrapper span { cursor: pointer; } .hero-widget-button-wrapper span img { background-color: #fff; padding: 0 1.5rem; vertical-align: bottom; } .hero-widget-button-wrapper span:hover { background-color: #fff; } .hero-widget-button-wrapper div[class^="hero-widget-button"]:hover { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout-with-form .widget-two-columns-inner-wrapper .widget-two-columns .experience-zoundassets-contenttile:nth-child(2), .layout-with-form .widget-two-columns-inner-wrapper .widget-two-columns .experience-zoundassets-contenttile:nth-child(3) { display: none; } .widget-two-columns { width: 100%; position: relative; } .widget-two-columns .widget-two-columns { position: relative; display: flex; flex-wrap: wrap; } .widget-two-columns .widget-two-columns .experience-zoundassets-producttile { width: 100%; box-sizing: border-box; } .widget-two-columns .widget-two-columns .product-tile img { padding: 0.1rem; } .widget-two-columns .widget-two-columns .product-tile__image_container { width: 100%; height: 0; position: relative; padding-bottom: 100%; } .widget-two-columns .widget-two-columns .product-tile__ribbon { display: inline-block; z-index: 11; background: #000; color: #fff; padding: 0 1.5rem; } .widget-two-columns .widget-two-columns .out-of-stock-message { display: none; } .widget-two-columns-inner-wrapper { position: relative; display: flex; flex-direction: column; } .widget-two-columns-inner-wrapper .widget-two-columns { max-width: 100%; margin-bottom: 0; display: block; flex: 1 0 100%; } .widget-two-columns-inner-wrapper .widget-two-columns .content-widget__image, .widget-two-columns-inner-wrapper .widget-two-columns .category-widget__image, .widget-two-columns-inner-wrapper .widget-two-columns .content-widget__wrapper { position: relative; width: 100%; } .widget-two-columns-inner-wrapper .widget-two-columns .content-widget__image, .widget-two-columns-inner-wrapper .widget-two-columns .category-widget__image { height: 100%; min-height: 100%; } .widget-two-columns-inner-wrapper .widget-two-columns .content-widget__wrapper { height: 125vw; } .widget-two-columns-inner-wrapper .widget-two-columns .content-widget__wrapper.article__text-container { min-height: 125vw; } .widget-two-columns-inner-wrapper .widget-two-columns .experience-component { display: block; } .widget-two-columns-inner-wrapper .widget-two-columns .experience-component .product-tile { height: 125vw; width: 100%; } .widget-two-columns-inner-wrapper.layout-with-four-products .widget-two-columns { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget-two-columns-inner-wrapper.layout-with-four-products .widget-two-columns .experience-zoundassets-producttile { width: 50%; } .widget-two-columns-inner-wrapper.layout-with-four-products .widget-two-columns .experience-zoundassets-producttile .product-tile { height: 62.5vw; } .full-width-widget__wrapper { position: relative; width: 100vw; height: 125vw; max-height: 125vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .full-width-widget__image-container .full-width-widget__image-container .full-width-widget__image { width: 100vw; height: 100vh; object-fit: cover; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .full-width-widget .full-width-widget_text-container { order: 0; z-index: 1; position: absolute; bottom: 0; margin-bottom: 1.5rem; } .full-width-widget .full-width-widget_text-container.full-width-widget__header-wrapper { bottom: auto; } .full-width-widget .full-width-widget_text-container.pd-position-center, .full-width-widget .full-width-widget_text-container.pd-position-bottom { position: absolute; } .full-width-widget .full-width-widget_text-container.pd-position-center { margin-top: auto; margin-bottom: auto; top: 50%; transform: translateY(-50%); } .full-width-widget .full-width-widget_text-container.pd-position-bottom { bottom: 1.5rem; } .full-width-widget .full-width-widget_header.pd-color-white, .full-width-widget .full-width-widget_text-description.pd-color-white, .full-width-widget .full-width-widget-button.pd-color-white { width: -moz-fit-content; width: fit-content; } .full-width-widget .full-width-widget_header.pd-color-white h1, .full-width-widget .full-width-widget_header.pd-color-white h2, .full-width-widget .full-width-widget_header.pd-color-white h3, .full-width-widget .full-width-widget_header.pd-color-white h4, .full-width-widget .full-width-widget_header.pd-color-white p, .full-width-widget .full-width-widget_text-description.pd-color-white h1, .full-width-widget .full-width-widget_text-description.pd-color-white h2, .full-width-widget .full-width-widget_text-description.pd-color-white h3, .full-width-widget .full-width-widget_text-description.pd-color-white h4, .full-width-widget .full-width-widget_text-description.pd-color-white p, .full-width-widget .full-width-widget-button.pd-color-white h1, .full-width-widget .full-width-widget-button.pd-color-white h2, .full-width-widget .full-width-widget-button.pd-color-white h3, .full-width-widget .full-width-widget-button.pd-color-white h4, .full-width-widget .full-width-widget-button.pd-color-white p { color: #fff; display: table; margin: 0.1rem 0 0; text-transform: uppercase; padding: 0 1.5rem; background: #000; } .full-width-widget .full-width-widget_header.pd-color-black, .full-width-widget .full-width-widget_text-description.pd-color-black, .full-width-widget .full-width-widget-button.pd-color-black { width: -moz-fit-content; width: fit-content; } .full-width-widget .full-width-widget_header.pd-color-black h1, .full-width-widget .full-width-widget_header.pd-color-black h2, .full-width-widget .full-width-widget_header.pd-color-black h3, .full-width-widget .full-width-widget_header.pd-color-black h4, .full-width-widget .full-width-widget_header.pd-color-black p, .full-width-widget .full-width-widget_text-description.pd-color-black h1, .full-width-widget .full-width-widget_text-description.pd-color-black h2, .full-width-widget .full-width-widget_text-description.pd-color-black h3, .full-width-widget .full-width-widget_text-description.pd-color-black h4, .full-width-widget .full-width-widget_text-description.pd-color-black p, .full-width-widget .full-width-widget-button.pd-color-black h1, .full-width-widget .full-width-widget-button.pd-color-black h2, .full-width-widget .full-width-widget-button.pd-color-black h3, .full-width-widget .full-width-widget-button.pd-color-black h4, .full-width-widget .full-width-widget-button.pd-color-black p { color: #000; display: table; margin: 0.1rem 0 0; text-transform: uppercase; padding: 0 1.5rem; background: #fff; } .full-width-widget .full-width-widget_header.transparent, .full-width-widget .full-width-widget_text-description.transparent, .full-width-widget .full-width-widget-button.transparent { width: -moz-fit-content; width: fit-content; } .full-width-widget .full-width-widget_header.transparent h1, .full-width-widget .full-width-widget_header.transparent h2, .full-width-widget .full-width-widget_header.transparent h3, .full-width-widget .full-width-widget_header.transparent h4, .full-width-widget .full-width-widget_header.transparent p, .full-width-widget .full-width-widget_text-description.transparent h1, .full-width-widget .full-width-widget_text-description.transparent h2, .full-width-widget .full-width-widget_text-description.transparent h3, .full-width-widget .full-width-widget_text-description.transparent h4, .full-width-widget .full-width-widget_text-description.transparent p, .full-width-widget .full-width-widget-button.transparent h1, .full-width-widget .full-width-widget-button.transparent h2, .full-width-widget .full-width-widget-button.transparent h3, .full-width-widget .full-width-widget-button.transparent h4, .full-width-widget .full-width-widget-button.transparent p { display: table; margin: 0.1rem 0 0; text-transform: uppercase; padding: 0 1.5rem; background: transparent; } .full-width-widget .full-width-widget_header.pd-primary-font h2, .full-width-widget .full-width-widget_header.pd-primary-font h3, .full-width-widget .full-width-widget_header.pd-primary-font h4, .full-width-widget .full-width-widget_header.pd-primary-font h5, .full-width-widget .full-width-widget_header.pd-primary-font p { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.80556; } .full-width-widget .full-width-widget_header.pd-primary-font h2 { font-size: 5rem; line-height: 0.85; } .full-width-widget .full-width-widget_header.pd-secondary-font h2, .full-width-widget .full-width-widget_header.pd-secondary-font h3, .full-width-widget .full-width-widget_header.pd-secondary-font h4, .full-width-widget .full-width-widget_header.pd-secondary-font h5, .full-width-widget .full-width-widget_header.pd-secondary-font p { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.80556; } .full-width-widget .full-width-widget_header.pd-secondary-font h2 { font-size: 5rem; line-height: 0.85; } .full-width-widget .full-width-widget_button-wrapper { margin: 0.1rem 0 0; } .full-width-widget .full-width-widget_button-wrapper a { cursor: pointer; display: inline-block; } .full-width-widget .full-width-widget_button-wrapper a img { background-color: #fff; padding: 0 1.5rem; vertical-align: bottom; width: auto; } .full-width-widget .full-width-widget_button-wrapper a:hover { background-color: #fff; cursor: pointer; } .full-width-widget .link_text { text-transform: uppercase; display: none; } .full-width-widget:hover .link_text { margin: 0; background-color: #fff; display: inline-block; padding: 0 1.5rem 0 0.1rem; } .widget-product-grid { width: 100%; position: relative; background-image: url("../images/transparency.jpg"); background-size: 6px 6px; background-repeat: repeat; image-rendering: pixelated; } .widget-product-grid .experience-components { position: relative; display: flex; flex-wrap: wrap; width: 100vw; } .widget-product-grid .experience-components .experience-zoundassets-producttile { width: 50vw; box-sizing: border-box; } @media screen and (max-width: 320px) { .widget-product-grid .experience-components .experience-zoundassets-producttile { width: 100%; } } .widget-product-grid .experience-components .product-tile { background: linear-gradient(45deg, #f2f2f2 0%, #e4e4e4 100%); box-sizing: border-box; width: 100%; } .widget-product-grid .experience-components .product-tile:hover { box-shadow: inset 0 0 0 1px #6e6e6e; z-index: 1; } .widget-product-grid .experience-components .product-tile:focus { box-shadow: inset 0 0 0 1px #0029ff; z-index: 1; } .widget-product-grid .experience-components .life-style_product:hover .product-tile__details { padding: 0; z-index: 11; } .widget-product-grid .experience-components .life-style_product:hover .product-tile__details-name, .widget-product-grid .experience-components .life-style_product:hover .product-tile__masterName, .widget-product-grid .experience-components .life-style_product:hover .product-tile__details-price, .widget-product-grid .experience-components .life-style_product:hover .product-tile__details-button, .widget-product-grid .experience-components .life-style_product:hover .product-tile__details-colors { box-shadow: inset 1px 0 0 #6e6e6e; margin: 0.1rem 0 0 0; padding: 0 1.5rem; width: -moz-fit-content; width: fit-content; } .widget-product-grid .experience-components .life-style_product:hover .image-life-style { opacity: 1; padding: 0.1rem; } .widget-product-grid .experience-components .life-style_product:hover .image-life-style + .image-product { opacity: 0; } .widget-product-grid .experience-components .life-style_product:hover .image-life-style_container { padding-bottom: 62.5vw; } .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-name, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__masterName, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-price, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-button, .widget-product-grid .experience-components .life-style_product:hover .image-life-style_wrapper + .product-tile__details .product-tile__details-colors { background-color: #fff; } .widget-product-grid .experience-components .life-style_product:hover .product-tile__label-text { display: inline-block; } .widget-product-grid .experience-components .life-style_product:hover .product-tile__details-colors { margin-top: 1rem; } .widget-product-grid .experience-components .product-tile__image_container { width: 100%; height: 0; position: relative; padding-bottom: 100%; } .widget-product-grid .experience-components .product-tile__image_container img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; position: absolute; z-index: 1; transition: none; } .widget-product-grid .experience-components .product-tile__details .product-tile__masterName { text-transform: uppercase; } .widget-product-grid .experience-components .product-tile__details-name { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .widget-product-grid .experience-components .product-tile__details-price { padding-top: 0.1rem; text-transform: uppercase; } .widget-product-grid .experience-components .product-tile__details-button { padding-top: 0.4rem; } .widget-product-grid .experience-components .product-tile__details .product-price__default { display: flex; padding-top: 0.1rem; } .widget-product-grid .experience-components .product-tile__details .price-adjusted { padding-right: 1rem; } .widget-product-grid .experience-components .product-tile__ribbon { display: inline-block; width: auto; z-index: 11; background: #000; color: #fff; padding: 0 1.5rem; } .widget-product-grid .experience-components .out-of-stock-message { display: none; } .widget-product-grid .widget__text_heading { margin: 5.2rem 0 1.2rem; padding: 0 1.5rem; } .widget-product-grid.two-columns-limitation { background: #fff; } .widget-product-grid.two-columns-limitation .experience-components { width: 100vw; margin: 0 auto; } .widget-product-grid.two-columns-limitation .experience-components .experience-zoundassets-producttile { width: 50vw; } .widget-product-grid.two-columns-limitation .experience-components .product-tile { height: 62.5vw; } .widget-product-grid.two-columns-limitation .widget__text_heading { width: 100vw; } .widget-product-grid.layout-for-registered { display: none; } .widget-product-grid.layout-for-registered.fadedLayout { height: 208px; overflow-y: clip; opacity: 0.5; pointer-events: none; } .widget-product-grid.layout-for-unregistered { display: none; } .content-widget__wrapper { width: 100%; height: 100%; } .experience-zoundassets-contenttile .link_text { text-transform: uppercase; display: none; } .experience-zoundassets-contenttile:hover .link_text { margin: 0; background-color: #fff; display: inline-block; padding: 0 1.5rem 0 0.1rem; } .experience-zoundassets-contenttile:hover .link_text.bg-color-transparent { background-color: transparent; } .experience-zoundassets-contenttile:hover .link_text.bg-color-black { background-color: #000; } .content-tile__link .content-widget__image-container, .content-tile__link .content-widget__video-wrapper { position: relative; } .content-tile__link .content-widget__image-container:hover::before, .content-tile__link .content-widget__video-wrapper:hover::before { content: ""; width: 100%; position: absolute; height: 100%; box-shadow: inset 0 0 0 1px #6e6e6e; z-index: 45; } .content-widget__text_heading { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.84722; position: absolute; min-width: 100%; margin-top: auto; margin-bottom: auto; top: 50%; left: 50%; } .content-widget__text_heading.pd-bg-color-white h2, .content-widget__text_heading.pd-bg-color-white h3 { background-color: #fff; } .content-widget__text_heading.pd-bg-color-black h2, .content-widget__text_heading.pd-bg-color-black h3 { background-color: #000; } .content-widget__text_heading h2, .content-widget__text_heading h3 { padding: 0 1.5rem 2px; width: -moz-fit-content; width: fit-content; margin: 0 auto; margin-bottom: 0.1rem; } .content-widget__text_heading.pd-secondary-font h2, .content-widget__text_heading.pd-secondary-font h3 { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 5rem; line-height: 0.85; } .content-widget__video-wrapper { position: relative; height: 125vw; overflow: hidden; } .content-widget__video-wrapper .content-widget__video-container { width: 100vw; min-width: 100vw; height: 100%; min-height: 125vw; padding: 0; overflow: hidden; } .content-widget__video-wrapper .content-widget__video-container iframe { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; } .content-widget__text_container { max-width: 100%; position: absolute; bottom: 15px; left: 0; } .content-widget__text_container .content-widget__text_description.pd-color-white { width: -moz-fit-content; width: fit-content; } .content-widget__text_container .content-widget__text_description.pd-color-white h1, .content-widget__text_container .content-widget__text_description.pd-color-white h2, .content-widget__text_container .content-widget__text_description.pd-color-white h3, .content-widget__text_container .content-widget__text_description.pd-color-white h4, .content-widget__text_container .content-widget__text_description.pd-color-white p { color: #fff; display: table; margin: 0 0 0; text-transform: uppercase; padding: 0 1.5rem; background-color: #000; } .content-widget__text_container .content-widget__text_description.pd-color-white h4 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; margin: 0 0 0.1rem 0; } .content-widget__text_container .content-widget__text_description.pd-color-black { width: -moz-fit-content; width: fit-content; } .content-widget__text_container .content-widget__text_description.pd-color-black h1, .content-widget__text_container .content-widget__text_description.pd-color-black h2, .content-widget__text_container .content-widget__text_description.pd-color-black h3, .content-widget__text_container .content-widget__text_description.pd-color-black h4, .content-widget__text_container .content-widget__text_description.pd-color-black p { color: #000; display: table; margin: 0 0 0; text-transform: uppercase; padding: 0 1.5rem; background-color: #fff; } .content-widget__text_container .content-widget__text_description.pd-color-black h4 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; margin: 0 0 0.1rem 0; } .content-widget__text_container .content-widget__text_description.bg-color-transparent h1, .content-widget__text_container .content-widget__text_description.bg-color-transparent h2, .content-widget__text_container .content-widget__text_description.bg-color-transparent h3, .content-widget__text_container .content-widget__text_description.bg-color-transparent h4, .content-widget__text_container .content-widget__text_description.bg-color-transparent p { color: #000; display: table; margin: 0 0 0; text-transform: uppercase; padding: 0 1.5rem; background-color: transparent; } .content-widget__text_container .content-widget__text_description.bg-color-transparent h4 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; margin: 0 0 0.1rem 0; } .content-widget__text_container .content-widget__text_description.pd-color-white.bg-color-transparent h1, .content-widget__text_container .content-widget__text_description.pd-color-white.bg-color-transparent h2, .content-widget__text_container .content-widget__text_description.pd-color-white.bg-color-transparent h3, .content-widget__text_container .content-widget__text_description.pd-color-white.bg-color-transparent h4, .content-widget__text_container .content-widget__text_description.pd-color-white.bg-color-transparent p { color: #fff; } .content-widget__text_container .content-widget__text_description.pd-color-white.bg-color-transparent h4 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; margin: 0 0 0.1rem 0; } .content-widget__text, .hero-widget-text-description { text-transform: uppercase; } .content-widget__text.pd-color-white, .hero-widget-text-description.pd-color-white { color: #fff; } .content-widget__text.pd-color-black, .hero-widget-text-description.pd-color-black { color: #000; } .content-widget__text p, .hero-widget-text-description p { font-size: 1.4rem; line-height: 1.14286; } .content-widget__text_label { max-width: 90%; text-align: left; margin: 0; } .content-widget__text_label a { cursor: pointer; display: inline-block; margin-top: 0.1rem; } .content-widget__text_label a img { background-color: #fff; padding: 0 1.5rem; vertical-align: bottom; } .content-widget__text_label a:hover { background-color: #fff; cursor: pointer; } .content-widget__text_label.bg-color-transparent a img { background-color: transparent; } .content-widget__text_label.bg-color-transparent a:hover { background-color: transparent; } .widget-layout-two-columns.layout-for-registered { display: none; padding-top: 4rem; } .widget-layout-two-columns.layout-for-registered.fadedLayout { height: 208px; overflow-y: clip; opacity: 0.5; pointer-events: none; } .widget-layout-two-columns.layout-for-unregistered { display: none; padding-top: 4rem; } .widget-layout-two-columns .content-newsletter__wrapper { min-height: 125vw; height: 125vw; } .widget-layout-two-columns .content-newsletter__container { width: 71%; } .content-newsletter__wrapper { width: 100%; position: relative; } .content-newsletter__container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .content-newsletter__header-title { text-transform: uppercase; } .content-newsletter__header-subtitle { color: #0029ff; text-shadow: 1px 1px 0 #0f0; padding-bottom: 1.2rem; } .content-newsletter__form__button button { margin-bottom: 2.2rem; } .content-newsletter__form__terms { color: #6e6e6e; } .content-newsletter__form__terms a { color: #000; } .content-newsletter__form__skip { padding-top: 1rem; border-top: 1px solid #e3e3e3; } .content-newsletter__skip { background: transparent; } .content-newsletter__skip-text { margin-bottom: 2rem; } .experience-zoundassets-categorytile .link_text { text-transform: uppercase; display: none; } .experience-zoundassets-categorytile:hover .link_text { margin: 0; background-color: #fff; display: inline-block; padding: 0 1.5rem 0 0.1rem; } .category-widget__text_heading { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.84722; position: absolute; margin-top: auto; margin-bottom: auto; top: 50%; left: 50%; transform: translateY(-50%); transform: translateX(-50%); } .category-widget__text_heading.pd-bg-color-white h2 { background-color: #fff; } .category-widget__text_heading.pd-bg-color-black h2 { background-color: #000; } .category-widget__text_heading h2 { padding: 0 1.5rem; width: -moz-fit-content; width: fit-content; margin: 0 auto; } .category-widget__text_heading.pd-secondary-font h2 { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.84722; } .category-widget__text_container { width: 60vw; position: absolute; bottom: 15px; left: 0; } .category-widget__text_container .category-widget__text_subheading { width: -moz-fit-content; width: fit-content; background: #fff; padding: 0 1.5rem; } .category-widget__text { text-transform: uppercase; } .category-widget__text p { margin: 0; line-height: 1px; } .category-widget__text.pd-color-white { color: #fff; } .category-widget__text.pd-color-black { color: #000; } .category-widget__text_label { text-align: left; margin: 0.1rem 0 0; } .category-widget__text_label a { cursor: pointer; display: inline-block; } .category-widget__text_label a img { background-color: #fff; padding: 0 1.5rem; vertical-align: bottom; } .category-widget__text_label a:hover { background-color: #fff; cursor: pointer; display: inline-block; } .widget-four-columns, .widget-item-grid { width: 100%; position: relative; } .widget-four-columns .owl-carousel .owl-item img, .widget-item-grid .owl-carousel .owl-item img { display: inline-block !important; width: auto !important; } .widget-four-columns h4.widget__text_heading, .widget-item-grid h4.widget__text_heading { margin: 2.8rem 0 1.2rem; padding: 0 1.5rem; } .widget-four-columns .widget__text_heading.footer, .widget-item-grid .widget__text_heading.footer { margin: 1.8rem 1.5rem 4rem; } .widget-four-columns .widget-four-columns-inner-wrapper, .widget-four-columns .widget-item-grid-inner-wrapper, .widget-item-grid .widget-four-columns-inner-wrapper, .widget-item-grid .widget-item-grid-inner-wrapper { position: relative; display: flex; flex-wrap: wrap; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid { width: 50%; box-sizing: border-box; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .category-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .category-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .category-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .category-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .category-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .category-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .category-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .category-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__wrapper { position: relative; width: 100%; height: 62.5vw; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.content-widget__text_heading_vertical_centered, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.content-widget__text_heading_vertical_centered, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.content-widget__text_heading_vertical_centered, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.content-widget__text_heading_vertical_centered, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.content-widget__text_heading_vertical_centered, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.content-widget__text_heading_vertical_centered, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.content-widget__text_heading_vertical_centered, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.content-widget__text_heading_vertical_centered { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 12px; left: 0; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h2, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h2, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h2, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h2, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h2, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h2, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h2, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h2 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 0.85; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h3, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h3, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h3, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h3, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h3, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h3, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h3, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h3 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 2.4rem; line-height: 1; margin: 0; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h1, .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h2, .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h4, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h1, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h2, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h4, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h1, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h2, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h4, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h1, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h2, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h4, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h1, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h2, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__text_heading.left h4, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h1, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h2, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__text_heading.left h4, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h1, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h2, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__text_heading.left h4, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h1, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h2, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__text_heading.left h4 { margin: 1.5rem 0; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image__image.hover-image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image__image.hover-image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image__image.hover-image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image__image.hover-image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image__image.hover-image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image__image.hover-image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image__image.hover-image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image__image.hover-image { opacity: 0; position: absolute; top: 0; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image__image.hover-image + .content-widget__image__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image__image.hover-image + .content-widget__image__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image__image.hover-image + .content-widget__image__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image__image.hover-image + .content-widget__image__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image__image.hover-image + .content-widget__image__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image__image.hover-image + .content-widget__image__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image__image.hover-image + .content-widget__image__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image__image.hover-image + .content-widget__image__image { opacity: 1; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image { opacity: 1; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image + .content-widget__image__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image + .content-widget__image__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image + .content-widget__image__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image + .content-widget__image__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image + .content-widget__image__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image + .content-widget__image__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image + .content-widget__image__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .experience-zoundassets-contenttile:hover .content-widget__image__image.hover-image + .content-widget__image__image { opacity: 0; } .widget-four-columns .widget-four-columns-inner-wrapper .content-widget__video-wrapper, .widget-four-columns .widget-item-grid-inner-wrapper .content-widget__video-wrapper, .widget-item-grid .widget-four-columns-inner-wrapper .content-widget__video-wrapper, .widget-item-grid .widget-item-grid-inner-wrapper .content-widget__video-wrapper { min-height: 62.5vw; height: 62.5vw; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns { width: 100%; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__image { height: calc((100vw - 3rem) * 5 / 4); } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-stage, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-stage, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-stage, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-stage { left: -1.5rem; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav { right: 1.5rem; top: -5.2rem; position: absolute; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav .owl-prev, .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav .owl-next, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav .owl-prev, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav .owl-next, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav .owl-prev, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav .owl-next, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav .owl-prev, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav .owl-next { border: 1px solid #000; border-radius: 100%; width: 4rem; height: 4rem; margin-left: 1rem; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left, .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right { position: relative; display: inline-block; width: 4rem; height: 4rem; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left::before, .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right::before, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left::before, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right::before, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left::before, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right::before, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left::before, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right::before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("../../images/icons/icon-arrow-carousel-small.svg"); background-repeat: no-repeat; background-size: 100% 100%; width: 1rem; height: 1rem; position: absolute; top: calc(50% - 0.1rem); left: 50%; content: ""; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left::before, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left::before, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left::before, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-left::before { left: calc(50% - 0.1rem); } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right::before, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right::before, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right::before, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav .icon-arrow-up-right::before { -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns { display: none; width: 50%; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns:nth-child(-n+4), .widget-four-columns .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns:nth-child(-n+4), .widget-item-grid .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns:nth-child(-n+4), .widget-item-grid .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns:nth-child(-n+4) { display: block; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns .content-widget__image { height: calc(50vw * 5 / 4); } .widget-four-columns .widget-four-columns-inner-wrapper .content-widget__text_container, .widget-four-columns .widget-item-grid-inner-wrapper .content-widget__text_container, .widget-item-grid .widget-four-columns-inner-wrapper .content-widget__text_container, .widget-item-grid .widget-item-grid-inner-wrapper .content-widget__text_container { max-width: none; } .widget-four-columns .widget__four-columns-link, .widget-four-columns .widget__item-grid-link, .widget-item-grid .widget__four-columns-link, .widget-item-grid .widget__item-grid-link { text-transform: uppercase; margin: 5.2rem 0; padding: 0 1.5rem 0 4rem; position: relative; display: inline-block; } .widget-four-columns .widget__four-columns-link::before, .widget-four-columns .widget__item-grid-link::before, .widget-item-grid .widget__four-columns-link::before, .widget-item-grid .widget__item-grid-link::before { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); position: absolute; content: ""; background-image: url("../../images/icons/link-arrow-right.svg"); background-repeat: no-repeat; display: block; left: 1.5rem; width: 1.6rem; height: 1.6rem; top: 50%; } .widget-four-columns .widget__four-columns-link::before:hover, .widget-four-columns .widget__item-grid-link::before:hover, .widget-item-grid .widget__four-columns-link::before:hover, .widget-item-grid .widget__item-grid-link::before:hover { color: #6e6e6e; background-image: url("../../images/icons/link-arrow-right-gray.svg"); } .widget-four-columns__image-container img, .widget-item-grid__image-container img { width: 100%; } .widget-layout-four-columns.layout-for-registered { display: none; } .widget-layout-four-columns.layout-for-registered.fadedLayout { height: 208px; overflow-y: clip; opacity: 0.5; pointer-events: none; } .widget-layout-four-columns.layout-for-registered .members { font-size: 1.2rem; line-height: 1.08333; text-transform: uppercase; vertical-align: top; } .widget-layout-four-columns.layout-for-registered .owl-nav { display: none; } .widget-layout-four-columns.layout-for-unregistered { display: none; } .widget-layout-four-columns.layout-for-unregistered .owl-nav { display: none; } .sustainability-nav, .sustainability-back-to { background: #f2f2f2; padding: 0; } .sustainability-nav__list, .sustainability-back-to__list { list-style: none; padding: 0; margin: 0; } .sustainability-nav__list-item, .sustainability-nav__item, .sustainability-back-to__list-item, .sustainability-back-to__item { font-size: 1.4rem; line-height: 1.14286; display: inline-block; position: relative; width: 100%; } .sustainability-nav__list-item-link, .sustainability-nav__item-link, .sustainability-back-to__list-item-link, .sustainability-back-to__item-link { padding: 1.2rem 1.5rem 1.2rem 4.6rem; display: inline-block; width: 100%; } .sustainability-nav__list-item-link::before, .sustainability-nav__item-link::before, .sustainability-back-to__list-item-link::before, .sustainability-back-to__item-link::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; content: ""; background-image: url("../../images/icons/link-arrow-right.svg"); background-repeat: no-repeat; display: block; left: 1.5rem; width: 1.6rem; height: 1.6rem; top: 50%; } .sustainability-nav__list-item-link::before:hover, .sustainability-nav__item-link::before:hover, .sustainability-back-to__list-item-link::before:hover, .sustainability-back-to__item-link::before:hover { color: #6e6e6e; background-image: url("../../images/icons/link-arrow-right-gray.svg"); } .sustainability-back-to { width: 100%; position: relative; background-image: url("../images/transparency.jpg"); background-size: 6px 6px; background-repeat: repeat; image-rendering: pixelated; } .sustainability-back-to .sustainability-back-to__item-link { padding: 5.2rem 1.5rem 5.2rem 4.6rem; } .sustainability-back-to .sustainability-back-to__item-link::before { -webkit-transform: rotate(-180deg) translateY(50%); -ms-transform: rotate(-180deg) translateY(50%); transform: rotate(-180deg) translateY(50%); } #social-links .content-widget__wrapper, #social-links-new .content-widget__wrapper { height: 62.5vw; } #social-links .content-tile__link, #social-links-new .content-tile__link { display: flex; height: 100%; } #social-links .content-tile__link .content-widget__image-container:hover::before, #social-links-new .content-tile__link .content-widget__image-container:hover::before { content: none; } #social-links .experience-component:first-child .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns:first-child, #social-links .experience-component:first-child .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid:first-child, #social-links-new .experience-component:first-child .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns:first-child, #social-links-new .experience-component:first-child .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid:first-child { width: 100%; } #social-links .experience-component:first-child .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns:first-child .content-widget__wrapper, #social-links .experience-component:first-child .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid:first-child .content-widget__wrapper, #social-links-new .experience-component:first-child .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns:first-child .content-widget__wrapper, #social-links-new .experience-component:first-child .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid:first-child .content-widget__wrapper { height: 125vw; } #social-links .content-widget__text_heading, #social-links-new .content-widget__text_heading { position: static; } #social-links .content-widget__text_heading h2, #social-links-new .content-widget__text_heading h2 { font-size: 4rem; line-height: 0.85; padding: 1.5rem; margin: 0; } .experience-component .newsletter-trigger { cursor: pointer; } .article-widget__container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .article-widget__text_heading { width: 72rem; margin: 0 auto; padding: 5.2rem 0 1.2rem 1.5rem; } .article-widget__text_heading h4 { margin: 0; } .article-widget__text_container { width: 72rem; margin: 0 auto; padding: 1.5rem 2rem; } .article-widget__text_container h4 { margin: 0; } .article-widget__text ul { list-style-position: outside; padding-left: 3.5rem; } .article-widget__text ul li { padding-left: 2rem; } .article-widget__image__image { width: 72rem; } .article-widget__image__image img { width: 100%; } .article-widget__image__video-wrapper { width: 100%; height: 100vh; max-width: 72rem; } .article-widget__image__video-container { height: 100%; margin: 0 auto; } .article-widget__image__video-container iframe { width: 100%; height: 100%; } .article-widget__quote_container { padding: 7rem 0; } .article-widget__quote_container h2 { padding: 0 1.5rem 2px; width: -moz-fit-content; width: fit-content; margin: 2px; background-color: #000; color: #fff; } .article-widget__quote_container.Center h2 { margin: 0 auto; margin-bottom: 2px; } .article__text-container { height: 125vw; } .article__text-container .content-widget__text_heading { top: 0; left: 0; padding: 1rem 1.5rem 2rem; } .article__text-container .content-widget__text_heading h2, .article__text-container .content-widget__text_heading h3 { max-width: 70%; width: auto; margin: 0; padding: 0; } .article__text-container .content-widget__text_heading .content-widget__article_description { max-width: 90%; } .article__text-container .content-widget__text_heading .content-widget__article_description p { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.8rem; line-height: 1.11111; letter-spacing: -0.01em; } .article__text-container .content-widget__text_heading .content-widget__article_description li, .article__text-container .content-widget__text_heading .content-widget__article_description a { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.8rem; line-height: 1.11111; } .article__text-container .content-widget__text_heading .content-widget__article_description s { color: #4d4d4d; } .article__text-container .content-widget__text_heading.content-widget__text_heading_vertical_centered { top: 50%; transform: translateY(-50%); } .content-widget__error_button { max-width: 70%; background: #000; } .content-widget__error_button a { color: #fff; text-transform: uppercase; } .content-widget__error_button .error-page_button { padding: 1.1rem 1.5rem; } .sustainability__bullets h5 { text-decoration: underline; margin: 2.4rem 0; } .sustainability__bullets a { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1.125; color: #0029ff; } .sustainability__bullets-wrapper { padding: 1.5rem; } .sustainability__list { list-style-type: none; } .sustainability__bullet { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1.125; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-left: 5.5rem; position: relative; min-height: 4rem; margin-bottom: 1.5rem; } .sustainability__bullet::before { border: 1px solid #e3e3e3; position: absolute; content: " "; width: 4rem; height: 4rem; border-radius: 100%; left: 0; top: 0; } .sustainability__bullet.filled::before { border: 1px solid #000; background: #000; } .sustainability__bullet.filled::after { background: url("../../images/icons/icon-check-white.svg") no-repeat; background-size: 1.6rem 1.6rem; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 1.3rem; left: 1.3rem; bottom: 0; right: 0; background-position: 50%; content: ""; width: 1.6rem; height: 1.6rem; } .sustainability__bullet-text { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding-right: 1.5rem; } .sustainability__bullet-year { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; } .b2b-form-wrapper { margin: 0 1.5rem 9.2rem; } .b2b-form-wrapper.widget-newsletter-wrapper { position: static; background: transparent; height: auto; } .b2b-form-wrapper.widget-newsletter-wrapper .widget-newsletter-wrapper-box { display: block; position: static; box-shadow: none; min-height: unset; transform: none; background: transparent; width: 100%; } .b2b-form-wrapper.widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form { width: 100%; color: initial; } .b2b-form-wrapper.widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-item { padding: 0; } .b2b-form-wrapper.widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form .invalid-feedback { padding: 0.5rem 0 1.5rem; } .b2b-form-wrapper.widget-newsletter-wrapper .widget-newsletter-wrapper-box .widget-newsletter-wrapper-box-form-title { margin-bottom: 0; padding: 0; border: 0; } .b2b-form-wrapper .after-submit { display: none; } .b2b-form-wrapper .before-submit { display: block; } .b2b-form-wrapper .section-header { text-transform: uppercase; text-align: center; margin: 8rem auto 4.7rem; } .hero-widget-support__wrapper { position: relative; padding: 0; height: 100vh; width: 100vw; overflow: hidden; } .hero-widget-support__wrapper .hero-widget-support__video-wrapper, .hero-widget-support__wrapper .hero-widget-support__video-container, .hero-widget-support__wrapper .hero-widget-support__image-container, .hero-widget-support__wrapper .hero-widget-support__image__image { width: 100%; height: 100%; } .hero-widget-support__wrapper .hero-widget-support__video-container, .hero-widget-support__wrapper .hero-widget-support__image-container { position: absolute; width: 80vh; height: 100%; min-width: 100%; min-height: 125vw; left: 50%; top: 50%; transform: translate(-50%, -50%); } .hero-widget-support__wrapper .hero-widget-support__image { width: 100%; height: 100%; } .hero-widget-support__wrapper .hero-widget-support__video-container { background-color: #f2f2f2; } .hero-widget-support__wrapper .hero-widget-support__video-container iframe { width: 100%; height: 100%; } .hero-widget-support__wrapper .hero-widget-support__header-headline { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 3.2rem; line-height: 0.8125; text-align: center; text-transform: uppercase; color: var(--text-color); width: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; } .hero-widget-support__wrapper .hero-widget-support__header-headline p, .hero-widget-support__wrapper .hero-widget-support__header-headline h1, .hero-widget-support__wrapper .hero-widget-support__header-headline h2, .hero-widget-support__wrapper .hero-widget-support__header-headline h3, .hero-widget-support__wrapper .hero-widget-support__header-headline h4, .hero-widget-support__wrapper .hero-widget-support__header-headline h5 { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 3.2rem; line-height: 0.8125; line-height: 2.6rem; margin: 0; padding: 0.1rem 1.5rem; color: inherit; background-color: var(--text-background-color); text-transform: uppercase; width: fit-content; text-align: center; } .hero-widget-support__wrapper .hero-widget-support__image-container .hero-widget-support__image__image { position: relative; } .hero-widget-support__wrapper .hero-widget-support__image-container img { position: relative; width: 100%; } .hero-widget-support__wrapper .hero-widget-support__content-container { width: auto; order: 0; z-index: 1; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper { position: relative; margin: 3.4rem auto 0; width: calc(100vw - 3rem); max-width: 36rem; } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper::after { content: ""; position: absolute; background-image: url("../../images/icons/icon-search.svg"); background-size: 100%; background-repeat: no-repeat; width: 1rem; height: 1rem; top: 1.5rem; right: 1.5rem; } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper { background: #fff; padding-top: 0.5rem; } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__categories-title, .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__products-title { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #6e6e6e; padding: 0.5rem 0 0.5rem 1.5rem; } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__categories, .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__products { margin-top: 1.3rem; } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__categories a, .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__products a { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #000; position: relative; padding: 1rem 3rem 1.2rem 1.5rem; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__categories a::after, .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__products a::after { content: ""; position: absolute; bottom: 50%; transform: translateY(50%); right: 1.5rem; width: 1.2rem; height: 1.1rem; background: url("../images/icons/arrow-right-black.svg") no-repeat; background-size: 100%; } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__categories a:hover, .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper.wrapper--has-suggestions .suggestions-wrapper .suggestions__products a:hover { background: #f7f7f7; } .hero-widget-support__wrapper .hero-widget-support__content-container input.hero-widget-support__search { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; background: #000; color: #fff; border: none; padding-left: 1.5rem; width: 100%; } .hero-widget-support__wrapper .hero-widget-support__content-container input.hero-widget-support__search::-webkit-input-placeholder, .hero-widget-support__wrapper .hero-widget-support__content-container input.hero-widget-support__search::placeholder { color: #fff; text-transform: uppercase; } .hero-widget-support__wrapper.widget-80vh { height: 80vh; } .hero-widget-support__wrapper.widget-80vh .hero-widget-support__video-container, .hero-widget-support__wrapper.widget-80vh .hero-widget-support__image-container { width: 64vh; } .article-component__top { display: flex; flex-direction: row; justify-content: space-between; align-items: end; margin: 2rem 0 1.5rem; padding: 0 1.5rem; width: 100%; } .folder-level .article-component__top { margin: 2.5rem 0 1.8rem; flex-direction: column; align-items: start; } .article-component__heading { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 2.4rem; line-height: 1; text-transform: uppercase; max-width: 60%; } .folder-level .article-component__heading { max-width: 80%; line-height: 2.4rem; } .article-component__view-all { max-width: 40%; } .article-component__view-all a { line-height: 1.4rem; text-transform: uppercase; } .folder-level .article-component__view-all { margin-top: 1.7rem; padding-right: 12rem; white-space: nowrap; } .article-component__carousel { display: flex; flex-direction: row; flex-wrap: wrap; width: 100vw; } .article-component__carousel-item { background: linear-gradient(45deg, #f2f2f2 0%, #e4e4e4 100%); height: 100%; padding: 4.8rem 1.5rem 0; position: relative; } .article-component__carousel-item__link { width: 50vw; height: 62.56vw; display: none; } .article-component__carousel-item__link:nth-child(-n+4) { display: block; } .article-component__carousel-item__link:hover .article-component__carousel-item__view-text { display: inline-block; } .folder-level .article-component__carousel-item__link { height: auto; min-height: 62.5vw; background: linear-gradient(45deg, #f2f2f2 0%, #e4e4e4 100%); flex-direction: column; justify-content: space-between; display: flex; } .folder-level .article-component__carousel-item__link .content-widget__image__image { height: 50vw; overflow: hidden; } .folder-level .article-component__carousel-item__link:hover .content-widget__text_label .content-widget__carousel-item__view-text { display: none; } .article-component__carousel-item__title { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.8rem; line-height: 1.11111; font-size: 2rem; text-transform: uppercase; } .article-component__carousel-item__topic-text { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; line-height: 1.3rem; position: absolute; bottom: 1.5rem; text-transform: uppercase; } .article-component__carousel-item__topic-text img { display: block; } .article-component__carousel-item__view { display: flex; margin-top: 0.4rem; } .article-component__carousel-item__view-text { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.2rem; line-height: 1.08333; display: none; text-transform: uppercase; margin-left: 1.1rem; } .folder-level .article-component__carousel-item { position: relative; background: transparent; padding: 0; } .folder-level .article-component__carousel .owl-nav { right: 1.5rem; top: -7.8rem; position: absolute; } .folder-level .article-component__carousel .owl-nav .owl-prev, .folder-level .article-component__carousel .owl-nav .owl-next { border: 1px solid #000; border-radius: 100%; width: 3rem; height: 3rem; margin-left: 1.5rem; } .folder-level .article-component__carousel .owl-nav .icon-arrow-up-left, .folder-level .article-component__carousel .owl-nav .icon-arrow-up-right { position: relative; display: inline-block; width: 3rem; height: 3rem; } .folder-level .article-component__carousel .owl-nav .icon-arrow-up-left::before, .folder-level .article-component__carousel .owl-nav .icon-arrow-up-right::before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("../../images/icons/icon-arrow-carousel-small.svg"); background-repeat: no-repeat; background-size: 100% 100%; width: 1rem; height: 1rem; position: absolute; top: calc(50% - 0.1rem); left: 50%; content: ""; } .folder-level .article-component__carousel .owl-nav .icon-arrow-up-left::before { left: calc(50% - 0.1rem); } .folder-level .article-component__carousel .owl-nav .icon-arrow-up-right::before { -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .folder-level .article-component__carousel .content-widget__text_container { max-width: 100%; position: relative; bottom: 0; padding: 0 1.5rem 1.5rem; } .folder-level .article-component__carousel .content-widget__text_container .content-widget__text_description { font-size: 1.2rem; line-height: 1.08333; line-height: 1.1rem; text-transform: uppercase; } .folder-level .article-component__carousel .content-widget__text_label { display: flex; margin-top: 0.4rem; align-items: center; } .folder-level .article-component__carousel .content-widget__text_label img { display: none; width: auto; } .folder-level .article-component__carousel .content-widget__text_label .content-widget__carousel-item__view-text { font-size: 1.2rem; line-height: 1.08333; line-height: 1.1rem; text-transform: uppercase; margin-left: 1.1rem; display: none; } @media screen and (min-width: 768px) { .widget-two-columns-inner-wrapper { flex-direction: row; } .widget-two-columns-inner-wrapper .widget-two-columns { max-width: 50vw; } .widget-two-columns-inner-wrapper .widget-two-columns .content-widget__image, .widget-two-columns-inner-wrapper .widget-two-columns .category-widget__image, .widget-two-columns-inner-wrapper .widget-two-columns .content-widget__wrapper { height: 62.5vw; } .widget-two-columns-inner-wrapper .widget-two-columns .content-widget__wrapper.article__text-container { min-height: 62.5vw; } .widget-two-columns-inner-wrapper .widget-two-columns .experience-component { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget-two-columns-inner-wrapper .widget-two-columns .experience-component .product-tile { height: 62.5vw; } .widget-two-columns-inner-wrapper .widget-two-columns .experience-component.experience-zoundassets-contenttile { display: block; position: static; height: 100%; } .widget-two-columns-inner-wrapper .widget-two-columns .experience-component.experience-zoundassets-contenttile .content-widget__video-wrapper { height: 100%; } .widget-two-columns-inner-wrapper .widget-two-columns .content-widget__video-wrapper .content-widget__video-container { width: 50vw; min-width: 50vw; min-height: 62.5vw; height: 62.5vw; } .widget-two-columns-inner-wrapper.layout-with-four-products .widget-two-columns { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget-two-columns-inner-wrapper.layout-with-four-products .widget-two-columns .experience-zoundassets-producttile { width: 50%; } .widget-two-columns-inner-wrapper.layout-with-four-products .widget-two-columns .experience-zoundassets-producttile .product-tile { height: 31.25vw; } .widget-two-columns-inner-wrapper .content-newsletter__wrapper { min-height: 62.5vw; height: 62.5vw; } .widget-layout-single-column .content-newsletter__container { width: 71%; background: #f2f2f2; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .category-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .category-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .category-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .category-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .category-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .category-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .category-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .category-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__wrapper { height: 62.5vw; } .widget-four-columns .widget-four-columns-inner-wrapper .content-widget__text_heading.left.content-widget__text_heading_vertical_centered, .widget-four-columns .widget-item-grid-inner-wrapper .content-widget__text_heading.left.content-widget__text_heading_vertical_centered, .widget-item-grid .widget-four-columns-inner-wrapper .content-widget__text_heading.left.content-widget__text_heading_vertical_centered, .widget-item-grid .widget-item-grid-inner-wrapper .content-widget__text_heading.left.content-widget__text_heading_vertical_centered { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .widget-four-columns .widget-four-columns-inner-wrapper .content-widget__text_heading.left.content-widget__text_heading_vertical_centered h3, .widget-four-columns .widget-item-grid-inner-wrapper .content-widget__text_heading.left.content-widget__text_heading_vertical_centered h3, .widget-item-grid .widget-four-columns-inner-wrapper .content-widget__text_heading.left.content-widget__text_heading_vertical_centered h3, .widget-item-grid .widget-item-grid-inner-wrapper .content-widget__text_heading.left.content-widget__text_heading_vertical_centered h3 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 1; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns { width: 25%; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .category-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .category-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .category-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .category-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper { height: 31.25vw; min-width: 25vw; } .owl-item .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns, .owl-item .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns, .owl-item .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns, .owl-item .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns { width: 100%; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-stage, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-stage, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-stage, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-stage { left: 0; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .owl-nav.disabled, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .owl-nav.disabled, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .owl-nav.disabled, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .owl-nav.disabled { display: block; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns { display: none; width: 25%; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns:nth-child(-n+4), .widget-four-columns .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns:nth-child(-n+4), .widget-item-grid .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns:nth-child(-n+4), .widget-item-grid .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns:nth-child(-n+4) { display: block; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider.slider-off .widget-four-columns .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider.slider-off .widget-four-columns .content-widget__image { height: calc(25vw * 5 / 4); } .widget-four-columns .widget-four-columns-inner-wrapper .content-widget__text_container, .widget-four-columns .widget-item-grid-inner-wrapper .content-widget__text_container, .widget-item-grid .widget-four-columns-inner-wrapper .content-widget__text_container, .widget-item-grid .widget-item-grid-inner-wrapper .content-widget__text_container { width: 24vw; } .widget-four-columns.half-width-limitation, .widget-item-grid.half-width-limitation { width: 50vw; margin: 0 auto; } .widget-four-columns.half-width-limitation .widget-four-columns-inner-wrapper.column-slider .owl-stage, .widget-item-grid.half-width-limitation .widget-four-columns-inner-wrapper.column-slider .owl-stage { left: -1rem; } .widget-four-columns.half-width-limitation .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-item-grid.half-width-limitation .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__image { height: calc((25vw - 1rem) * 5 / 4); } .full-width-widget__wrapper { height: 62.5vw; max-height: 62.5vw; } .full-image-widget .full-width-widget__wrapper { height: 62.5vw; max-height: 62.5vw; } .full-width-widget__wrapper.no-image-widget { height: 23.8vw; max-height: 23.8vw; } .full-image-widget .full-width-widget__wrapper.no-image-widget { height: 23.8vw; max-height: 23.8vw; } .full-width-widget__image-container .full-width-widget__image-container .full-width-widget__image { max-height: 62.5vw; } .full-width-widget .full-width-widget_header.pd-primary-font h2, .full-width-widget .full-width-widget_header.pd-secondary-font h2 { font-size: 4rem; line-height: 0.85; } .widget-layout-four-columns.layout-for-registered .owl-nav { display: block; } .widget-layout-four-columns.layout-for-unregistered .owl-nav { display: block; } .widget-product-grid .experience-components .experience-zoundassets-producttile { width: 50vw; box-sizing: border-box; } .widget-product-grid.two-columns-limitation .experience-components { width: 50vw; } .widget-product-grid.two-columns-limitation .experience-components .experience-zoundassets-producttile { width: 25vw; } .widget-product-grid.two-columns-limitation .experience-components .product-tile { height: 31.25vw; } .widget-product-grid.two-columns-limitation .widget__text_heading { width: 50vw; margin: 5.2rem auto 1.2rem; } .widget-two-columns .experience-component .product-tile { width: 100%; } .hero-widget__video-container.hide-for-small, .hero-widget__image__image.hide-for-small { display: none !important; } .hero-widget__video-container.show-for-small, .hero-widget__image__image.show-for-small { display: block !important; } .article__text-container { height: 62.5vw; } .article__text-container .content-widget__text_heading .content-widget__article_description { max-width: 80%; } .article__text-container .content-widget__text_heading h2 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 1; } .article__text-container .content-widget__text_heading.content-widget__text_heading_vertical_centered { left: 50%; top: 50%; transform: translate(-35%, -50%); } .sustainability-nav__list-item, .sustainability-nav__item, .sustainability-back-to__list-item, .sustainability-back-to__item { width: auto; } .sustainability-nav__list-item-link, .sustainability-nav__item-link, .sustainability-back-to__list-item-link, .sustainability-back-to__item-link { width: auto; } .sustainability-nav__list-item-link::before, .sustainability-nav__item-link::before, .sustainability-back-to__list-item-link::before, .sustainability-back-to__item-link::before { left: 1.5rem; } .sustainability-nav__list-item:first-of-type-link, .sustainability-nav__item:first-of-type-link, .sustainability-back-to__list-item:first-of-type-link, .sustainability-back-to__item:first-of-type-link { padding: 1.2rem 0.75rem 1.2rem 3.1rem; } .sustainability-nav__list-item:first-of-type-link::before, .sustainability-nav__item:first-of-type-link::before, .sustainability-back-to__list-item:first-of-type-link::before, .sustainability-back-to__item:first-of-type-link::before { left: 1.5rem; } .newsletter-trigger ~ .content-widget__text_heading .content-widget__text_label { width: 50%; } .hero-widget-support__wrapper .hero-widget-support__video-container, .hero-widget-support__wrapper .hero-widget-support__image-container { width: 160vh; min-height: 62.5vw; } .hero-widget-support__wrapper .hero-widget-support__video-container.hide-for-small, .hero-widget-support__wrapper .hero-widget-support__image-container.hide-for-small { display: block !important; } .hero-widget-support__wrapper .hero-widget-support__video-container.show-for-small, .hero-widget-support__wrapper .hero-widget-support__image-container.show-for-small { display: none !important; } .hero-widget-support__wrapper.widget-80vh .hero-widget-support__video-container, .hero-widget-support__wrapper.widget-80vh .hero-widget-support__image-container { width: 128vh; min-height: 62.5vw; } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper { max-width: 56.8rem; } .folder-level .article-component__top { flex-direction: row; align-items: center; } .folder-level .article-component__view-all { margin-top: 0; } .folder-level .article-component__carousel .content-widget__text_label img { display: inline-block; } .folder-level .article-component__carousel .content-widget__image__image { height: 25vw; } .folder-level .article-component__carousel .content-widget__image { min-width: 25vw; } .folder-level .article-component__carousel .owl-nav { right: 3rem; top: -4.5rem; } .folder-level .article-component__carousel .owl-nav.disabled { display: block; } .folder-level .article-component__carousel-item__link { width: auto; height: auto; min-height: 31.25vw; } .folder-level .article-component__carousel-item__link:hover .content-widget__text_label .content-widget__carousel-item__view-text { display: inline-block; } .folder-level .article-component__carousel .content-widget__text_container { padding-top: 2.5rem; } } @media screen and (min-width: 834px) { .hero-widget__video-container.hide-for-small, .hero-widget__image__image.hide-for-small { display: block !important; } .hero-widget__video-container.show-for-small, .hero-widget__image__image.show-for-small { display: none !important; } .hero-widget__wrapper { width: 100vw; height: 62.5vw; } } @media screen and (min-width: 1024px) { .hero-widget__wrapper:hover .link_text { display: none; } .hero-widget__wrapper .hero-widget__content-container { width: 60vw; } .hero-widget__wrapper .hero-widget__content-container.pd-position-center { bottom: auto; } .hero-widget__content-container.pd-position-center { margin-top: auto; margin-bottom: auto; top: 34.2%; bottom: auto; } .hero-widget__content-container:hover .link_text { margin: 0; background-color: #fff; display: inline-block; padding: 0 1.5rem 0 0.1rem; } #startpage { padding-top: 4rem; } .full-width-widget__wrapper { max-height: none; } .full-width-widget__image-container .full-width-widget__image-container .full-width-widget__image { max-height: none; } .full-width-widget .full-width-widget_header.pd-primary-font h2, .full-width-widget .full-width-widget_header.pd-secondary-font h2 { font-size: 7.2rem; line-height: 0.84722; } .widget-two-columns-inner-wrapper .widget-two-columns:first-of-type .content-widget__image__image img, .widget-two-columns-inner-wrapper .widget-two-columns:first-of-type iframe { z-index: 40; } .widget-two-columns-inner-wrapper .widget-two-columns:first-of-type .content-widget__text_container, .widget-two-columns-inner-wrapper .widget-two-columns:first-of-type .content-widget__text_heading { z-index: 45; } .widget-product-grid .experience-components .subcategories__category { height: 31.25vw; } .widget-product-grid .experience-components .experience-zoundassets-producttile { width: 25vw; box-sizing: border-box; } .widget-product-grid .experience-components .product-tile { position: relative; width: 100%; box-sizing: border-box; } .widget-product-grid .experience-components .life-style_product:hover .image-life-style_container { padding-bottom: 31.25vw; } .widget-two-columns .widget-product-grid .experience-components .experience-zoundassets-producttile { width: 50vw; } .widget-two-columns .experience-component .product-tile { width: 100%; height: 62.5vw; position: relative; } .content-widget__video-wrapper { height: auto; } .content-widget__video-wrapper .content-widget__video-container { position: relative; overflow: hidden; padding-top: 100%; left: auto; top: auto; transform: none; width: auto; min-width: 0; height: 100%; min-height: auto; } .content-widget__video-wrapper .content-widget__video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .content-widget__text_heading.pd-secondary-font h2 { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.84722; } .content-widget__text_heading h2, .content-widget__text_heading h3 { padding: 0 1.5rem 4px; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid { width: 25%; box-sizing: border-box; } .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-four-columns .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-four-columns .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-four-columns-inner-wrapper .widget-four-columns .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-item-grid .widget-four-columns-inner-wrapper .widget-item-grid .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-item-grid-inner-wrapper .widget-four-columns .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__wrapper, .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid .content-widget__image { height: 31.25vw; } .widget-four-columns .widget-four-columns-inner-wrapper .content-widget__video-wrapper, .widget-four-columns .widget-item-grid-inner-wrapper .content-widget__video-wrapper, .widget-item-grid .widget-four-columns-inner-wrapper .content-widget__video-wrapper, .widget-item-grid .widget-item-grid-inner-wrapper .content-widget__video-wrapper { min-height: 31.25vw; height: 31.25vw; } .widget-four-columns .widget-four-columns-inner-wrapper .content-widget__video-container, .widget-four-columns .widget-item-grid-inner-wrapper .content-widget__video-container, .widget-item-grid .widget-four-columns-inner-wrapper .content-widget__video-container, .widget-item-grid .widget-item-grid-inner-wrapper .content-widget__video-container { min-height: 31.25vw; height: 31.25vw; } .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-four-columns .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-four-columns-inner-wrapper.column-slider .widget-four-columns .content-widget__image, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__wrapper, .widget-item-grid .widget-item-grid-inner-wrapper.column-slider .widget-four-columns .content-widget__image { height: 31.25vw; } .widget-four-columns .widget-four-columns-inner-wrapper .content-widget__text_container, .widget-four-columns .widget-item-grid-inner-wrapper .content-widget__text_container, .widget-item-grid .widget-four-columns-inner-wrapper .content-widget__text_container, .widget-item-grid .widget-item-grid-inner-wrapper .content-widget__text_container { width: 25vw; } #social-links .content-widget__wrapper, #social-links-new .content-widget__wrapper { height: 31.25vw; } #social-links .experience-component:first-child .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns:first-child, #social-links .experience-component:first-child .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid:first-child, #social-links-new .experience-component:first-child .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns:first-child, #social-links-new .experience-component:first-child .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid:first-child { width: 25%; } #social-links .experience-component:first-child .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns:first-child .content-widget__wrapper, #social-links .experience-component:first-child .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid:first-child .content-widget__wrapper, #social-links-new .experience-component:first-child .widget-four-columns .widget-four-columns-inner-wrapper .widget-four-columns:first-child .content-widget__wrapper, #social-links-new .experience-component:first-child .widget-item-grid .widget-item-grid-inner-wrapper .widget-item-grid:first-child .content-widget__wrapper { height: 31.25vw; } .layout-with-padding { padding-top: 4rem; } .article-widget__text_container { padding: 1.5rem 6rem; } .article-widget__image__video-wrapper { max-width: 72rem; } .article__text-container { height: 31.25vw; } .article__text-container .content-widget__text_heading { padding: 3rem 1.5rem 2rem; } .article__text-container .content-widget__text_heading .content-widget__article_description { max-width: 70%; } .article__text-container .content-widget__text_heading h2 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.84722; } .b2b-form-wrapper { max-width: 70.2rem; margin: 0 auto 9.2rem; } .b2b-form-wrapper.widget-newsletter-wrapper .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .widget-newsletter-wrapper-box-form-item { display: flex; flex-flow: row wrap; justify-content: space-between; } .b2b-form-wrapper.widget-newsletter-wrapper .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .widget-newsletter-wrapper-box-form-item .form-group { width: 100%; } .b2b-form-wrapper.widget-newsletter-wrapper .widget-newsletter-wrapper-box-form .widget-newsletter-wrapper-box-form-section .widget-newsletter-wrapper-box-form-item .form-group.half-width { width: calc(50% - 0.5rem); } .hero-widget-support__wrapper .hero-widget-support__header-headline { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 0.85; line-height: 3.6rem; gap: 0.6rem; text-transform: uppercase; } .hero-widget-support__wrapper .hero-widget-support__header-headline p, .hero-widget-support__wrapper .hero-widget-support__header-headline h1, .hero-widget-support__wrapper .hero-widget-support__header-headline h2, .hero-widget-support__wrapper .hero-widget-support__header-headline h3, .hero-widget-support__wrapper .hero-widget-support__header-headline h4, .hero-widget-support__wrapper .hero-widget-support__header-headline h5 { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 0.85; line-height: 3.6rem; text-transform: uppercase; } .hero-widget-support__wrapper .hero-widget-support__content-container .hero-widget-support__search-wrapper { margin-top: 1.9rem; } .article-component__top { margin: 3rem 0 1.5rem; align-items: center; } .article-component__heading { max-width: 90%; } .article-component__carousel-item { padding: 12.4rem 4.5rem 0 1.5rem; } .article-component__carousel-item__link { width: 25vw; height: 31.25vw; } .article-component__carousel-item__title { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 2.4rem; line-height: 1; text-transform: uppercase; } .article-component__carousel-item__topic-text { bottom: 2rem; } .article-component__carousel-item__view { margin-top: 0.5rem; } .article-component__carousel-item__view-text { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } } .message-banner__wrapper { position: absolute; width: 100%; height: 4rem; background: #000; z-index: 10; overflow: hidden; top: -4rem; } .homepage .message-banner__wrapper, .message-banner__wrapper.not-sticky { position: absolute; } .message-banner__list { margin: 0; line-height: 4rem; list-style-type: none; white-space: nowrap; } .message-banner__item { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; padding-right: 3rem; color: #6e6e6e; } .message-banner__item:last-of-type { padding-right: 0; } .message-banner__link { color: #0f0; text-transform: uppercase; } .message-banner__link:hover { color: #0f0; } .message-banner__line { line-height: 4rem; } .widget-html-block + .header__wrapper { position: relative; z-index: 10; margin-top: 4rem; } .country-dropdown-selector .widget-html-block + .header__wrapper { display: none; } @media screen and (min-width: 1024px) { .message-banner__wrapper { right: 36rem; width: calc(100vw - 72rem - (100vw - 100%)); background: transparent; z-index: 20; color: #6e6e6e; mix-blend-mode: difference; top: 0; position: absolute; height: 4rem; overflow: hidden; } .page-product-details .message-banner__wrapper { width: calc(50vw - 36rem - (100vw - 100%)); position: fixed; right: auto; left: 50vw; } .page-product-details .message-banner__wrapper.not-sticky { position: absolute; } .message-banner__item { color: #fff; mix-blend-mode: difference; } .page-product-details .message-banner__item { color: #6e6e6e; } .widget-html-block + .header__wrapper { margin-top: 0; position: absolute; z-index: auto; } .country-dropdown-selector .widget-html-block + .header__wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1440px) { .message-banner__wrapper { right: auto; left: 25vw; width: calc(50vw - (100vw - 100%)); } .page-product-details .message-banner__wrapper { left: 50vw; width: calc(25vw + 1.5rem); } .page-product-details .message-banner__wrapper.not-sticky { position: absolute; } } .footer__container { background-image: url("../images/transparency.jpg"); background-size: 6px 6px; background-repeat: repeat; image-rendering: pixelated; display: flex; flex-direction: column; justify-content: space-between; } .footer-column__list { list-style: none; margin: 0; } .footer-column__list li { padding: 1.2rem 0; } .footer-column__list li a:hover { color: #6e6e6e; } .footer-column__list li a:active { color: #4d4d4d; } .footer-column__list li a:focus { color: #0029ff; } .footer-column__contact-item { padding: 1.2rem 0; color: #4d4d4d; } .footer-column__contact .livechat__time, .footer-column__contact .livechat__title { display: block; } .footer-column__contact .livechat__time { color: #898989; } .footer-column__contact .livechat__time .day { min-width: 9rem; display: inline-block; } .footer-column__contact .livechat__title { padding-left: 1.5rem; } .footer-column__contact .livechat__title.online { position: relative; } .footer-column__contact .livechat__title.online::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; content: ""; border-radius: 50%; width: 1rem; height: 1rem; background: #0f0; } .footer-column__contact .contact-link { color: #4d4d4d; text-transform: uppercase; cursor: pointer; } .footer__livechat-title { padding-left: 1.5rem; } .footer__livechat-title.online { position: relative; } .footer__livechat-title.online::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; content: ""; border-radius: 50%; width: 1rem; height: 1rem; background: #0f0; } .footer-newsletter { background: #faff00; min-height: 125vw; /* 4:5 aspect ratio, 5/4*100 */ position: relative; } .footer-newsletter.success { background: #0f0; } .footer-newsletter__container { padding: 1.5rem; } .footer-newsletter__header-title { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 3.2rem; line-height: 1; margin-bottom: 6.5rem; text-transform: uppercase; } .footer-newsletter__header-subtitle { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; position: absolute; bottom: 1.5rem; left: 1.5rem; text-transform: uppercase; color: #000; max-width: 50%; } .footer-newsletter__form__email { margin-bottom: 1.5rem; } .footer-newsletter__form__email.validEmail { position: relative; } .footer-newsletter__form__email.validEmail::after { content: ''; position: absolute; top: 50%; right: 1.5rem; width: 1.6rem; height: 1.6rem; transform: translateY(-50%); background: url("../images/icons/icon-validated.svg") no-repeat; } .footer-newsletter__form__email .invalid-feedback { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.2rem; line-height: 1.08333; padding: 1rem 0 0 1.5rem; } .footer-newsletter__form-title { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; margin-bottom: 1rem; } .footer-newsletter__form__button .button { text-transform: uppercase; } .footer-newsletter__form__terms { color: #000; margin-bottom: 1.5rem; } .footer-newsletter__form__terms a { color: #0029ff; } .footer-country-selector__container { padding: 1.2rem 1.5rem; text-transform: uppercase; border-bottom: 1px solid gainsboro; } .footer-country-selector__container.country-state-trigger { background: url("../images/icons/icon-arrow-down.svg") no-repeat; background-position: right 1.3rem bottom 1.7rem; } .footer-country-selector__container .current-country { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer-country-selector__container .current-country .flag-icon { width: 1.6rem; margin-right: 1rem; } .footer-copyright__container { padding: 1.2rem 1.5rem; color: #898989; } .footer-copyright__row { display: block; text-transform: uppercase; } .footer-social__links { padding: 1.2rem 1.5rem; } .footer-social__links .social-link { display: inline-block; padding-right: 1.5rem; text-transform: uppercase; } .footer-social__links a { margin-right: 0.5rem; } .footer-account__container .accordion__content a { color: #5b5b5b; } @media screen and (min-width: 1024px) { .footer__row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .footer__column { width: 25%; } .footer__column:nth-of-type(2) { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .footer__column:nth-of-type(3) { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .footer__column:nth-of-type(4) { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .footer__column:nth-of-type(5) { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .footer__column .accordion__title { display: none; } .footer__column .accordion__content { display: block; color: #000; border: none; } .footer__column .accordion__item { border: none; } .footer__column .livechat__container { padding: 1.2rem 0 0.8rem; } .footer-column__list { padding-top: 1.2rem; } .footer-column__list li { padding: 0; } .footer-column__contact-item { padding: 0.8rem 0; } .footer-account__container .accordion__content { padding-bottom: 1.2rem; } .footer-account__container .accordion__content a { color: #000; } .footer-newsletter__container { border: none; } .footer-newsletter__container .footer-newsletter__form__email__field.form-control:focus { padding: 1rem 1.5rem; } .footer-bottom__container { -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .footer-bottom__container .social-link { display: block; } .footer-bottom__column { width: 25%; } .footer-newsletter { min-height: 45rem; } .footer-newsletter__header-title { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.84722; text-transform: uppercase; max-width: 70rem; } .footer-newsletter__header-subtitle { max-width: 20rem; } .footer-newsletter__form { width: 33rem; position: absolute; right: 1.5rem; bottom: 1.5rem; } .footer__container { min-height: 45rem; } } .support-case .contact-support { padding-left: 1.5rem; } .support-case .form-group { margin-bottom: 0.5rem; } .support-case .form-group + .support-case-popup__subtitle { margin-top: 2.5rem; } .support-case .form-group.no-margin { margin-bottom: 0; } .support-case .form-group .invalid-feedback { line-height: 1.6rem; display: none; } .support-case .form-group .is-invalid ~ .invalid-feedback { display: block; } .support-case-overlay { display: none; position: fixed; z-index: 98; width: 100vw; height: 100vh; top: 0; left: 0; background: #000; opacity: 0.3; } .support-case-overlay.active { display: block; } .support-case button, .support-case .button { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; line-height: 1.4rem; padding: 1.4rem 1.6rem; text-transform: uppercase; width: auto; } .support-case .button--black { background: #000; color: #fff; } .support-case .button--white { background: #fff; color: #000; } .support-case .button--grey, .support-case .button--disabled { background: #c5c5c5; color: #000; } .support-case .button--link { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.2rem; line-height: 1.08333; padding: 0.1rem 1.5rem; text-transform: uppercase; background: #fff; color: #000; } .support-case .button--circle { border: 1px solid #000; border-radius: 100px; width: 4rem; height: 4rem; background-color: transparent; } .support-case .button--circle .icon-chevron-left::before { content: " "; position: absolute; background: url("../images/icons/icon-chevron.svg") no-repeat; background-size: 100% 100%; transform: translate(-50%, -50%) rotate(90deg); height: 0.6rem; width: 0.9rem; top: 50%; left: 50%; } .support-case input[type="email"], .support-case input[type="number"], .support-case input[type="password"], .support-case input[type="search"], .support-case input[type="tel"], .support-case input[type="text"], .support-case input[type="url"], .support-case input[type="color"], .support-case input[type="date"], .support-case input[type="datetime"], .support-case input[type="datetime-local"], .support-case input[type="month"], .support-case input[type="time"], .support-case input[type="week"], .support-case select, .support-case textarea { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; padding: 0.7rem 1.5rem; color: #000; height: 4rem; border-color: #e3e3e3; } .support-case input[type="email"] + label, .support-case input[type="number"] + label, .support-case input[type="password"] + label, .support-case input[type="search"] + label, .support-case input[type="tel"] + label, .support-case input[type="text"] + label, .support-case input[type="url"] + label, .support-case input[type="color"] + label, .support-case input[type="date"] + label, .support-case input[type="datetime"] + label, .support-case input[type="datetime-local"] + label, .support-case input[type="month"] + label, .support-case input[type="time"] + label, .support-case input[type="week"] + label, .support-case select + label, .support-case textarea + label { color: #000; top: 1.2rem; left: 1.5rem; } .support-case input[type="email"]:focus, .support-case input[type="number"]:focus, .support-case input[type="password"]:focus, .support-case input[type="search"]:focus, .support-case input[type="tel"]:focus, .support-case input[type="text"]:focus, .support-case input[type="url"]:focus, .support-case input[type="color"]:focus, .support-case input[type="date"]:focus, .support-case input[type="datetime"]:focus, .support-case input[type="datetime-local"]:focus, .support-case input[type="month"]:focus, .support-case input[type="time"]:focus, .support-case input[type="week"]:focus, .support-case select:focus, .support-case textarea:focus { padding: 1.7rem 1.5rem 0.7rem; } .support-case input[type="email"]:focus + label, .support-case input[type="number"]:focus + label, .support-case input[type="password"]:focus + label, .support-case input[type="search"]:focus + label, .support-case input[type="tel"]:focus + label, .support-case input[type="text"]:focus + label, .support-case input[type="url"]:focus + label, .support-case input[type="color"]:focus + label, .support-case input[type="date"]:focus + label, .support-case input[type="datetime"]:focus + label, .support-case input[type="datetime-local"]:focus + label, .support-case input[type="month"]:focus + label, .support-case input[type="time"]:focus + label, .support-case input[type="week"]:focus + label, .support-case select:focus + label, .support-case textarea:focus + label { font-size: 0.8rem; line-height: 0.8rem; top: 0.7rem; color: #000; } .support-case input[type="email"].is-invalid + label, .support-case input[type="number"].is-invalid + label, .support-case input[type="password"].is-invalid + label, .support-case input[type="search"].is-invalid + label, .support-case input[type="tel"].is-invalid + label, .support-case input[type="text"].is-invalid + label, .support-case input[type="url"].is-invalid + label, .support-case input[type="color"].is-invalid + label, .support-case input[type="date"].is-invalid + label, .support-case input[type="datetime"].is-invalid + label, .support-case input[type="datetime-local"].is-invalid + label, .support-case input[type="month"].is-invalid + label, .support-case input[type="time"].is-invalid + label, .support-case input[type="week"].is-invalid + label, .support-case select.is-invalid + label, .support-case textarea.is-invalid + label { color: #f00; } .support-case input[type="email"]:not([value=""]), .support-case input[type="number"]:not([value=""]), .support-case input[type="password"]:not([value=""]), .support-case input[type="search"]:not([value=""]), .support-case input[type="tel"]:not([value=""]), .support-case input[type="text"]:not([value=""]), .support-case input[type="url"]:not([value=""]), .support-case input[type="color"]:not([value=""]), .support-case input[type="date"]:not([value=""]), .support-case input[type="datetime"]:not([value=""]), .support-case input[type="datetime-local"]:not([value=""]), .support-case input[type="month"]:not([value=""]), .support-case input[type="time"]:not([value=""]), .support-case input[type="week"]:not([value=""]), .support-case select:not([value=""]), .support-case textarea:not([value=""]) { padding: 1.7rem 1.5rem 0.7rem; } .support-case input[type="email"]:not([value=""]) + label, .support-case input[type="number"]:not([value=""]) + label, .support-case input[type="password"]:not([value=""]) + label, .support-case input[type="search"]:not([value=""]) + label, .support-case input[type="tel"]:not([value=""]) + label, .support-case input[type="text"]:not([value=""]) + label, .support-case input[type="url"]:not([value=""]) + label, .support-case input[type="color"]:not([value=""]) + label, .support-case input[type="date"]:not([value=""]) + label, .support-case input[type="datetime"]:not([value=""]) + label, .support-case input[type="datetime-local"]:not([value=""]) + label, .support-case input[type="month"]:not([value=""]) + label, .support-case input[type="time"]:not([value=""]) + label, .support-case input[type="week"]:not([value=""]) + label, .support-case select:not([value=""]) + label, .support-case textarea:not([value=""]) + label { font-size: 0.8rem; line-height: 0.8rem; top: 0.7rem; color: #000; } .support-case input[type="email"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="number"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="password"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="search"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="tel"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="text"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="url"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="color"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="date"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="datetime"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="datetime-local"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="month"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="time"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case input[type="week"]:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case select:not(:placeholder-shown):not(.adyen-checkout__input):focus, .support-case textarea:not(:placeholder-shown):not(.adyen-checkout__input):focus { padding: 1.7rem 1.5rem 0.7rem; } .support-case input[type="email"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="number"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="password"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="search"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="tel"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="text"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="url"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="color"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="date"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="datetime"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="datetime-local"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="month"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="time"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case input[type="week"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case select:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]), .support-case textarea:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) { padding: 1.7rem 1.5rem 0.7rem; } .support-case input[type="email"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="number"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="password"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="search"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="tel"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="text"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="url"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="color"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="date"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="datetime"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="datetime-local"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="month"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="time"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case input[type="week"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case select:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label, .support-case textarea:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) + label { font-size: 0.8rem; line-height: 0.8rem; top: 0.7rem; color: #000; } .support-case input[type="email"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="number"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="password"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="search"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="tel"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="text"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="url"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="color"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="date"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="datetime"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="datetime-local"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="month"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="time"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case input[type="week"]:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case select:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label, .support-case textarea:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]).is-invalid + label { color: #f00; } .support-case input[type="email"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="number"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="password"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="search"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="tel"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="text"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="url"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="color"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="date"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="datetime"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="datetime-local"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="month"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="time"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case input[type="week"]:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case select:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label, .support-case textarea:not(:placeholder-shown):not(.adyen-checkout__input).is-invalid + label { color: #f00; } .support-case textarea.description { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; height: 11.1rem; text-align: left; padding: 1.2rem 1.5rem; resize: none; } .support-case textarea.description::-webkit-input-placeholder, .support-case textarea.description::placeholder { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: none; color: #c5c5c5; vertical-align: top; } .support-case textarea.description:not(:placeholder-shown):not(.adyen-checkout__input), .support-case textarea.description:focus { padding: 1.2rem 1.5rem; } .support-case select { padding: 1rem 1.5rem; } .support-case select:not([value=""]), .support-case select:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]) { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; color: #000; height: 4rem; border-color: #e3e3e3; padding: 1rem 1.5rem; } .support-case select:not([value=""]):focus, .support-case select:not(:placeholder-shown):not(.adyen-checkout__input):not([value=""]):focus { border-color: #000; } .support-case select + .icon-arrow-icon-down::before { content: " "; position: absolute; background: url("../images/icons/icon-chevron.svg") no-repeat; background-size: 100% 100%; height: 0.6rem; width: 1rem; top: 1.8rem; right: 1.6rem; } .support-case input[type="checkbox"] + label { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.2rem; line-height: 1.08333; text-transform: uppercase; margin-left: 2.8rem; padding-left: 0; float: left; margin-bottom: 0; position: relative; } .support-case input[type="checkbox"] + label::before { width: 1.8rem; height: 1.8rem; margin-left: -2.8rem; top: 50%; transform: translateY(-50%); } .support-case input[type="checkbox"]:checked + label::before { background-color: transparent; background-image: none; margin-left: -2.8rem; } .support-case input[type="checkbox"]:checked + label::after { content: " "; position: absolute; margin-left: -2.8rem; width: 1rem; height: 1rem; background-color: #000; left: 0.4rem; top: 50%; transform: translateY(-50%); } .support-case-trigger { position: fixed; z-index: 1000; right: 0; bottom: 3rem; display: flex; background: #fff; width: 11.5rem; height: 4rem; align-items: center; justify-content: center; cursor: pointer; } .support-case-trigger .chat-icon { width: 1.2rem; height: 1.2rem; } .support-case-trigger.active { display: none; } .support-case-trigger__title { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 14px; line-height: 16px; line-height: 1.4rem; font-weight: 400; text-transform: uppercase; color: #000; margin-left: 1.2rem; } .support-case-popup { display: none; z-index: 100; position: fixed; top: 0; right: 0; width: 100%; height: calc(100vh - 4rem); background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3); overflow-y: scroll; } .support-case-popup.active { display: block; } .support-case-popup .button--primary { width: 100%; } .support-case-popup__header { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.2rem; line-height: 1.08333; } .support-case-popup__header span { line-height: 1.3; text-transform: uppercase; margin: 6rem 0 0.2rem; padding: 0.1rem 1.5rem; background: #0f0; display: inline-block; width: auto; position: relative; } .support-case-popup__header .icon-close { position: absolute; background: url("../images/icons/icon-close.svg") no-repeat; background-size: 100%; width: 1.6rem; height: 1.6rem; top: 1.5rem; right: 1.5rem; cursor: pointer; } .support-case-popup__content { display: none; } .support-case-popup__content.active { display: block; } .support-case-popup__content.success .support-case-popup__title { display: flex; flex-direction: column; } .support-case-popup__content.success .support-case-popup__title .title-row { width: max-content; } .support-case-popup__content-faq { margin-top: 3.3rem; } .support-case-popup__content-faq a { background: #f7f7f7; padding: 0.1rem 1.5rem; font-size: 1.4rem; position: relative; margin-bottom: 1.6rem; } .support-case-popup__content-faq a::after { content: ""; position: absolute; background: url("../images/icons/icon-arrow-thin.svg") no-repeat; background-size: 100% 100%; bottom: -1.4rem; left: 1.5rem; width: 1.5rem; height: 1rem; } .support-case-popup__content-faq a::before { content: ""; position: absolute; left: 0; bottom: -1.7rem; background: #f7f7f7; height: 1.6rem; width: 4.6rem; } .support-case-popup__title { margin-right: 1.5rem; } .support-case-popup__title .title-row { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 3.2rem; line-height: 1; display: inline-block; line-height: 2.8rem; text-transform: uppercase; font-weight: 400; background: black; padding: 0.1rem 1.5rem; margin-bottom: 0.2rem; color: #fff; } .support-case-popup__form { margin: 0 1.5rem 1.5rem; } .support-case-popup__subtitle { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.2rem; line-height: 1.08333; line-height: 1.3; text-transform: uppercase; margin: 3rem 0 0.5rem; } .support-case-popup .privacy-policy { margin: 2rem 0 1.5rem; display: inline-block; } .support-case-popup__selectors { display: flex; flex-direction: column; gap: 3.3rem; align-items: start; margin-top: 3rem; } .support-case-popup__selectors .button { background: #f7f7f7; padding: 0.1rem 1.5rem; font-size: 1.4rem; position: relative; margin-bottom: 1.6rem; } .support-case-popup__selectors .button::after { content: ""; position: absolute; background: url("../images/icons/icon-arrow-thin.svg") no-repeat; background-size: 100% 100%; bottom: -1.4rem; left: 1.5rem; width: 1.5rem; height: 1rem; } .support-case-popup__selectors .button::before { content: ""; position: absolute; left: 0; bottom: -1.7rem; background: #f7f7f7; height: 1.6rem; width: 4.6rem; } .support-case-popup__success_msg { padding: 3rem 1.5rem; max-width: 30.6rem; } .support-case-popup__signature { padding: 0 1.5rem; display: flex; flex-direction: column; } .support-case-popup__live-chat { position: absolute; width: 4rem; height: 4rem; bottom: 2rem; right: 0; background: url("../images/icons/icon-chat-white.svg") no-repeat #000; background-position: center center; background-size: 1.25rem 1.25rem; } .support-case-popup__trigger-back { position: absolute; width: 1.5rem; height: 1rem; left: 1.5rem; top: 1.8rem; background: url("../images/icons/icon-arrow-left-thin.svg") no-repeat; background-position: center center; cursor: pointer; } .embeddedServiceHelpButton .helpButton .uiButton { visibility: hidden; } body.support-popup-active { height: 100vh; overflow-y: hidden; } button[embeddedService-chatHeader_chatHeader]:hover::before { display: none; } button[embeddedService-chatHeader_chatHeader].minimizeButton { display: none; } button[embeddedService-chatHeader_chatHeader].closeButton .slds-icon-utility-close { width: 100%; position: absolute; top: 0; left: 0; } .grecaptcha-badge { display: none; } @media screen and (min-width: 768px) { .support-case-popup { border-radius: 0; width: 44rem; height: 81rem; max-height: calc(100vh - 8rem); top: auto; bottom: 2rem; right: 0; } .support-case-popup__form { margin: 0 6.5rem 1.5rem 1.5rem; } .support-case-popup__title { margin-right: 6.5rem; } .support-case-popup .privacy-policy { margin: 2rem 0 1.5rem; } .support-case-popup__inner { position: relative; min-height: 100%; padding-bottom: 10.8rem; } .support-case-popup__submit { position: absolute; bottom: 0; left: 0; margin: 0 6.5rem 1.5rem 1.5rem; } } .static-page__content { margin: 1rem 1rem 5rem 1rem; } .static-page__content .static-page__menu-container .static-page__menu-item { border-bottom: none; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-header-container .static-page__menu-item-header { padding-bottom: 1.2rem; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-header-container .static-page__menu-item-header a { font-family: "Helvetica Now Display W02 Bold"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; color: #000; text-transform: uppercase; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-content { margin: 0; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-content .static-page__menu-sub-item { list-style-type: none; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-content .static-page__menu-sub-item a { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-content .static-page__menu-sub-item a:hover { color: #6e6e6e; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-content .static-page__menu-sub-item a:active { color: #4d4d4d; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-content .static-page__menu-sub-item a:focus { color: #0029ff; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-content .static-page__menu-sub-item.active a { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .static-page__content .static-page__menu-container .static-page__menu-item .static-page__menu-item-content .static-page__menu-sub-item.active::before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 5px; background: #000; } .static-page__content .static-page__body-container h1 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 0.85; word-break: break-word; } .static-page__content .static-page__body-container p { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1; } .static-page__content .static-page__body-container p a { font-size: inherit; color: #0029ff; } .static-page__content .static-page__body-container p a:hover { color: #0029ff; text-decoration: underline; } .static-page__content .static-page__body-container i { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; font-style: italic; } .static-page__content .static-page__body-container strong { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; } .static-page__content .static-page__body-container .content-notification { background-color: #f2f2f2; padding: 1.2rem 1.5rem; } .static-page__content .static-page__body-container table { margin-top: 1rem; text-align: left; } .static-page__content .static-page__body-container table th, .static-page__content .static-page__body-container table td { padding: 1.2rem 0; border-bottom: 1px solid #e3e3e3; } .static-page__content .static-page__body-container table th { font-weight: normal; text-transform: uppercase; letter-spacing: 0.03rem; } .static-page__content .static-page__body-container table tbody tr:last-of-type td { border-bottom: 1px solid transparent; } .static-page__content .static-page__body-container .product-detail__shipping-method-name { font-weight: bold; width: 50%; letter-spacing: 0.03rem; } .static-page__content .static-page__body-container .product-detail__shipping-method-cost { width: 26%; } .static-page__content .static-page__body-container .product-detail__shipping-method-time { width: 24%; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container { width: 100%; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__delivery { display: flex; background-color: #f2f2f2; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__delivery .shipping-item__value { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__delivery .shipping-item__value.specific-delivery__time { display: none; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__cost, .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__time, .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__free-from { display: flex; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__headline { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-align: left; padding: 0.6rem 0.9rem; word-break: break-word; white-space: nowrap; flex-basis: 50%; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__value { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; padding: 0.6rem 0.9rem; word-break: break-word; flex-basis: 50%; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__value.specific-delivery__time { display: none; } @media screen and (min-width: 1024px) { .static-page__content { display: flex; flex-flow: row nowrap; margin: 1rem 0 10rem 1.5rem; } .static-page__content .static-page__menu-container { width: 34.5rem; } .static-page__content .static-page__body-container { width: 69rem; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__headline { flex-basis: 30%; } .static-page__content .static-page__body-container .static-page__shipping-table .shipping-item__container .shipping-item__value { flex-basis: 70%; } } .zendesk-footer-link { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: row nowrap; -moz-flex-wrap: row nowrap; -ms-flex-wrap: row nowrap; flex-wrap: row nowrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .zendesk-footer-link .zendesk-spinner { position: relative; } .zendesk-footer-link .zendesk-spinner .spinner-gif { position: absolute; top: -1px; left: 15px; width: 16px; height: 16px; background-image: url("../../images/spinner/ue-loader.gif"); } .country-selector__content { padding-top: 1.4rem; } .country-selector__content .current-country { text-transform: uppercase; margin: 0 -1.5rem 0; padding: 1.2rem 1.5rem; background-color: #e3e3e3; background-image: url("../images/icons/link-arrow-right.svg"); background-position: right 1.5rem center; background-repeat: no-repeat; } .country-selector__content .current-country__info { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .country-selector__content .current-country .flag-icon { margin-right: 1rem; } .country-selector__content .current-selection.country { border-bottom: 1px solid #e3e3e3; } .country-selector__content .country { margin: 0 -1.5rem; padding: 0 1.5rem; background-image: url("../images/icons/link-arrow-right.svg"); background-position: right 1.5rem center; background-repeat: no-repeat; } .country-selector__content .country:hover { background-color: #f2f2f2; } .country-selector__content .country-flag { display: inline-block; width: 1.6rem; height: 1.2rem; margin-right: 1rem; } .country-selector__content .country-name { text-transform: uppercase; display: inline-block; } .country-selector__content .country-language { text-transform: uppercase; color: #5b5b5b; display: inline; } .country-selector__content .country-link { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1.2rem 0; display: inline-block; width: 100%; } .country-selector__content .country-selector__countries { position: fixed; top: 9.4rem; left: 0; overflow: scroll; width: 100vw; height: calc(100vh - 9.4rem); z-index: 10; background: #fff; padding: 0 1.5rem; } .country-selector__content .country-search { padding: 1.4rem 1.5rem 1rem; position: fixed; top: 0; left: 0; height: auto; width: 100%; background: #fff; z-index: 10; } .country-selector__content .country-search__title { display: inline-block; padding-bottom: 1.4rem; text-transform: uppercase; } .country-selector__content .country-search__input { font-size: 1.4rem; line-height: 1.14286; } .country-selector__content .country .flag-icon { width: 1.6rem; height: 1.2rem; margin-right: 1rem; } .state--country-dropdown .state-container--country-selector { height: 100%; background: rgba(0, 0, 0, 0.25); position: absolute; width: 100vw; z-index: 20; } .state-container--country-selector .wrapper { overflow-y: scroll; position: fixed; z-index: 20; background: #fff; height: 100%; top: 0; right: 0; display: none; width: 100%; padding: 0 1.5rem; } .state--country-dropdown .state-container--country-selector .wrapper { display: block; } .country-dropdown-state-close { position: fixed; z-index: 20; width: 4.4rem; height: 4.4rem; right: 0; top: 0; } .country-dropdown-state-close .icon-minus { width: 4.4rem; height: 4.4rem; display: inline-block; position: relative; margin-right: -1.5rem; cursor: pointer; } .country-dropdown-state-close .icon-minus::before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; content: " "; right: 1.5rem; top: 50%; left: 50%; width: 1.5rem; height: 1.5rem; background: url("../images/icons/icon-x-minus.svg") no-repeat; } @media screen and (min-width: 1024px) { .state--country-dropdown { overflow: hidden; } .state-container--country-selector .wrapper { overflow-y: scroll; width: 50%; height: 100vh; right: 0; } .country-selector__content { padding-top: 9.3rem; } .country-selector__content .country-search { width: 50%; left: auto; border-bottom: 1px solid gainsboro; margin: 0 -1.5rem; } .country-selector__content .country-selector__countries { position: static; left: auto; top: auto; overflow: auto; width: auto; height: auto; background: transparent; padding: 0; display: inline; } .country-selector__content .current-country { margin: 0 -1.5rem; } } body.state--cart { position: fixed; overflow: hidden; -webkit-overflow-scrolling: touch; } body.state--cart .product-detail__add-to-cart .add-to-cart { z-index: 0; } body.state--cart .page-product-details .header-container { mix-blend-mode: normal; } body.state--cart .cart-state-heading { position: fixed; top: 0; z-index: 1; text-transform: uppercase; padding: 1.4rem 1.5rem; color: #000; background: #fff; width: 100%; } body.state--cart .cart-state-logo { display: none; } body.state--cart .widget-html-block + .header__wrapper { margin-top: 4.4rem; } .cart-state-trigger { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; cursor: pointer; } .cart-state-trigger .minicart-quantity { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; padding-left: 0.4rem; color: #000; text-align: center; } .cart-state-close { position: absolute; top: 0; right: 0; padding: 1.5rem; z-index: 1; } .cart-state-close.cart-state-close--fixed { position: fixed; } .cart-state-close i { font-size: 1rem; } #cart-state-container { position: fixed; top: -200vh; left: auto; width: 100vw; height: 100vh; transition: top 0.3s ease, padding-bottom 0.15s ease; overflow: scroll; z-index: 20; } @supports (padding-bottom: env(safe-area-inset-bottom)) { #cart-state-container { padding-bottom: env(safe-area-inset-bottom); } } #cart-state-container::-webkit-scrollbar { display: none; } #cart-state-container .cart { margin-top: 4rem; } .state--cart #cart-state-container { top: 0; background: #fff; height: -webkit-fill-available; } @media screen and (min-width: 768px) { body.state--cart .cart-state-logo { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 0; left: 50%; height: 100%; vertical-align: middle; padding: 1.3rem 0; display: block; } body.state--cart .cart-state-logo .logo-img.hide-for-large { display: block !important; } body.state--cart .cart-state-logo .logo-img.show-for-large { display: none !important; } } @media screen and (min-width: 1024px) { body.state--cart { position: relative; overflow: hidden; } body.state--cart .cart-state-heading { border-bottom: 1px solid #e3e3e3; padding: 1.2rem 1.5rem; } .cart-state-trigger .minicart-quantity { color: #333; position: static; line-height: inherit; } #cart-state-container { position: fixed; overflow: hidden; height: 100vh; } .state--cart #cart-state-container { padding: 0; top: 0; z-index: 50; } .cart-state-close { padding: 1.2rem; } } .cart-product-card { padding: 0 0 1.2rem; } .cart-product-card .product-line-item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cart-product-card .product-line-item__image { width: 10.5rem; height: 10.5rem; } .cart-product-card .product-line-item__image img { width: 100%; height: 100%; object-fit: cover; } .cart-product-card .product-line-item__details { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; width: calc(100% - 10.5rem); padding: 0 1.5rem; box-sizing: border-box; } .cart-product-card .product-line-item__details .product-line-item__name { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .cart-product-card .product-line-item__details .product-line-item__price { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .cart-product-card .product-line-item__details .product-line-item__price .price { display: flex; flex-flow: row nowrap; justify-content: left; } .cart-product-card .product-line-item__details .product-line-item__price .price .price-non-adjusted { order: 2; margin-left: 1rem; } .cart-product-card .product-line-item__details .product-line-item__attributes { text-transform: uppercase; } .cart-product-card .product-line-item__details .product-line-item__attributes p { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-transform: uppercase; } .cart-product-card .product-line-item__details .product-line-item__promotion-text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; color: #417505; text-align: left; margin-top: 0.6rem; } .cart-product-card .product-line-item__details .product-line-item__promotion-error { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; text-align: left; margin-top: 0.6rem; } .cart-product-card .bonus-product-line-item__quantity { margin-top: 2rem; text-align: center; } .cart-product-card .bonus-product-line-item__quantity .bonus-product-line-item__quantity-title { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; } .cart-product-card .bonus-product-line-item__quantity .bonus-product-line-item__quantity-value { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; } .cart-product-card .product-line-item__action-buttons { display: flex; flex-flow: row nowrap; justify-content: center; margin: 0 1.5rem; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form { display: flex; flex-flow: row nowrap; justify-content: center; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form input { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.6rem; line-height: 1; border: 1px solid #e3e3e3; flex-shrink: 1; color: #000; margin: 0 1rem; text-align: center; -moz-appearance: textfield; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form input::-webkit-outer-spin-button, .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form i { cursor: pointer; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form i::before { content: ''; width: 1.4rem; height: 1.4rem; display: inline-block; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form i.icon-minus-icon { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border: 1px solid #e3e3e3; width: 40px; height: 40px; flex-shrink: 0; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form i.icon-minus-icon::before { background: url("../../images/icons/icon-minus.svg") no-repeat; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form i.icon-plus-icon { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border: 1px solid #e3e3e3; width: 40px; height: 40px; flex-shrink: 0; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form i.icon-plus-icon::before { background: url("../../images/icons/icon-plus.svg") no-repeat; } .cart-product-card .product-line-item__action-buttons .product-line-item__quantity .quantity-form i.icon--disabled { color: #d8d8d8; } .cart-product-card .product-line-item__action-buttons .product-line-item__remove { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border: 1px solid #e3e3e3; width: 40px; height: 40px; margin-right: 1rem; flex-shrink: 0; } .cart-product-card .product-line-item__action-buttons .product-line-item__remove i { font-size: 1.2rem; color: #000; cursor: pointer; position: relative; top: 1px; } @media screen and (min-width: 1024px) { .cart-product-card { width: 50vw; } .cart-product-card:last-of-type { padding-bottom: 0; } .cart-product-card .product-line-item { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .cart-product-card .product-line-item__details { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; width: auto; } .cart-product-card .product-line-item__details .product-line-item__promotion-text, .cart-product-card .product-line-item__details .product-line-item__promotion-error { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.05rem; } .cart-product-card .bonus-product-line-item__quantity { flex-grow: 1; margin-top: 0; text-align: right; } .cart-product-card .bonus-product-line-item__quantity .bonus-product-line-item__quantity-title { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 4rem; line-height: 0.85; } .cart-product-card .bonus-product-line-item__quantity .bonus-product-line-item__quantity-value { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 4rem; line-height: 0.85; } .cart-product-card .product-line-item__action-buttons { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex: 0; flex-shrink: 0; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 23rem; margin: 0; position: relative; right: 1.5rem; } } @media screen and (min-width: 1440px) { .cart-product-card .product-line-item__image { width: 18rem; height: 18rem; } .cart-product-card .product-line-item__image img { width: 18rem; height: 18rem; } } .cart__recommended-product { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 1.2rem 0; } .cart__recommended-product:last-of-type { margin-bottom: 4rem; } .cart__recommended-product .recommended-product__link { text-decoration: none; } .cart__recommended-product .recommended-product__image { margin: 0 auto; width: 10.5rem; height: 10.5rem; } .cart__recommended-product .recommended-product__image img { width: 100%; height: 100%; object-fit: cover; } .cart__recommended-product .recommended-product__details { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: start; align-items: start; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 1.5rem; width: calc(100% - 10.5rem); text-align: center; } .cart__recommended-product .recommended-product__details .recommended-product__name { text-transform: uppercase; } .cart__recommended-product .recommended-product__details .recommended-product__price { text-transform: uppercase; } .cart__recommended-product .recommended-product__details .recommended-product__price .price { display: flex; flex-flow: row nowrap; justify-content: center; } .cart__recommended-product .recommended-product__details .recommended-product__price .price .price-non-adjusted { margin-right: 0.6rem; order: -1; } .cart__recommended-product .recommended-product__details .recommended-product__price.has-sale-price { display: flex; } .cart__recommended-product .recommended-product__details .recommended-product__price.has-sale-price .price { text-decoration: line-through; } .cart__recommended-product .recommended-product__details .recommended-product__attributes { display: none; } .cart__recommended-product .recommended-product__details .recommended-product__attributes p { margin: 0; text-transform: uppercase; } .cart__recommended-product .recommended-product__details .recommended-product__price-recommendation, .cart__recommended-product .recommended-product__details .recommended-product__callout { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 0.85; letter-spacing: 0.05rem; } .cart__recommended-product .recommended-product__action-buttons { width: 100%; } .cart__recommended-product .recommended-product__action-buttons .recommended-product__quantity { display: none; } .cart__recommended-product .recommended-product__action-buttons .recommended-product__add-to-cart { margin-top: 1.2rem; } .cart__recommended-product .recommended-product__action-buttons .recommended-product__add-to-cart .add-to-cart-button { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; background: transparent; margin: 0 1.5rem; width: calc(100% - 3rem); } @media screen and (min-width: 1024px) { .cart__recommended-product .recommended-product__image { width: 10.5rem; height: 10.5rem; } .cart__recommended-product .recommended-product__details { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex-grow: 1; -ms-flex: 1; flex-grow: 1; width: auto; text-align: left; } .cart__recommended-product .recommended-product__action-buttons { width: 23rem; margin-bottom: 0; } .cart__recommended-product .recommended-product__action-buttons .recommended-product__add-to-cart { margin-top: 0; position: relative; right: 1.5rem; } .cart__recommended-product .recommended-product__action-buttons .recommended-product__add-to-cart .add-to-cart-button { margin-left: 0; width: 23rem; } } @media screen and (min-width: 1440px) { .cart__recommended-product .recommended-product__image { width: 18rem; height: 18rem; } .cart__recommended-product .recommended-product__image img { width: 18rem; height: 18rem; } } .page[data-action=Cart-Show] { position: fixed; width: 100vw; height: 100vh; overflow-y: scroll; } .cart-close { position: fixed; top: 0; right: 0; margin-top: 2rem; margin-right: 2rem; text-decoration: none; z-index: 1; } .cart-close i { font-size: 1.8rem; } .cart { background: #fff; } .cart .cart__details { position: relative; display: flex; flex-flow: column; justify-content: space-between; padding: 0; background-color: #f2f2f2; } .cart .cart__details .cart__details__wrapper { height: 100%; } .cart .cart__details .cart__title { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin-bottom: 3rem; } .cart .cart__details .cart__title .cart__title-text { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 2.4rem; line-height: 1; letter-spacing: -0.04rem; color: #333; text-transform: none; } .cart .cart__details .cart__empty { min-height: 51.7rem; } .cart .cart__details .cart__empty-message { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 0.85; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); letter-spacing: 0.03rem; color: #000; text-align: center; text-transform: uppercase !important; width: 20rem; position: absolute; left: 50%; top: 50%; } .cart .cart__details .cart__start-shopping-link { margin-top: 2rem; text-align: center; } .cart .cart__details .cart__start-shopping-link a { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; color: #333; text-decoration: underline; } .cart .cart__details .cart__up-sell .cart__up-sell__title { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 2.4rem; line-height: 1; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: left; -moz-box-pack: left; -ms-flex-pack: left; -webkit-justify-content: left; justify-content: left; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 4rem 1.5rem 1.2rem; text-transform: uppercase; } .cart .cart__details .cart__up-sell .cart__up-sell__recommendations { margin-top: 1.2rem; } .cart .cart__details .cart__sticky-bar { display: none !important; position: absolute; bottom: 0; width: 100%; padding: 1.5rem; background-color: #417505; cursor: pointer; opacity: 1; transition: opacity 0.3s ease; } .cart .cart__details .cart__sticky-bar.hide-sticky-bar { opacity: 0; pointer-events: none; } .cart .cart__details .cart__sticky-bar.sticky-bar--fixed { position: fixed; } .cart .cart__details .cart__sticky-bar .cart__sticky-bar__text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; color: #fff; text-align: center; position: relative; } .cart .cart__details .cart__sticky-bar .cart__sticky-bar__text::after { font-family: 'urbanears-icons' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: 'c'; font-size: 1.2rem; position: absolute; top: 2px; padding-left: 1.2rem; } .cart .cart__summary { padding: 0 1.5rem; background-color: #fff; overflow-y: auto; } .cart .cart__summary .cart__subtotals .order-subtotal, .cart .cart__summary .cart__subtotals .order-discount, .cart .cart__summary .cart__subtotals .sales-tax, .cart .cart__summary .cart__subtotals .shipping-cost, .cart .cart__summary .cart__subtotals .shipping-discount { display: flex; flex-flow: row nowrap; justify-content: space-between; } .cart .cart__summary .cart__subtotals .order-subtotal p, .cart .cart__summary .cart__subtotals .order-discount p, .cart .cart__summary .cart__subtotals .sales-tax p, .cart .cart__summary .cart__subtotals .shipping-cost p, .cart .cart__summary .cart__subtotals .shipping-discount p { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: 0.03rem; color: #000; text-transform: uppercase; margin: 0; padding: 1.2rem 0; flex-basis: 50%; } .cart .cart__summary .cart__subtotals .order-subtotal p.price-free, .cart .cart__summary .cart__subtotals .order-discount p.price-free, .cart .cart__summary .cart__subtotals .sales-tax p.price-free, .cart .cart__summary .cart__subtotals .shipping-cost p.price-free, .cart .cart__summary .cart__subtotals .shipping-discount p.price-free { color: #417505; text-transform: uppercase; } .cart .cart__summary .cart__subtotals .order-subtotal p.order-discount-value, .cart .cart__summary .cart__subtotals .order-discount p.order-discount-value, .cart .cart__summary .cart__subtotals .sales-tax p.order-discount-value, .cart .cart__summary .cart__subtotals .shipping-cost p.order-discount-value, .cart .cart__summary .cart__subtotals .shipping-discount p.order-discount-value { color: #f00; } .cart .cart__summary .cart__coupon-codes.coupon-codes--expanded .cart__coupon-codes__title { display: none; } .cart .cart__summary .cart__coupon-codes.coupon-codes--expanded .cart__coupon-codes__form { display: flex; flex-flow: row nowrap; justify-content: flex-start; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__title { display: flex; flex-flow: row nowrap; justify-content: flex-start; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__title i { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 26px; height: 40px; cursor: pointer; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__title i::before { content: ''; background: url("../../images/icons/icon-plus.svg") no-repeat; width: 1.4rem; height: 1.4rem; display: inline-block; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__title .cart__coupon-codes { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: column wrap; flex-basis: 100%; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__title .cart__coupon-codes .cart__coupon-codes__label { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: 0.03rem; line-height: 4rem; color: #000; cursor: pointer; text-transform: uppercase; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__title .cart__coupon-codes .cart__coupon-codes__list .cart__coupon-codes__item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1.2rem 1.5rem; background-color: #e3e3e3; margin-left: -2.6rem; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__title .cart__coupon-codes .cart__coupon-codes__list .cart__coupon-codes__item span { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; width: 100%; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__title .cart__coupon-codes .cart__coupon-codes__list .cart__coupon-codes__item .remove-coupon { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; text-decoration: none; text-transform: uppercase; border: 0; padding: 0; background: none; color: #0029ff; text-align: end; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form { display: none; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form i { font-size: 3rem; color: #9b9b9b; margin-top: 1rem; margin-right: 1.4rem; cursor: pointer; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form { flex-basis: 100%; margin-top: 1rem; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .form-group { margin-bottom: 0; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .form-group .coupon-code-input input { color: #333; border: 0.5px solid #d8d8d8; padding: 1rem 1.5rem; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .form-group .promo-code-submit { margin-left: 1rem; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .form-group .promo-code-submit .promo-code-btn { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; text-decoration: underline; border: 0; padding: 0; background: transparent; color: #000; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .coupon-error { margin-top: 0.9rem; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .coupon-error .coupon-missing-error { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; color: #ef3340; display: none; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .coupon-error .coupon-error-message { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; color: #ef3340; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .cart__coupon-codes__list .cart__coupon-codes__item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1.2rem 1.5rem; background-color: #e3e3e3; margin-left: -4.4rem; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .cart__coupon-codes__list .cart__coupon-codes__item span { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; width: 100%; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__form .promo-code-form .cart__coupon-codes__list .cart__coupon-codes__item .remove-coupon { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.03rem; text-decoration: none; text-transform: uppercase; border: 0; padding: 0; background: none; color: #0029ff; text-align: end; } .cart .cart__summary .cart__total-amount { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 0; margin-top: 6px; } .cart .cart__summary .cart__total-amount .order-total { display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 2rem 0 1.5rem 0; } .cart .cart__summary .cart__total-amount .order-total p { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 2.4rem; line-height: 1; color: #000; margin: 0; text-transform: uppercase; flex-basis: 50%; } .cart .cart__summary .cart__total-amount .cart__info { display: flex; flex-flow: row nowrap; padding-bottom: 1.8rem; } .cart .cart__summary .cart__additional-info { display: flex; flex-direction: column; align-items: flex-start; margin-top: 1.6rem; } .cart .cart__summary .cart__additional-info .cart__additional-info-wrapper { padding: 1.2rem 1.6rem; background: #ffffcb; border-radius: 2px; } .cart .cart__summary .cart__additional-info .cart__additional-info-text { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; color: #000; } .cart .cart__summary .cart__additional-info .cart__additional-info-text a { color: #0029ff; } .cart .cart__summary .cart__checkout { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2rem 0; } .cart .cart__summary .cart__checkout .cart__checkout-button { flex-basis: 100%; } .cart .cart__summary .cart__checkout .cart__checkout-button .button--checkout { text-transform: uppercase; } .cart .cart__summary .cart__checkout .cart__continue-shopping-link { text-align: center; flex-basis: 100%; margin-top: 1rem; } .cart .cart__summary .cart__checkout .cart__continue-shopping-link .continue-shopping-link { text-transform: uppercase; background: transparent; display: flex; justify-content: center; } .cart .cart__summary .shipping-item__container { width: 100%; margin-top: 1.5rem; } .cart .cart__summary .shipping-item__container .shipping-item__delivery { display: flex; background-color: #f2f2f2; } .cart .cart__summary .shipping-item__container .shipping-item__delivery .shipping-item__value { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; } .cart .cart__summary .shipping-item__container .shipping-item__cost, .cart .cart__summary .shipping-item__container .shipping-item__time, .cart .cart__summary .shipping-item__container .shipping-item__free-from { display: flex; } .cart .cart__summary .shipping-item__container .shipping-item__crossed-value { text-decoration: line-through; margin-right: 0.5rem; } .cart .cart__summary .shipping-item__container .shipping-item__headline { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; text-align: left; padding: 0.6rem 0.9rem; word-break: break-word; white-space: nowrap; flex-basis: 50%; } .cart .cart__summary .shipping-item__container .shipping-item__value { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; padding: 0.6rem 0.9rem; word-break: break-word; flex-basis: 50%; display: flex; flex-wrap: nowrap; } .cart .cart__summary .shipping-item__container .shipping-item__value.specific-delivery__time { display: none; } .cart .cart__summary .specific-delivery .shipping-item__container { display: none; } .cart .cart__summary .specific-delivery .shipping-item__container:first-of-type, .cart .cart__summary .specific-delivery .shipping-item__container:last-of-type { display: block; } .cart .cart__summary .specific-delivery .shipping-item__container:first-of-type .shipping-item__value.specific-delivery__time { display: block; } .cart .cart__summary .specific-delivery .shipping-item__container:first-of-type .shipping-item__value.specific-delivery__time + .shipping-item__value { display: none; } .cart__error-wrapper { color: #f00; padding-top: 1.5rem; } .cart .accordion__content { color: #000; text-transform: unset; padding: 0.2rem 0 1.5rem; } .cart .accordion__content a { text-transform: none; } .cart .accordion__content-overlay { display: none; } .cart .accordion__title > .accordion__trigger, .cart .accordion__trigger { padding: 1.2rem 0; display: flex; } .cart .accordion__title > .accordion__trigger .title, .cart .accordion__trigger .title { display: flex; flex-wrap: wrap; } .cart .accordion__title > .accordion__trigger .title__first-part, .cart .accordion__trigger .title__first-part { white-space: nowrap; } .cart .accordion__title > .accordion__trigger .title__second-part, .cart .accordion__trigger .title__second-part { white-space: pre; } .cart .accordion__title > .accordion__trigger { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 700; text-transform: none; letter-spacing: 0.03rem; font-size: 1.4rem; line-height: 1.14286; letter-spacing: -0.01rem; text-transform: none; } .cart .accordion__title .icon-plus::before, .cart .accordion__title .icon-minus::before { right: 0; background: url("../../images/icons/icon-arrow-down.svg") no-repeat; background-size: 100%; width: 1rem; height: 1rem; } .cart .accordion__title .icon-minus::before { transform: translateY(-50%) rotate(180deg); } .cart .accordion__title .title__second-part { white-space: pre; } .cart .accordion__title.active > .accordion__trigger { color: #4d4d4d; } .cart .accordion__item { border-bottom: 1px solid #e3e3e3; border-top: 1px solid transparent; } .cart .accordion__item:first-of-type { border-top: 1px solid #e3e3e3; } .cart .accordion__item .faq-wrapper .accordion__trigger { font-size: 1.8rem; line-height: 1.11111; } .cart .accordion__item .faq-wrapper .accordion__content { font-size: 1.6rem; line-height: 1; line-height: 1.8rem; } .cart-info__inner-wrapper { margin: 5rem 0 0; } .cart__totals-terms { margin: 5.7rem auto 2.2rem; color: #6e6e6e; } .cart__totals-terms a { color: #000; } @media screen and (min-width: 768px) { .cart-close { margin-top: 3rem; margin-right: 3.2rem; } .cart { display: flex; flex-flow: row nowrap; justify-content: flex-start; min-height: calc(100vh - 4.1rem); } .cart .cart__details { justify-content: flex-start; min-height: unset; flex: 0 0 50%; } .cart .cart__details .cart__empty { min-height: 69.3rem; } .cart .cart__summary { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex: 0 0 50%; max-height: calc(100vh - 4.1rem); } .cart .cart__summary .cart__checkout { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .cart .cart__summary .cart__checkout .cart__checkout-button { flex-basis: calc(50% - 5px); } .cart .cart__summary .cart__checkout .cart__continue-shopping-link { flex-basis: calc(50% - 5px); margin-top: 0; } .cart__totals { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .cart__totals-terms { display: flex; flex-direction: row; align-self: flex-start; width: 100%; } .cart .accordion__title .icon-minus::before { transform: translateY(-50%) rotate(180deg); } } @media screen and (min-width: 1024px) { .cart { margin-top: 4.1rem; } .cart .cart__details .cart__title { margin-bottom: 6rem; } .cart .cart__details .cart__title .cart__title-text { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.01rem; font-size: 4rem; line-height: 0.85; letter-spacing: -0.04rem; text-transform: none; } .cart .cart__details .cart__products { overflow-y: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ /* Hide scrollbar for Chrome, Safari and Opera */ } .cart .cart__details .cart__products::-webkit-scrollbar { display: none; } .cart .cart__details .cart__empty-message { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.84722; width: 36rem; } .cart .cart__details .cart__details__content { position: absolute; overflow-y: auto; height: calc(100vh - 3.8rem); width: 50vw; } .cart .cart__summary .cart__coupon-codes .cart__coupon-codes__title .cart__coupon-codes .cart__coupon-codes__list { margin-top: 2.6rem; } .cart-info__item-content .static-page__shipping-table .shipping-item__container .shipping-item__headline { flex-basis: 30%; } .cart-info__item-content .static-page__shipping-table .shipping-item__container .shipping-item__value { flex-basis: 70%; } } @media screen and (min-width: 768px) { .wrapper { width: calc(100% - 6rem); } .full-background-image .widget__productwidget_details-container.text-horizontal-alignment-left { position: absolute; left: 0; } .full-background-image .widget__productwidget_details-container.text-horizontal-alignment-center { position: absolute; left: 25%; } .full-background-image .widget__productwidget_details-container.text-horizontal-alignment-right { position: absolute; left: 50%; } .widget__productwidget_details-container.text-vertical-alignment-top { align-self: flex-start; padding: 6rem 0; } .widget__productwidget_details-container.text-vertical-alignment-center { align-self: center; } .widget__productwidget_details-container.text-vertical-alignment-bottom { align-self: flex-start; padding: 6rem 0; } .desktop-right-top { bottom: auto; left: auto; top: 7rem; right: 10rem; } .desktop-right-center { top: 30%; left: auto; bottom: auto; right: 10rem; } .desktop-right-bottom { top: auto; left: auto; bottom: 7rem; right: 10rem; } .desktop-left-top { bottom: auto; right: auto; top: 7rem; left: 2rem; } .desktop-left-center { top: 30%; left: 2rem; bottom: auto; right: auto; } .desktop-left-bottom { top: auto; left: 2rem; bottom: 7rem; right: auto; } .desktop-center-top { bottom: auto; right: auto; top: 5rem; left: 25%; text-align: center; } .desktop-center-center { top: 30%; left: 25%; bottom: auto; right: auto; text-align: center; } .desktop-center-bottom { top: auto; left: 25%; bottom: 7rem; right: auto; text-align: center; } } @media screen and (min-width: 768px) { h1, .h1 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 8.8rem; line-height: 0.85227; } h2, .h2 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 5rem; line-height: 0.85; } h2.vcr, .h2.vcr { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 5rem; line-height: 0.85; } h3, .h3 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 3.2rem; line-height: 1; } h3.vcr, .h3.vcr { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 3.2rem; line-height: 1; } } @media screen and (min-width: 1024px) { .wrapper { width: calc(100% - 22.6rem); } #webWidget { max-height: none !important; } } @media screen and (min-width: 1024px) { h1, .h1 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 12rem; line-height: 0.85; } h2, .h2 { font-family: "Helvetica Now Display W02 Rg", sans-serif; font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.84722; } h2.vcr, .h2.vcr { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 7.2rem; line-height: 0.80556; } h3, .h3 { font-family: "Helvetica Now Display W02 Rg"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 1; color: #000; } h3.vcr, .h3.vcr { font-family: "vcr", sans-serif; font-family: "vcr", sans-serif; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0.03rem; font-size: 4rem; line-height: 0.8; color: #000; } } @media screen and (min-width: 1024px) { input[type="checkbox"] { display: none; } input[type="checkbox"] + label { line-height: 3.2rem; padding-left: 4.7rem; } input[type="checkbox"] + label::before { width: 3.2rem; height: 3.2rem; } input[type="checkbox"]:checked + label::before { background-size: 1.6rem 1.6rem; } input[type="checkbox"]:disabled + label { cursor: initial; } input[type="checkbox"]:disabled + label::before { opacity: 0.5; } } @media screen and (min-width: 1024px) { .tabs-container { width: 50%; } }