/** * Tools */ /** * Get breakpoint from breakpoints settings map */ /** * Media query mixin * @param {} $to - Value from $settings-breakpoints * available breakpoints can be found in _settings.breakpoints.scss * usage: * @include mq(md){}; */ /** * Font face mixin * @param {string} $font-name - Name of the font * @param {string} $font-filename - Name of the file without extension * @param {number} $version - Font version * @param {number} $font-weight - Font weight value * @param {string} $font-name - Font style property (if the font is italic) * usage: * @include font-face("Hanken-Grotesk", "HankenGrotesk-Regular"); * @include font-face( * "Hanken-Grotesk", * "HankenGrotesk-SemiBold", * $font-weight: 600, * $font-style: italic * ); */ /** * Mixin for setting default font size and line height */ /** * Mixin for setting default font family and font weight */ /** * Mixin for converting absolute pixel (photoshop) to em's */ /** * Convert font-size from px to rem * 1. Default font size on html element is 100%, equivalent to 16px; * @param {number} $size - the value in pixel you want to convert * usage: * padding-top: rem(20px); */ /** * Convert font-size from px to em * 1. Default font size on html element is 100%, equivalent to 16px; * @param {number} $size - the value in pixel you want to convert * usage: * padding-top: em(20px); */ /** * Hover support mixin * Detect if device supports hover interaction * 1. If device is not supporting hover, add properties as active state styles * 2. If device is supporting hover, add properties as hover state styles * usage: * @include hover{} */ /** * Spacings * usage: * @include spacing("margin-top", "lg"); */ /** * Get spacing values from settings */ /** * Get transition easing from $settings-transitions-easing */ /** * Transition function * @param {string} $transitionName - Name of the transition from $settings-transitions * @param {string} $transitionEasing - get transition easing from $settings-transitions-easing * usage: * transition: getTransition; * transition: getTransition(slide, ease-in-quad); */ /** * Context */ /** * Viewport width function * 1. 1 vw is equal to 1% of the viewport width * @param {number} $size - the value in pixel you want to convert * usage: * padding-top: get-vw(100px); */ /** * Viewport height function * 1. 1 vw is equal to 1% of the viewport width * @param {number} $size - the value in pixel you want to convert * usage: * padding-top: get-vh(100px); */ /** * Get z-index from $settings-zindex * usage: * z-index: getZindex(navigation); */ /** * Mixin that hides scrollbar on scrollable elements (for example overflow lists) * usage: * div { * overflow: scroll; * @include hide-scrollbar; * } */ /** * Third party tools */ /** * Settings */ /** * Breakpoints */ /** * Breakpoints - map */ /** * Colors */ /** * Colors - re-assigning */ /** * Colors - components */ :root { --navigation-color: #ffffff; --text-color: #ffffff; } @font-face { font-family: "TTSupermolotNeue"; src: url("/sites/rimac-automobili-com-aba2ee94/root-8a5edab2/supermolot.ttf") format("truetype-variations"); } @font-face { font-family: "Roboto-Regular"; src: url("/sites/rimac-automobili-com-aba2ee94/root-8a5edab2/roboto.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff?1") format("woff"); font-weight: normal; font-style: normal; } /** * Spacings */ /** * Transition easing variables */ /** * Transition easing map */ /** * Transitions map */ /** * B-forms settings */ /* * Fieldset */ /* * Label and legend */ /* * Input * 1. Hover * 2. Focus * 3. Disabled * 4. Placeholder * 5. Placeholder disabled */ /* 1 */ /* 2 */ /* 3 */ /* 4 */ /* 5 */ /* 6 */ /* * Textarea */ /* * Range * 1. Hover * 2. Focus * 3. Disabled */ /* 1 */ /* 2 */ /* 3 */ /* * Checkbox * 1. Spacing of single checkbox wrapper * 2. Color of checked icon that will be injected in the SVG fill, hex only * 3. Slice # from hex * 4. SVG code without double marks, color without hex is injected in SVG fill where %23 is UTF8 "#" * 5. Left space of label from the fake checkbox ($form-checkbox-width + $form-checkbox-label-left-position) * 6. Fine tune the top space of both holder and checked indicator, because of line height on label * 7. Hover * 8. Focus * 9. Checked * 10. Disabled * 11. IE11 support with base64 SVG - needs two */ /* 1 */ /* 2 */ /* 3 */ /* 4 */ /* 5 */ /* 6 */ /* 7 */ /* 8 */ /* 9 */ /* 10 */ /* 11 */ /* * Radio * 1. Spacing of single radio wrapper * 1. Color of checked icon * 2. Left space of label from the fake checkbox ($form-radio-width + $form-radio-label-left-position) * 3. Fine tune the top space of both holder and checked indicator, because of line height on label * 6. Hover * 7. Focus * 8. Checked * 9. Disabled * 10. IE11 support with base64 SVG - needs two */ /* 1 */ /* 2 */ /* 3 */ /* 4 */ /* 5 */ /* 6 */ /* 7 */ /* 8 */ /* * File input * 1. Spacing of file preview information's (name and size) * 2. Spacing between name and size * 4. Styling of cancel upload button * 5. Focus * 6. Checked * 7. Disabled */ /* 1 */ /* 2 */ /* 4 */ /* 5 */ /* 6 */ /* 7 */ /* * Select */ /** * Z-index map */ /** * Generic */ /** * Third party generics */ /** * b-reset.scss - modern CSS reset used by Bornfight frontend team. * Consists of best CSS reset practices combined into one file. */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. * 3. Tells the browser to account for any border and padding in the values you specify for an element's width and height */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-box-sizing: border-box; box-sizing: border-box; /* 3 */ width: 100%; } /** * All elements inherit box model */ *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } /** * Reset elements in all browsers */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /** * Set core body defaults * 1. sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs. * 2. The browser emphasizes rendering speed over legibility and geometric precision when drawing text. * 3. Disables the browser's inflation algorithm on some smart phones and tablets. * 4. Font smoothing */ body { scroll-behavior: smooth; /* 1 */ text-rendering: optimizeSpeed; /* 2 */ -webkit-text-size-adjust: none; /* 3 */ -webkit-font-smoothing: antialiased; /* 4 */ -moz-osx-font-smoothing: grayscale; /* 4 */ width: 100%; } /** * Remove list style from lists */ ul { list-style: none; } /** * Make media easier to work with */ img, iframe, video, object, embed { display: block; max-width: 100%; } /** * Remove outline from tabindex -1 */ [tabindex="-1"] { outline: none !important; } /** * Add the correct height in Firefox. */ hr { height: 0; } /** * Add the correct text decoration in Chrome, Edge, and Safari. */ abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** * Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bold; } /** * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) * 2. Correct the odd 'em' font sizing in all browsers. */ code, kbd, samp, pre { font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Remove the inheritance of text transform in Edge and Firefox. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; /* 1 */ } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Safari. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to 'inherit' in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Add the correct display in Chrome and Safari. */ summary { display: list-item; } /** * Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { * { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /** * Browser specific form elements reset */ /** * Search input browser additions reset * 1. Clears the 'X' from Chrome * 2. Clears the 'X' from Internet Explorer */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { /* 1 */ -webkit-appearance: none; display: none; } input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal { /* 2 */ display: none; width: 0; height: 0; } /** * Remove arrows/spinners from number input * 1. Chrome, Safari, Edge, Opera * 2. Firefox */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* 1 */ -webkit-appearance: none; margin: 0; } input[type="number"] { /* 2 */ -moz-appearance: textfield; } /** * Remove Safari autocomplete additions * 1. Contacts fill button * 2. Password fill button * 3. Number input spinner */ input[autocomplete="off"]::-webkit-contacts-auto-fill-button, input[autocomplete="off"]::-webkit-credentials-auto-fill-button, input[autocomplete="off"]:focus::-webkit-textfield-decoration-container { /* 1, 2, 3 */ visibility: hidden; display: none !important; pointer-events: none; height: 0; width: 0; margin: 0; } /** * Remove select triangle on IE */ select::-ms-expand { display: none; } /** * Remove dotted outline from range input on Firefox */ input[type=range]::-moz-focus-outer { border: 0; } /** * Elements */ :root { --font-weight: 100; --font-weight-nevera: 400; } html, body { width: 100%; -webkit-font-smoothing: antialiased; overflow-x: hidden; } html.is-locked { top: 0; left: 0; right: 0; position: fixed; } body { font-family: "Roboto-Regular", sans-serif; font-weight: normal; font-size: 17px; line-height: 1.29412em; color: #ffffff; background-color: #0d2936; } a { color: inherit; text-decoration: none; } /** * Objects */ .o-container { width: 100%; padding-left: 4.16667%; padding-right: 4.16667%; } @media (max-width: 480px) { .o-container { padding-left: 20px; padding-right: 20px; } } .o-container--narrow { padding-left: 12.5%; padding-right: 12.5%; } @media (max-width: 1140px) { .o-container--narrow { padding-left: 8.33333%; padding-right: 8.33333%; } } @media (max-width: 800px) { .o-container--narrow { padding-left: 4.16667%; padding-right: 4.16667%; } } @media (max-width: 480px) { .o-container--narrow { padding-left: 20px; padding-right: 20px; } } .o-container--narrow.o-container--right { padding-left: 25%; padding-right: 0; } @media (max-width: 1140px) { .o-container--narrow.o-container--right { padding-left: 16.66667%; } } @media (max-width: 800px) { .o-container--narrow.o-container--right { padding-left: 8.33333%; } } @media (max-width: 480px) { .o-container--narrow.o-container--right { padding-left: 20px; } } .o-container--narrow.no-padding-right { padding-right: 0; } .o-container--narrow.no-padding-left { padding-left: 0; } .o-container--wide { padding-left: 30px; padding-right: 30px; } @media (min-width: 480px) { .o-container--wide { padding-left: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .o-container--wide { padding-left: 40px; } } @media (min-width: 480px) { .o-container--wide { padding-right: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .o-container--wide { padding-right: 40px; } } @media (max-width: 800px) { .o-container--wide { padding-right: 4.16667%; padding-left: 4.16667%; } } @media (max-width: 480px) { .o-container--wide { padding-left: 20px; padding-right: 20px; } } @media (max-width: 374px) { .o-navigation-wrapper .o-container--wide { padding-left: 20px; padding-right: 20px; } } .o-container--x-wide { padding-left: 20px; padding-right: 20px; } @media (max-width: 800px) { .o-container--x-wide { padding-right: 4.16667%; padding-left: 4.16667%; } } .o-container--full { padding-left: 0; padding-right: 0; } .o-prefooter-wrapper { background-color: #0a222e; position: relative; z-index: 6; } .o-footer-wrapper { padding-top: 40px; padding-bottom: 40px; background-color: #0a222e; position: relative; z-index: 6; } @media (min-width: 480px) { .o-footer-wrapper { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-footer-wrapper { padding-top: 60px; } } @media (min-width: 480px) { .o-footer-wrapper { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-footer-wrapper { padding-bottom: 60px; } } .o-header-wrapper { position: relative; z-index: 2; } .o-header-wrapper--full { min-height: 100vh; } .o-page--light .o-header-wrapper .c-link { color: #001217; } .o-page--light .o-header-wrapper .c-header__bottom .c-menu__item .c-link:hover { color: #001217; } .o-page--light .o-header-wrapper .c-header__bottom .c-menu__item .c-link.is-blurred { color: rgba(0, 18, 23, 0.3); } .o-header-wrapper--careers-open-positions { z-index: 3; } .o-navigation-wrapper { position: fixed; top: 20px; left: 0; width: 100%; z-index: 12; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: background-color 0.3s, -webkit-transform 0.3s ease-out; transition: background-color 0.3s, -webkit-transform 0.3s ease-out; transition: background-color 0.3s, transform 0.3s ease-out; transition: background-color 0.3s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; mix-blend-mode: difference; pointer-events: none; color: var(--navigation-color); } @media (min-width: 480px) { .o-navigation-wrapper { top: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .o-navigation-wrapper { top: 30px; } } .o-navigation-wrapper.has-scrolled { color: var(--navigation-color); -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: background-color 0.3s, -webkit-transform 0.4s ease-out; transition: background-color 0.3s, -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out, background-color 0.3s; transition: transform 0.4s ease-out, background-color 0.3s, -webkit-transform 0.4s ease-out; } .is-navigation-opened .o-navigation-wrapper.has-scrolled.slide-up { -webkit-transform: translateY(0%); transform: translateY(0%); } .is-navigation-opened .o-navigation-wrapper { -webkit-transform: translateY(0%); transform: translateY(0%); --navigation-color: #ffffff; color: #ffffff; } .o-navigation-wrapper.is-light { mix-blend-mode: normal; } .o-navigation-wrapper.is-hidden { opacity: 0; visibility: hidden; } .o-page__inner { position: relative; z-index: 2; } .o-page__inner--home { z-index: auto; } .o-page__inner .u-page-logo { display: none; } .o-page__inner.o-page__inner--nevera-design .c-logo .u-page-logo, .o-page__inner.o-page__inner--nevera-engineering .c-logo .u-page-logo, .o-page__inner.o-page__inner--nevera-driving-experience .c-logo .u-page-logo { display: block; } @media (max-width: 480px) { .o-page__inner--nevera-app .c-scroll-progress-navigation-wrapper { display: none; } } .o-page--dimmed { background-color: #f1f5f7; } .o-page--dimmed .o-header-wrapper { background-color: #f1f5f7; } .o-page--light { background-color: #ffffff; } .o-page--light .o-header-wrapper { background-color: #ffffff; } .o-page--dimmed .o-header-wrapper, .o-page--dimmed .o-page__inner, .o-page--light .o-header-wrapper, .o-page--light .o-page__inner { color: #001217; } .o-page--dimmed .o-header-wrapper .u-b0, .o-page--dimmed .o-page__inner .u-b0, .o-page--light .o-header-wrapper .u-b0, .o-page--light .o-page__inner .u-b0 { color: #667275; } .o-page--dimmed .c-select--default, .o-page--light .c-select--default { color: #001217; } .o-page--dimmed .c-select-icon, .o-page--light .c-select-icon { border-color: #001217; } .o-page--archive-articles .o-header-wrapper { z-index: 3; } .o-section-wrapper .c-scroll-indicator { position: fixed; bottom: 10px; left: calc(50% - 1px); } @media (max-width: 800px) { .o-section-wrapper .c-scroll-indicator { bottom: 30px; left: auto; right: 20px; -webkit-transform: none; transform: none; } } .o-section-wrapper--nevera { overflow-x: hidden; } .o-section { color: var(--text-color); } .o-section__bg-wrapper { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); border-color: transparent; border-style: solid; border-width: 4.16667vw 12.5vw; } .o-section__bg-wrapper--no-mask { border: none; } .o-section__bg { display: block; position: absolute; bottom: 0; left: 50%; width: 100vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; background-position: center; background-size: cover; background-color: #a7b7bf; } .o-section__heading { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 480px) { .o-section__heading { padding-top: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .o-section__heading { padding-top: 40px; } } @media (min-width: 480px) { .o-section__heading { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .o-section__heading { padding-bottom: 40px; } } .o-section__content { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 480px) { .o-section__content { padding-top: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .o-section__content { padding-top: 40px; } } @media (min-width: 480px) { .o-section__content { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .o-section__content { padding-bottom: 40px; } } .o-section__content--editor { padding-top: 50px; padding-bottom: 60px; } @media (min-width: 480px) { .o-section__content--editor { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section__content--editor { padding-top: 80px; } } @media (min-width: 480px) { .o-section__content--editor { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section__content--editor { padding-bottom: 100px; } } .o-section__content--editor-no-bottom { padding-top: 60px; padding-bottom: 20px; } @media (min-width: 480px) { .o-section__content--editor-no-bottom { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section__content--editor-no-bottom { padding-top: 100px; } } @media (min-width: 480px) { .o-section__content--editor-no-bottom { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .o-section__content--editor-no-bottom { padding-bottom: 30px; } } .o-section.c-latest-press { padding-bottom: 40px; } @media (min-width: 480px) { .o-section.c-latest-press { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section.c-latest-press { padding-bottom: 60px; } } .o-section--dummy { min-height: 50vh; background-color: #ffffff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; color: #001217; } .o-section--dummy .o-section__content { padding-top: 0; } .o-section--1, .o-section--styleguide { padding-bottom: 50px; padding-top: 50px; } @media (min-width: 480px) { .o-section--1, .o-section--styleguide { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--1, .o-section--styleguide { padding-bottom: 80px; } } @media (min-width: 480px) { .o-section--1, .o-section--styleguide { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--1, .o-section--styleguide { padding-top: 80px; } } .o-section--dark { background-color: #0a222e; color: #ffffff; } .o-section--accent { background-color: #0d2936; color: #ffffff; } .o-section--dimmed { background-color: #f1f5f7; color: #001217; } .o-section--dimmed .u-b0 { color: #667275; } .o-section--dimmed p.u-b2, .o-section--dimmed .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .o-section--dimmed p.c-development-statistics__subtitle { color: #667275; } .o-section--dimmed-transparent { color: #001217; } .o-section--dimmed-transparent .u-b0 { color: #667275; } .o-section--light { background-color: #ffffff; color: #001217; } .o-section--light .u-b0 { color: #667275; } .o-section--light .c-link { color: #001217; } .o-section--light .c-link--accent { color: #1da5f9; } .o-section--full { height: 100vh; } .o-section--explore-cta { position: relative; padding-top: 60px; padding-bottom: 60px; } @media (min-width: 480px) { .o-section--explore-cta { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--explore-cta { padding-top: 100px; } } @media (min-width: 480px) { .o-section--explore-cta { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--explore-cta { padding-bottom: 100px; } } .o-section--bg-image-text { position: relative; height: 0; padding-bottom: 54.79167%; min-height: 420px; color: #ffffff; } .o-section--bg-image-text.is-text-dark { color: #001217; } .o-section--bg-image-text.is-right-aligned .o-section__bg-wrapper:after { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 2; } .o-section--bg-image-text.is-right-aligned .c-article { margin-right: 0; margin-left: auto; padding-left: 0; max-width: 33.33333%; } .o-section--bg-image-text.is-right-aligned .c-article p { max-width: 100%; } @media (max-width: 1440px) { .o-section--bg-image-text.is-right-aligned .c-article { max-width: 340px; } } @media (max-width: 800px) { .o-section--bg-image-text.is-right-aligned .c-article { margin-left: auto; margin-right: auto; max-width: 840px; } } .o-section--bg-image-text .o-section__bg { z-index: 1; height: 0; padding-bottom: 56.25%; min-height: 480px; } .o-section--bg-image-text .o-section__heading { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .o-section--bg-image-text.has-overlay:after { content: ""; position: absolute; display: block; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 18, 23, 0.6); z-index: 2; } .o-section--bg-image-text--alt .c-heading-wrapper .u-a3 { margin-bottom: 0; } .o-section--bg-image-text--alt .c-heading-wrapper h2.u-a2 { margin: 0 auto; margin-top: 20px; max-width: 52.77778%; } @media (max-width: 1440px) { .o-section--bg-image-text--alt .c-heading-wrapper h2.u-a2 { max-width: 380px; } } .o-section--bg-image-text-no-mask .o-section__bg-wrapper { border: none; } .o-section--bg-image-text-alt { min-height: 420px; padding-top: 50px; padding-bottom: 50px; } @media (min-width: 480px) { .o-section--bg-image-text-alt { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--bg-image-text-alt { padding-top: 80px; } } @media (min-width: 480px) { .o-section--bg-image-text-alt { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--bg-image-text-alt { padding-bottom: 80px; } } .o-section--parallax { overflow: hidden; } .o-section--about-bio { position: relative; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .o-section--about-bio { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--about-bio { padding-top: 60px; } } @media (min-width: 480px) { .o-section--about-bio { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--about-bio { padding-bottom: 50px; } } .o-section--about-bio .c-quote-wrapper { padding-bottom: 50px; } @media (min-width: 480px) { .o-section--about-bio .c-quote-wrapper { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--about-bio .c-quote-wrapper { padding-bottom: 80px; } } .o-section--about-bio .c-article-wrapper { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .o-section--about-bio .c-article-wrapper { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--about-bio .c-article-wrapper { padding-top: 60px; } } @media (min-width: 480px) { .o-section--about-bio .c-article-wrapper { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--about-bio .c-article-wrapper { padding-bottom: 60px; } } .o-section--about-bio .c-inline-image-wrapper { padding-bottom: 50px; } @media (min-width: 480px) { .o-section--about-bio .c-inline-image-wrapper { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--about-bio .c-inline-image-wrapper { padding-bottom: 80px; } } .o-section--about-bio .c-inline-image-wrapper .u-media-wrapper--16-9 { padding-bottom: 56.25%; } @media (max-width: 800px) { .o-section--about-bio .c-quote--detailed { margin-right: 0; } } .o-section--about-intro-top { position: relative; padding-top: 80px; padding-bottom: 80px; z-index: 2; } @media (min-width: 480px) { .o-section--about-intro-top { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .o-section--about-intro-top { padding-top: 140px; } } @media (min-width: 480px) { .o-section--about-intro-top { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .o-section--about-intro-top { padding-bottom: 140px; } } .o-section--about-intro-bottom { padding-top: 60px; padding-bottom: 40px; } @media (min-width: 480px) { .o-section--about-intro-bottom { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--about-intro-bottom { padding-top: 100px; } } @media (min-width: 480px) { .o-section--about-intro-bottom { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--about-intro-bottom { padding-bottom: 60px; } } .o-section--about-vision { padding-bottom: 50px; } @media (min-width: 480px) { .o-section--about-vision { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--about-vision { padding-bottom: 80px; } } @media (max-width: 800px) { .o-section--about-vision { padding-bottom: 0; } } .o-section--about-vision .c-article-wrapper--2-column { padding-top: 40px; } @media (min-width: 480px) { .o-section--about-vision .c-article-wrapper--2-column { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--about-vision .c-article-wrapper--2-column { padding-top: 60px; } } .o-section--about-present-future { overflow: hidden; padding-top: 60px; padding-bottom: 50px; } @media (min-width: 480px) { .o-section--about-present-future { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--about-present-future { padding-top: 100px; } } @media (min-width: 480px) { .o-section--about-present-future { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--about-present-future { padding-bottom: 80px; } } .o-section--about-quote-image .o-section__content { padding-top: 40px; padding-bottom: 80px; } @media (min-width: 480px) { .o-section--about-quote-image .o-section__content { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--about-quote-image .o-section__content { padding-top: 60px; } } @media (min-width: 480px) { .o-section--about-quote-image .o-section__content { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .o-section--about-quote-image .o-section__content { padding-bottom: 140px; } } .o-section--contact, .o-section--sales-enquiry { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .o-section--contact, .o-section--sales-enquiry { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--contact, .o-section--sales-enquiry { padding-top: 60px; } } @media (min-width: 480px) { .o-section--contact, .o-section--sales-enquiry { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--contact, .o-section--sales-enquiry { padding-bottom: 60px; } } .o-section--factory-tours-highlights { padding-top: 60px; padding-bottom: 40px; overflow: hidden; } @media (min-width: 480px) { .o-section--factory-tours-highlights { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--factory-tours-highlights { padding-top: 100px; } } @media (min-width: 480px) { .o-section--factory-tours-highlights { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--factory-tours-highlights { padding-bottom: 50px; } } .o-section--factory-tours-packages { padding-top: 40px; padding-bottom: 40px; overflow: hidden; } @media (min-width: 480px) { .o-section--factory-tours-packages { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--factory-tours-packages { padding-top: 50px; } } @media (min-width: 480px) { .o-section--factory-tours-packages { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--factory-tours-packages { padding-bottom: 50px; } } .o-section--factory-tours-faq { padding-top: 40px; padding-bottom: 40px; overflow: hidden; } @media (min-width: 480px) { .o-section--factory-tours-faq { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--factory-tours-faq { padding-top: 50px; } } @media (min-width: 480px) { .o-section--factory-tours-faq { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--factory-tours-faq { padding-bottom: 50px; } } .o-section--factory-tours-faq .o-section__heading { padding-bottom: 0; } .o-section--careers-highlights { overflow: hidden; } .o-section--careers-highlights .c-horizontal-scroller-wrapper { padding-top: 50px; } @media (min-width: 480px) { .o-section--careers-highlights .c-horizontal-scroller-wrapper { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--careers-highlights .c-horizontal-scroller-wrapper { padding-top: 80px; } } .o-section--careers-highlights .c-horizontal-scroller__item .c-image-with-caption { background-color: transparent; } .o-section--careers-highlights .c-image-with-caption__caption-text { color: var(--text-color); } .o-section--careers-highlights h4 { padding-top: 60px; } @media (min-width: 480px) { .o-section--careers-highlights h4 { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--careers-highlights h4 { padding-top: 100px; } } .o-section--retailer-map .o-section__content { padding: 0; } .o-section--careers-intro { padding-top: 60px; padding-bottom: 50px; } @media (min-width: 480px) { .o-section--careers-intro { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--careers-intro { padding-top: 100px; } } @media (min-width: 480px) { .o-section--careers-intro { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--careers-intro { padding-bottom: 80px; } } @media (max-width: 480px) { .o-section--careers-intro { padding-bottom: 0; } .o-section--careers-intro .o-container--narrow { padding: 0; } } .o-section--careers-category-intro { padding-top: 60px; } @media (min-width: 480px) { .o-section--careers-category-intro { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--careers-category-intro { padding-top: 100px; } } @media (max-width: 480px) { .o-section--careers-category-intro { padding-bottom: 0; } .o-section--careers-category-intro .o-container--narrow { padding: 0; } } .o-section--careers-content { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .o-section--careers-content { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--careers-content { padding-top: 50px; } } @media (min-width: 480px) { .o-section--careers-content { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--careers-content { padding-bottom: 50px; } } @media (max-width: 800px) { .o-section--careers-content .c-image-text-block-wrapper { margin-left: 0; margin-right: 0; } } .o-section--careers-search { padding-top: 60px; } @media (min-width: 480px) { .o-section--careers-search { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--careers-search { padding-top: 100px; } } .o-section--careers-croatia { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .o-section--careers-croatia { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--careers-croatia { padding-top: 50px; } } @media (min-width: 480px) { .o-section--careers-croatia { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--careers-croatia { padding-bottom: 60px; } } .o-section--careers-croatia .o-section__content { padding-bottom: 0; } .o-section--careers-cta .o-section__heading { border-top: 1px solid #a7b7bf; padding-top: 80px; padding-bottom: 120px; } @media (min-width: 480px) { .o-section--careers-cta .o-section__heading { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .o-section--careers-cta .o-section__heading { padding-top: 140px; } } @media (min-width: 480px) { .o-section--careers-cta .o-section__heading { padding-bottom: calc(8.33333vw + 80px); } } @media (min-width: 1440px) { .o-section--careers-cta .o-section__heading { padding-bottom: 200px; } } .o-section--careers-cta .o-section__heading .c-article { max-width: 37.87879%; margin: 0 auto; } @media (max-width: 1140px) { .o-section--careers-cta .o-section__heading .c-article { max-width: 500px; } } .o-section--careers-cta .o-section__heading .c-link { text-decoration: underline; } .o-section--careers-cta .o-section__heading .c-link:hover { text-decoration: none; } .o-section--careers-cta.no-border .o-section__heading { border-top: none; } .o-section--careers-quote-image { padding-top: 40px; padding-bottom: 60px; } @media (min-width: 480px) { .o-section--careers-quote-image { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--careers-quote-image { padding-top: 60px; } } @media (min-width: 480px) { .o-section--careers-quote-image { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--careers-quote-image { padding-bottom: 100px; } } .o-section--careers-quote-image .u-a3 { max-width: 320px; padding-bottom: 30px; } @media (min-width: 480px) { .o-section--careers-quote-image .u-a3 { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .o-section--careers-quote-image .u-a3 { padding-bottom: 40px; } } .o-section--careers-quote-image .c-article:first-of-type { padding-bottom: 40px; } @media (min-width: 480px) { .o-section--careers-quote-image .c-article:first-of-type { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--careers-quote-image .c-article:first-of-type { padding-bottom: 50px; } } .o-section--careers-quote-image .c-article:first-of-type .u-a3 { margin-bottom: 0; padding-bottom: 10px; } @media (min-width: 480px) { .o-section--careers-quote-image .c-article:first-of-type .u-a3 { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .o-section--careers-quote-image .c-article:first-of-type .u-a3 { padding-bottom: 20px; } } .o-section--careers-quote-image .o-section__content { padding-top: 0; } .o-section--development-content { color: #001217; } .o-section--latest-media { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 480px) { .o-section--latest-media { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--latest-media { padding-top: 80px; } } @media (min-width: 480px) { .o-section--latest-media { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--latest-media { padding-bottom: 80px; } } .o-section--related-content { padding-top: 50px; padding-bottom: 80px; } @media (min-width: 480px) { .o-section--related-content { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--related-content { padding-top: 80px; } } @media (min-width: 480px) { .o-section--related-content { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .o-section--related-content { padding-bottom: 140px; } } .o-section--media-press-newsletter { padding-top: 30px; padding-bottom: 30px; } .o-section--general-inquiries { padding-bottom: 60px; } @media (min-width: 480px) { .o-section--general-inquiries { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--general-inquiries { padding-bottom: 100px; } } .o-section--latest-photo-video { padding-top: 50px; padding-bottom: 40px; } @media (min-width: 480px) { .o-section--latest-photo-video { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--latest-photo-video { padding-top: 80px; } } @media (min-width: 480px) { .o-section--latest-photo-video { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--latest-photo-video { padding-bottom: 50px; } } .o-section--photo-video-list .c-photo-video-list__articles { padding-top: 50px; } @media (min-width: 480px) { .o-section--photo-video-list .c-photo-video-list__articles { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--photo-video-list .c-photo-video-list__articles { padding-top: 80px; } } .o-section--photo-video-list .c-photo-video-grid__wrapper.is-news-grid { background-color: transparent; } .o-section--scrolling-section-reveal { position: relative; z-index: 1; } .o-section--in-house-production { position: relative; z-index: 2; padding-top: 60px; padding-bottom: 30px; overflow: hidden; } @media (min-width: 480px) { .o-section--in-house-production { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--in-house-production { padding-top: 100px; } } @media (min-width: 480px) { .o-section--in-house-production { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .o-section--in-house-production { padding-bottom: 40px; } } .o-section--in-house-production .c-heading .u-b2, .o-section--in-house-production .c-heading .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .o-section--in-house-production .c-heading p.c-development-statistics__subtitle { max-width: 420px; margin: 0 auto; } .o-section--in-house-production .c-custom-video-player { margin-bottom: 60px; } @media (min-width: 480px) { .o-section--in-house-production .c-custom-video-player { margin-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--in-house-production .c-custom-video-player { margin-bottom: 100px; } } .o-section--in-house-production .c-image-with-caption__caption-text { color: #ffffff; } .o-section--in-house-production .c-image-with-caption__caption-text .u-a1 { margin-bottom: 0.4em; color: #ffffff; } .o-section--layered-scroll { position: relative; overflow: hidden; } .o-section--technology-engineering-intro { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .o-section--technology-engineering-intro .o-section__heading { padding-top: 40px; padding-bottom: 40px; max-width: 63.63636%; margin: 0 auto; } @media (min-width: 480px) { .o-section--technology-engineering-intro .o-section__heading { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--technology-engineering-intro .o-section__heading { padding-top: 60px; } } @media (min-width: 480px) { .o-section--technology-engineering-intro .o-section__heading { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--technology-engineering-intro .o-section__heading { padding-bottom: 60px; } } .o-section--technology-engineering-intro .o-section__content { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .o-section--technology-engineering-intro .o-section__content { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--technology-engineering-intro .o-section__content { padding-top: 60px; } } @media (min-width: 480px) { .o-section--technology-engineering-intro .o-section__content { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--technology-engineering-intro .o-section__content { padding-bottom: 60px; } } .o-section--technology-engineering-intro .c-section-heading .u-b2, .o-section--technology-engineering-intro .c-section-heading .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .o-section--technology-engineering-intro .c-section-heading p.c-development-statistics__subtitle { max-width: 500px; margin: 0 auto; } .o-section--technology-categories { padding-top: 40px; overflow: hidden; } @media (min-width: 480px) { .o-section--technology-categories { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--technology-categories { padding-top: 50px; } } .o-section--technology-mass-production { overflow: hidden; } .o-section--technology-mass-production .o-section__content { padding-top: 10px; } @media (min-width: 480px) { .o-section--technology-mass-production .o-section__content { padding-top: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .o-section--technology-mass-production .o-section__content { padding-top: 20px; } } .o-section--technology-categories-list { padding-bottom: 50px; } @media (min-width: 480px) { .o-section--technology-categories-list { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--technology-categories-list { padding-bottom: 80px; } } .o-section--technology-intro { padding-top: 60px; padding-bottom: 40px; color: var(--text-color); } @media (min-width: 480px) { .o-section--technology-intro { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--technology-intro { padding-top: 100px; } } @media (min-width: 480px) { .o-section--technology-intro { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--technology-intro { padding-bottom: 50px; } } .o-section--technology-intro .c-article--wysiwyg { color: inherit; } .o-section--technology-single-content { min-height: 100vh; overflow: hidden; } .o-section--technology-single-content .o-container { height: 100%; position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .o-section--technology-single-content .o-section__content { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: auto; padding-top: 80px; padding-bottom: 0; } @media (min-width: 480px) { .o-section--technology-single-content .o-section__content { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .o-section--technology-single-content .o-section__content { padding-top: 140px; } } @media (max-width: 800px) { .o-section--technology-single-content .o-section__content { height: auto; } } .o-section--technology-single-content .o-section__content-top .c-article { margin-left: 0; margin-right: auto; max-width: 21.73913%; } @media (max-width: 1440px) { .o-section--technology-single-content .o-section__content-top .c-article { max-width: 320px; } } .o-section--technology-single-content .o-section__content-top .c-article p { color: #667275; max-width: 100%; font-weight: normal; letter-spacing: 0.4px; font-style: normal; font-size: 15px; line-height: 21px; } @media (max-width: 1440px) { .o-section--technology-single-content .o-section__content-top .c-article p { font-size: 13px; line-height: 18px; max-width: 260px; } } @media (max-width: 800px) { .o-section--technology-single-content .o-section__content-top .c-article p { max-width: 320px; } } .o-section--technology-single-content .o-section__content-top .c-button-wrapper { padding-top: 30px; } .o-section--technology-single-content .o-section__content-bottom { padding-top: 50px; padding-bottom: 40px; } @media (min-width: 480px) { .o-section--technology-single-content .o-section__content-bottom { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--technology-single-content .o-section__content-bottom { padding-top: 80px; } } @media (min-width: 480px) { .o-section--technology-single-content .o-section__content-bottom { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--technology-single-content .o-section__content-bottom { padding-bottom: 50px; } } .is-dark .o-section--technology-single-content { color: #001217; } @media (max-width: 800px) { .o-section--technology-single-content.o-section--full { min-height: 100vh; height: auto; overflow: auto; } } .o-section--development-single-content .u-content-editor .wp-block-image, .o-section--careers-category-content .u-content-editor .wp-block-image { width: 100%; max-width: 83.33333%; padding-left: 4.16667%; padding-right: 4.16667%; min-width: 0; padding-bottom: 30px; } @media (max-width: 1440px) { .o-section--development-single-content .u-content-editor .wp-block-image, .o-section--careers-category-content .u-content-editor .wp-block-image { max-width: 1200px; } } @media (min-width: 480px) { .o-section--development-single-content .u-content-editor .wp-block-image, .o-section--careers-category-content .u-content-editor .wp-block-image { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .o-section--development-single-content .u-content-editor .wp-block-image, .o-section--careers-category-content .u-content-editor .wp-block-image { padding-bottom: 40px; } } .o-section--development-single-content .u-content-editor .wp-block-image .aligncenter, .o-section--careers-category-content .u-content-editor .wp-block-image .aligncenter { width: 100%; } .o-section--development-single-content .u-content-editor .wp-block-image.alignwide, .o-section--development-single-content .u-content-editor .wp-block-image.alignfull, .o-section--careers-category-content .u-content-editor .wp-block-image.alignwide, .o-section--careers-category-content .u-content-editor .wp-block-image.alignfull { width: 100%; max-width: 83.33333%; padding-left: 4.16667%; padding-right: 4.16667%; } @media (max-width: 1440px) { .o-section--development-single-content .u-content-editor .wp-block-image.alignwide, .o-section--development-single-content .u-content-editor .wp-block-image.alignfull, .o-section--careers-category-content .u-content-editor .wp-block-image.alignwide, .o-section--careers-category-content .u-content-editor .wp-block-image.alignfull { max-width: 1200px; } } .o-section--development-single-content .u-content-editor .wp-block-image.alignwide figcaption, .o-section--development-single-content .u-content-editor .wp-block-image.alignfull figcaption, .o-section--careers-category-content .u-content-editor .wp-block-image.alignwide figcaption, .o-section--careers-category-content .u-content-editor .wp-block-image.alignfull figcaption { width: 100%; max-width: 41.66667%; padding-left: 0; padding-right: 0; } @media (max-width: 800px) { .o-section--development-single-content .u-content-editor .wp-block-image.alignwide figcaption, .o-section--development-single-content .u-content-editor .wp-block-image.alignfull figcaption, .o-section--careers-category-content .u-content-editor .wp-block-image.alignwide figcaption, .o-section--careers-category-content .u-content-editor .wp-block-image.alignfull figcaption { max-width: 420px; } } .o-section--development-single-content .u-content-editor .wp-block-image img, .o-section--careers-category-content .u-content-editor .wp-block-image img { height: auto; } .o-section--development-single-content .u-content-editor figcaption, .o-section--careers-category-content .u-content-editor figcaption { padding-top: 5px; margin-left: 0; line-height: 1.2em; color: #667275; } .o-section--default .o-section__content { padding-bottom: 50px; } @media (min-width: 480px) { .o-section--default .o-section__content { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--default .o-section__content { padding-bottom: 80px; } } .o-section--open-positions { padding-bottom: 40px; } @media (min-width: 480px) { .o-section--open-positions { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .o-section--open-positions { padding-bottom: 50px; } } .o-section--open-positions.has-no-open-positions { padding-bottom: 80px; } @media (min-width: 480px) { .o-section--open-positions.has-no-open-positions { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .o-section--open-positions.has-no-open-positions { padding-bottom: 140px; } } .o-section--repository .o-container { min-height: 320px; } .o-section--latest-news.c-latest-news { padding-bottom: 80px; } @media (min-width: 480px) { .o-section--latest-news.c-latest-news { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .o-section--latest-news.c-latest-news { padding-bottom: 140px; } } .o-section--investor-relations { padding-top: 40px; padding-bottom: 50px; } @media (min-width: 480px) { .o-section--investor-relations { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .o-section--investor-relations { padding-top: 60px; } } @media (min-width: 480px) { .o-section--investor-relations { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .o-section--investor-relations { padding-bottom: 80px; } } .o-section--press-contact-cta { position: relative; z-index: 3; } .o-section--tech-spec { padding-bottom: 60px; } @media (min-width: 480px) { .o-section--tech-spec { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .o-section--tech-spec { padding-bottom: 100px; } } .o-section--nevera-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .o-section--nevera-intro .c-scrolling-reveal-bg { z-index: -1; width: 100%; } .o-section--nevera-intro .plyr__controls { display: none; } .o-section--nevera-intro .c-custom-video-player__time { display: none; } .o-section--nevera-intro .c-custom-video-player { height: 100%; width: 50%; position: absolute; top: 0; left: 0; -webkit-transition: width .3s ease, height .3s ease; transition: width .3s ease, height .3s ease; } @media screen and (orientation: portrait) { .o-section--nevera-intro .c-custom-video-player { height: 50%; width: 100%; top: 0; left: 0; } } .o-section--nevera-intro .c-custom-video-player:nth-child(2) { left: auto; right: 0; } @media screen and (orientation: portrait) { .o-section--nevera-intro .c-custom-video-player:nth-child(2) { height: 50%; width: 100%; top: auto; bottom: 0; } } .o-section--nevera-intro .c-custom-video-player.is-hover { width: 60%; } @media screen and (orientation: portrait) { .o-section--nevera-intro .c-custom-video-player.is-hover { width: 100%; height: 60%; } } .o-section--nevera-intro .c-custom-video-player.is-shrink { width: 40%; } @media screen and (orientation: portrait) { .o-section--nevera-intro .c-custom-video-player.is-shrink { width: 100%; height: 40%; } } .o-section--nevera-intro .c-custom-video-player [data-plyr="play"] { display: none !important; } .o-section--nevera-intro .c-custom-video-player__cover-image-wrapper { height: 100%; position: absolute; width: 100%; } .o-section--nevera-intro .c-custom-video-player__cover { padding-left: 25px; padding-bottom: 25px; } .o-section--nevera-intro video { -o-object-fit: cover; object-fit: cover; } .o-section--tour-options { overflow: hidden; } @media (max-width: 800px) { .o-section--tour-options .o-container { width: auto; padding: 0; } } /** * Components */ .c-loader { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-loader__lines { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; } .c-loader-line { display: inline-block; width: 45px; height: 2px; background-color: rgba(255, 255, 255, 0.1); margin: 0 3px; position: relative; } .c-loader-line i { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: left; transform-origin: left; background-color: #ffffff; -webkit-transform: scaleX(0); transform: scaleX(0); } .c-page-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0a222e; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; -webkit-transform: translateY(110%); transform: translateY(110%); } .c-page-overlay__before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0a222e; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; opacity: 0; visibility: hidden; } .c-cursor-wrapper { position: relative; } .c-cursor { position: fixed; width: 64px; height: 64px; top: -32px; left: -32px; z-index: 99; pointer-events: none; } .c-cursor__circle { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; border-radius: 100px; border: 1px solid #ffffff; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .is-cursor-visible .c-cursor__circle { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .c-cursor__label { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .is-cursor-visible .c-cursor__label { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .c-logo { display: inline-block; vertical-align: top; position: relative; pointer-events: all; } .c-logo svg { fill: currentColor; } .c-logo__full { display: -webkit-box; display: -ms-flexbox; display: flex; height: 49px; position: relative; } @media (max-width: 800px) { .c-logo__full { height: 49px; } } @media (max-width: 800px) { .c-logo__full .c-logo-sign { width: 40px; height: 49px; } } .c-logo--navigation .c-logo-text { opacity: 1; visibility: visible; position: absolute; top: 0; left: 100%; -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media (max-width: 600px) { .c-logo--navigation .c-logo-text { display: none; } } .has-scrolled .c-logo--navigation .c-logo-text { opacity: 0; visibility: hidden; -webkit-transform: translateY(-10px) rotateX(-5deg); transform: translateY(-10px) rotateX(-5deg); } .is-navigation-opened .c-logo--navigation .c-logo-text { opacity: 1; visibility: visible; -webkit-transform: translateY(0) rotateX(0deg); transform: translateY(0) rotateX(0deg); } .is-nevera-single .c-logo--navigation .c-logo-text { opacity: 0; visibility: hidden; -webkit-transform: translateY(-10px) rotateX(-5deg); transform: translateY(-10px) rotateX(-5deg); } .c-logo--small .c-logo__full { height: 49px; } .c-logo--small .c-logo-sign { width: 40px; height: 49px; } .c-logo--small .c-logo-text { width: 156px; height: 47px; margin-left: 10px; } .c-logo-sign { height: 39px; background-position: center; background-size: cover; background-repeat: no-repeat; } .c-logo-sign svg { height: 100%; width: auto; } .c-logo-text { height: 39px; margin-left: 9px; background-position: center; background-size: cover; } .c-logo-text svg { height: 100%; width: auto; } .c-page-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } .c-page-bg canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .is-gradient-invisible .c-page-bg canvas { display: none; } .c-page-bg__overlay { z-index: 2; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.75; position: absolute; background-color: #0d2936; display: none; } .c-page-bg__bg { z-index: 3; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: #ffffff; } .c-page-bg--dimmed .c-page-bg__bg { background-color: #f1f5f7; } .c-page-bg-change-trigger { display: block; width: 100%; } .c-navigation { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: cubic-bezier(0.455, 0.03, 0.515, 0.955); } .c-navigation__left { width: 48px; pointer-events: all; } .c-navigation__center .c-navigation__logo-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-top: -20px; } .c-navigation__center .c-navigation__logo-wrapper .u-b3 { margin-top: 15px; position: absolute; left: 0; top: 100%; width: 100%; text-align: center; } .c-navigation__center .u-b3 .page-template-retailer-map { -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .page-template-retailer-map.is-navigation-opened .c-navigation__center .u-b3 { opacity: 0; visibility: hidden; } @media (max-width: 480px) { .c-navigation__center .u-b3 { text-align: center; display: block; } } .c-navigation__center .u-b3.u-uppercase { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.25s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .has-scrolled .c-navigation__center .u-b3.u-uppercase, .is-navigation-opened .c-navigation__center .u-b3.u-uppercase { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .c-navigation__center .c-logo { width: 157px; vertical-align: middle; } .has-parent .c-navigation__center { opacity: 0; visibility: hidden; } .c-navigation__right { pointer-events: all; } .c-navigation__back-link { pointer-events: auto; cursor: pointer; } .c-navigation__back-link .u-icon { font-size: 11px; margin-right: 16px; } .is-dark .c-navigation { color: #001217; } .is-navigation-opened .is-dark .c-navigation { color: #ffffff; } .is-inpage-navigation-opened .c-navigation { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } .c-navigation__logo-wrapper { -webkit-transition: all 0.25s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .has-scrolled .c-navigation__logo-wrapper, .is-navigation-opened .c-navigation__logo-wrapper { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .c-hamburger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 56px; height: 38px; padding: 12px 8px 11px 8px; cursor: pointer; pointer-events: all; margin-right: -8px; position: relative; outline: none; border: none; background-color: transparent; color: currentColor; } .c-hamburger__label { position: absolute; top: 50%; right: 100%; padding: 0 10px; margin-top: -7px; color: currentColor; -webkit-transform: translateX(10px); transform: translateX(10px); opacity: 0; visibility: hidden; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media (max-width: 800px) { .c-hamburger__label { display: none; } } @media (max-width: 1440px) { .c-hamburger__label { margin-top: -5px; } } .is-opened .c-hamburger__label { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-hamburger__line { width: 100%; height: 1px; background-color: currentColor; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; position: relative; } .c-hamburger__line:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.25s 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.25s 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-hamburger__line--top:before { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .is-opened .c-hamburger__line--top { -webkit-transform: rotateZ(45deg) translate(1px, 8px) scaleX(0.8); transform: rotateZ(45deg) translate(1px, 8px) scaleX(0.8); } .c-hamburger__line--center:before { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .is-opened .c-hamburger__line--center { -webkit-transform: translateX(-200%) scaleX(1.2); transform: translateX(-200%) scaleX(1.2); } .c-hamburger__line--bottom:before { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .is-opened .c-hamburger__line--bottom { -webkit-transform: rotateZ(-45deg) translate(1px, -9px) scaleX(0.8); transform: rotateZ(-45deg) translate(1px, -9px) scaleX(0.8); } .c-hamburger:hover .c-hamburger__line { background-color: rgba(255, 255, 255, 0.5); } .c-hamburger:hover .c-hamburger__line:before { -webkit-transform: translateX(0%); transform: translateX(0%); } .c-hamburger.is-opened .c-hamburger__line--center { opacity: 0; } .c-hamburger.is-opened:hover .c-hamburger__line--center { -webkit-transform: translateX(-148%) scaleX(1); transform: translateX(-148%) scaleX(1); opacity: 1; visibility: visible; } @media (max-width: 800px) { .c-hamburger.is-opened:hover .c-hamburger__line--center { opacity: 0; visibility: visible; } } .c-hamburger.has-no-interaction { pointer-events: none; } .c-navigation-menu-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; opacity: 0; visibility: hidden; overflow: hidden; } .is-navigation-opened .c-navigation-menu-wrapper { opacity: 1; visibility: visible; } .c-navigation-menu-wrapper .o-container { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: auto; /* mobile landscape */ } @media (max-width: 800px) { .c-navigation-menu-wrapper .o-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 800px) { .c-navigation-menu-wrapper .o-container { height: 100%; display: block; overflow: auto; } } .c-navigation-menu { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0a222e; opacity: 0; visibility: hidden; background-position: center; background-size: cover; -webkit-transform-origin: bottom; transform-origin: bottom; } .c-navigation-menu__bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-navigation-menu__bg canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none; } .is-navigation-opened .c-navigation-menu__bg canvas { display: block; } .c-navigation-menu__menu { padding-top: 40px; padding-bottom: 40px; width: 100%; max-width: 480px; margin: 0 auto; position: relative; z-index: 2; } @media (min-width: 480px) { .c-navigation-menu__menu { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-navigation-menu__menu { padding-top: 50px; } } @media (min-width: 480px) { .c-navigation-menu__menu { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-navigation-menu__menu { padding-bottom: 50px; } } @media (max-width: 800px) { .c-navigation-menu__menu { padding-top: 120px; padding-bottom: 80px; } } .c-navigation-menu__menu .c-menu { display: inline-block; -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .c-navigation-menu__menu .c-menu .c-link { letter-spacing: 1.6px; font-family: "TTSupermolotNeue", sans-serif; font-variation-settings: "wght" 400, "slnt" 0; padding: 10px; color: #ffffff; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; line-height: 22px; } @media (max-width: 1440px) { .c-navigation-menu__menu .c-menu .c-link { font-size: 15px; line-height: 18px; } } .c-navigation-menu__images { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .c-navigation-menu__images:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 18, 23, 0.6); } .c-menu-images { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-menu-images__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; visibility: hidden; } .c-menu-images__item:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 18, 23, 0.6); } .c-page-title span { display: block; width: 100%; text-align: center; } .c-inpage-navigation-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; opacity: 0; visibility: hidden; } .is-inpage-navigation-opened .c-inpage-navigation-wrapper { opacity: 1; visibility: visible; } .c-inpage-navigation-wrapper.has-no-interaction { pointer-events: none; } .c-inpage-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; height: 100%; padding: 40px 20px; } .c-inpage-navigation__links-wrapper { position: relative; } .c-inpage-navigation__links-item { padding: 2px 20px; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-inpage-navigation__links-item:hover .c-inpage-navigation-link__number { color: #ffffff; } .c-inpage-navigation__links-item:hover .c-inpage-navigation-link:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .c-inpage-navigation__links-item.is-blurred { opacity: 0.3; } .c-inpage-navigation-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#0a222e), color-stop(88.02%, rgba(10, 34, 46, 0.24)), to(rgba(10, 34, 46, 0))); background: linear-gradient(90deg, #0a222e 0%, rgba(10, 34, 46, 0.24) 88.02%, rgba(10, 34, 46, 0) 100%); z-index: 1; } @media (max-width: 600px) { .c-inpage-navigation-overlay { width: calc(100% - 52px); background-color: #0a222e; } } .c-inpage-navigation-close { position: absolute; z-index: 3; top: calc(50% - 19px); left: 100%; } .c-inpage-navigation-close:hover .c-close-button { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0.5; } .c-big-menu__item { margin-bottom: 0; } @media (max-width: 800px) { .c-big-menu__item { padding-left: 26px; } } .c-big-menu__item .c-big-link { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-big-menu__item:last-child .c-big-link { padding-bottom: 20px; } .c-menu__item:first-child .c-link { padding-top: 20px; } .c-header--media-press .c-menu__item:first-child .c-link, .c-footer .c-menu__item:first-child .c-link { padding-top: 10px; } .c-menu__item .c-link { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-menu__item .c-link .u-icon { font-size: 1.45455em; } .c-menu__item .c-link:hover { color: #ffffff; } .c-menu__item .c-link.is-blurred { color: rgba(255, 255, 255, 0.3); -webkit-transform: translateX(10px); transform: translateX(10px); } .c-menu--inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 480px) { .c-menu--inline { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-menu--inline { padding-bottom: 40px; } } .c-menu--inline .c-link { padding-left: 20px; padding-right: 20px; } @media (max-width: 800px) { .c-menu--inline .c-link { padding-left: 10px; padding-right: 10px; } } .c-menu--inline .c-link.is-blurred { -webkit-transform: none; transform: none; } .c-menu--inpage-links { padding-top: 0; padding-bottom: 0; } .c-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: none; padding: 0; color: #ffffff; cursor: pointer; position: relative; font-family: "TTSupermolotNeue", sans-serif; font-variation-settings: "wght" 400, "slnt" 0; font-size: 13px; line-height: 15px; letter-spacing: 1.6px; text-transform: uppercase; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; outline: none; } @media (max-width: 1440px) { .c-button { font-size: 11px; line-height: 12px; letter-spacing: 1.8px; } } .c-button__inner { position: relative; padding-left: 30px; padding-right: 30px; min-height: 50px; min-width: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); z-index: 1; } @media (max-width: 1440px) { .c-button__inner { min-height: 40px; } } .u-full-width .c-button__inner { width: 100%; } .c-button:before, .c-button:after { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media (max-width: 1140px) { .c-button { min-width: 140px; } } .c-button__prepend { -webkit-transition: -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; z-index: 1; } .c-button__prepend svg g, .c-button__prepend svg path { -webkit-transition: fill 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: fill 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button__label { white-space: nowrap; margin: 0 10px; line-height: 1.2; } .c-button__label:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); content: ""; background-color: #ffffff; -webkit-transition: -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button__label-inner { position: relative; overflow: hidden; color: transparent; font-style: normal; } .c-button__label-inner:before { top: 0; left: 0; width: 100%; height: 100%; position: absolute; content: attr(title); opacity: 1; visibility: visible; color: #ffffff; -webkit-transition: all 0.25s 0s ease-in-out; transition: all 0.25s 0s ease-in-out; } .c-button__label-inner:after { top: 0; left: 0; width: 100%; height: 100%; position: absolute; content: attr(title); -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; color: #ffffff; visibility: hidden; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button:before, .c-button:after { content: ""; position: absolute; display: block; width: 100%; height: 1px; background-color: #ffffff; -webkit-transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: scaleX(0); transform: scaleX(0); z-index: 2; } .c-button:before { -webkit-transform-origin: left top; transform-origin: left top; left: 0; right: auto; top: 0; } .c-button:after { -webkit-transform-origin: right top; transform-origin: right top; right: 0; left: auto; bottom: 0; } @media (max-width: 800px) { .c-button .c-button__prepend { -webkit-transform: translateX(-5px); transform: translateX(-5px); -webkit-transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button .c-button__prepend svg g, .c-button .c-button__prepend svg path { fill: #001217; -webkit-transition: fill 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: fill 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button:before, .c-button:after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button .c-button__label:before { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button .c-button__label-inner:before { visibility: hidden; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button .c-button__label-inner:after { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #001217; } } .c-button:hover .c-button__prepend { -webkit-transform: translateX(-5px); transform: translateX(-5px); -webkit-transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button:hover .c-button__prepend svg g, .c-button:hover .c-button__prepend svg path { fill: #001217; -webkit-transition: fill 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: fill 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button:hover:before, .c-button:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button:hover .c-button__label:before { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button:hover .c-button__label-inner:before { visibility: hidden; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-button:hover .c-button__label-inner:after { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #001217; } .c-button--accent { color: #1da5f9; } .c-button--accent:before, .c-button--accent:after { background-color: #1da5f9; } @media (max-width: 800px) { .c-button--accent:after { background-color: #1da5f9; } .c-button--accent .c-button__label-inner:after { color: #ffffff; } } .c-button--accent:hover:after { background-color: #1da5f9; } .c-button--accent:hover .c-button__label-inner:after { color: #ffffff; } .c-button--accent .c-button__inner { border-color: rgba(29, 165, 249, 0.3); } .c-button--accent .c-button__label:before { background-color: #1da5f9; } .c-button--accent .c-button__label-inner:before { color: #1da5f9; } .c-button--play .c-button__prepend { -webkit-transform: translateX(-10px); transform: translateX(-10px); } @media (max-width: 800px) { .c-button--play .c-button__prepend { -webkit-transform: translateX(-5px); transform: translateX(-5px); } } .c-button--full { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color: #ffffff; } .c-button--full:before, .c-button--full:after { background-color: #ffffff; -webkit-transform: scaleY(1); transform: scaleY(1); } .c-button--full:hover { border-top: 1px solid rgba(29, 165, 249, 0.5); border-bottom: 1px solid rgba(29, 165, 249, 0.5); background-color: rgba(29, 165, 249, 0.5); } .c-button--full:hover:before, .c-button--full:hover:after { background-color: rgba(29, 165, 249, 0.5); } .c-button--cta { background-color: #1da5f9; } .c-button--cta:before, .c-button--cta:after { background-color: #1da5f9; -webkit-transform: scaleY(1); transform: scaleY(1); } @media (max-width: 800px) { .c-button--cta { background-color: rgba(29, 165, 249, 0.7); } .c-button--cta:before, .c-button--cta:after { background-color: rgba(29, 165, 249, 0.7); } } .c-button--cta:hover { background-color: rgba(29, 165, 249, 0.7); } .c-button--cta:hover:before, .c-button--cta:hover:after { background-color: rgba(29, 165, 249, 0.7); } .c-button--social { min-width: 60px; border-top: none; border-bottom: none; padding-left: 10px; padding-right: 10px; } @media (min-width: 480px) { .c-button--social { padding-left: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-button--social { padding-left: 20px; } } @media (min-width: 480px) { .c-button--social { padding-right: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-button--social { padding-right: 20px; } } .c-button--social .c-button__label { padding-top: 8px; padding-bottom: 8px; } .c-button--social .c-button__label:before { display: none; } .c-button--social .c-button__label .u-icon { font-size: 17px; color: #0d2936; } @media (max-width: 800px) { .c-button--social { border-top: none; border-bottom: none; } } .c-button--social:hover { border-top: none; border-bottom: none; } .c-button--social:hover .c-button__label .u-icon { color: #ffffff; } .c-button .u-icon--play { display: inline-block; vertical-align: top; font-size: 16px; } .c-button.is-disabled, .c-button:disabled { background: #a7b7bf; border-color: #a7b7bf; opacity: 0.5; } .c-button.is-disabled::before, .c-button.is-disabled::after, .c-button:disabled::before, .c-button:disabled::after { display: none; } .c-button.is-disabled .c-button__label::before, .c-button:disabled .c-button__label::before { display: none; } .c-button.is-disabled .c-button__label-inner::before, .c-button:disabled .c-button__label-inner::before { display: none; } .c-play-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; min-height: 36px; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-play-button:after { content: ""; position: absolute; width: 100%; left: 0; height: 100%; bottom: 0; z-index: 0; background-color: #1da5f9; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-play-button svg { position: relative; z-index: 2; } .c-play-button .c-custom-video-player__play { position: relative; z-index: 2; } @media (max-width: 800px) { .c-play-button { border-color: #1da5f9 !important; background-color: #1da5f9; color: #ffffff; } .c-play-button:after { -webkit-transform: scaleY(1); transform: scaleY(1); } } .c-play-button:hover { border-color: #1da5f9 !important; background-color: #1da5f9; color: #ffffff; } .c-play-button:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); } .c-close-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; width: 56px; height: 38px; cursor: pointer; -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .c-close-button__line { width: 100%; height: 1px; background-color: currentColor; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: block; margin: 5px 0; } .c-close-button__line--top { -webkit-transform: rotateZ(45deg) translate(0, 7px) scaleX(0.8); transform: rotateZ(45deg) translate(0, 7px) scaleX(0.8); } .c-close-button__line--bottom { -webkit-transform: rotateZ(-45deg) translate(1px, -8px) scaleX(0.8); transform: rotateZ(-45deg) translate(1px, -8px) scaleX(0.8); } .c-download-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; cursor: pointer; } .c-download-button__label .u-icon { margin-left: 20px; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-download-button__append { padding-top: 5px; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-download-button:hover .u-icon { color: #1da5f9; } .c-download-button:hover .c-download-button__append { color: #1da5f9; } .ss-main { position: relative; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #666666; width: 100%; } .ss-main .ss-single-selected { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; width: 100%; height: 30px; padding: 6px; border: 1px solid #dcdee2; border-radius: 4px; background-color: #ffffff; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color .2s; transition: background-color .2s; } .ss-main .ss-single-selected.ss-disabled { background-color: #dcdee2; cursor: not-allowed; } .ss-main .ss-single-selected.ss-open-above { border-top-left-radius: 0px; border-top-right-radius: 0px; } .ss-main .ss-single-selected.ss-open-below { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ss-main .ss-single-selected .placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; width: calc(100% - 30px); line-height: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ss-main .ss-single-selected .placeholder * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; } .ss-main .ss-single-selected .placeholder .ss-disabled { color: #dedede; } .ss-main .ss-single-selected .ss-deselect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 6px 0 6px; font-weight: bold; } .ss-main .ss-single-selected .ss-deselect.ss-hide { display: none; } .ss-main .ss-single-selected .ss-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 6px 0 6px; } .ss-main .ss-single-selected .ss-arrow span { border: solid #666666; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; -webkit-transition: margin .2s, -webkit-transform .2s; transition: margin .2s, -webkit-transform .2s; transition: transform .2s, margin .2s; transition: transform .2s, margin .2s, -webkit-transform .2s; } .ss-main .ss-single-selected .ss-arrow span.arrow-up { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin: 3px 0 0 0; } .ss-main .ss-single-selected .ss-arrow span.arrow-down { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -3px 0 0 0; } .ss-main .ss-multi-selected { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; cursor: pointer; min-height: 30px; width: 100%; padding: 0 0 0 3px; border: 1px solid #dcdee2; border-radius: 4px; background-color: #ffffff; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color .2s; transition: background-color .2s; } .ss-main .ss-multi-selected.ss-disabled { background-color: #dcdee2; cursor: not-allowed; } .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled { color: #666666; } .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete { cursor: not-allowed; } .ss-main .ss-multi-selected.ss-open-above { border-top-left-radius: 0px; border-top-right-radius: 0px; } .ss-main .ss-multi-selected.ss-open-below { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ss-main .ss-multi-selected .ss-values { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: calc(100% - 30px); } .ss-main .ss-multi-selected .ss-values .ss-disabled { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px 5px; margin: 2px 0px; line-height: 1em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: #dedede; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @-webkit-keyframes scaleIn { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scaleIn { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes scaleOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } @keyframes scaleOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } .ss-main .ss-multi-selected .ss-values .ss-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 3px 5px; margin: 3px 5px 3px 0px; color: #ffffff; background-color: #001217; border-radius: 4px; -webkit-animation-name: scaleIn; animation-name: scaleIn; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ss-main .ss-multi-selected .ss-values .ss-value.ss-out { -webkit-animation-name: scaleOut; animation-name: scaleOut; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete { margin: 0 0 0 5px; cursor: pointer; } .ss-main .ss-multi-selected .ss-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 3px; flex: 0 1 3px; margin: 9px 12px 0 5px; } .ss-main .ss-multi-selected .ss-add .ss-plus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #666666; position: relative; height: 10px; width: 2px; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .ss-main .ss-multi-selected .ss-add .ss-plus:after { background: #666666; content: ""; position: absolute; height: 2px; width: 10px; left: -4px; top: 4px; } .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ss-content { position: absolute; width: 100%; margin: -1px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 1px #dcdee2; z-index: 1010; background-color: #ffffff; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, -webkit-transform .2s; transition: transform .2s, opacity .2s; transition: transform .2s, opacity .2s, -webkit-transform .2s; opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } .ss-content.ss-open { display: block; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .ss-content .ss-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 8px 8px 6px 8px; } .ss-content .ss-search.ss-hide { height: 0px; opacity: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .ss-content .ss-search.ss-hide input { height: 0px; opacity: 0; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .ss-content .ss-search input { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: inherit; line-height: inherit; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; min-width: 0px; height: 30px; padding: 6px 8px; margin: 0; border: 1px solid #dcdee2; border-radius: 4px; background-color: #ffffff; outline: 0; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: textfield; } .ss-content .ss-search input::-webkit-input-placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input::-moz-placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input:-ms-input-placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input::-ms-input-placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input::placeholder { color: #8a8a8a; vertical-align: middle; } .ss-content .ss-search input:focus { -webkit-box-shadow: 0 0 5px #001217; box-shadow: 0 0 5px #001217; } .ss-content .ss-search .ss-addable { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 22px; font-weight: bold; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; height: 30px; margin: 0 0 0 8px; border: 1px solid #dcdee2; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ss-content .ss-addable { padding-top: 0px; } .ss-content .ss-list { max-height: 200px; overflow-x: hidden; overflow-y: auto; text-align: left; } .ss-content .ss-list .ss-optgroup .ss-optgroup-label { padding: 6px 10px 6px 10px; font-weight: bold; } .ss-content .ss-list .ss-optgroup .ss-option { padding: 6px 6px 6px 25px; } .ss-content .ss-list .ss-optgroup-label-selectable { cursor: pointer; } .ss-content .ss-list .ss-optgroup-label-selectable:hover { color: #ffffff; background-color: #001217; } .ss-content .ss-list .ss-option { padding: 6px 10px 6px 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ss-content .ss-list .ss-option * { display: inline-block; } .ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted { color: #ffffff; background-color: #001217; } .ss-content .ss-list .ss-option.ss-disabled { cursor: not-allowed; color: #dedede; background-color: #ffffff; } .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected { color: #666666; background-color: rgba(0, 18, 23, 0.1); } .ss-content .ss-list .ss-option.ss-hide { display: none; } .ss-content .ss-list .ss-option .ss-search-highlight { background-color: #fffb8c; } /* * B-forms * Custom form styles and resets * usage: form.c-form */ .c-form-wrapper { padding-top: 40px; } @media (min-width: 480px) { .c-form-wrapper { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-form-wrapper { padding-top: 60px; } } .c-form-wrapper--factory-tours .c-form__select { margin-top: 27px; } .c-form-wrapper--factory-tours .c-form__input-date-time .c-form__select { margin-top: 0; } .c-form { display: block; width: 100%; /** * Fieldset * usage: .c-form__fieldset */ /** * Label and legend * usage: .c-form__label * usage: .c-form__legend */ /** * Input resets and styling * 1. Reset display and dimensions for all browsers. * 2. Reset and define spacing for all browsers * 3. Reset background and border for all browsers * 4. Make font properties consistent in IE and Safari with other browsers * 5. Add transitions on input * 6. Remove platform specific default styling for inputs like search * 7. Hover state * 8. Focus state - disable outline and enable border for better design * 9. Disabled state * usage: .c-form__input */ /** * Remove resizing option from textarea * Add height or min height to textarea * Needs to be combined with .c-form__input for reset * usage: .c-form__input .c-form__input--textarea */ /** * Cross browser, IE11 range slider * 1. IE reset font size * 2. Chrome, Opera, Safari, Edge * 3. Center thumb in webkit browsers * 4. Firefox * 5. IE * 6. Hover state * 7. Focus state * 8. Disabled state * usage: .c-form__range-input */ /** * Checkbox and radio common style * 1. Hide default HTML input * 2. Single checkbox wrapper * 3. Single radio wrapper * 4. Reset line height on fake checkbox and radio */ /* 1 */ /* 2 */ /* 3 */ /* 4 */ /** * Custom checkbox * 1. Custom checkbox holder * 2. Custom checkbox checked indicator * 3. Svg is integrated inside content, icon and color can be change thru settings. * If you need IE11 support use colored png or svg integrated with base64. * 4. Hover state * 5. Focus state * 6. Checked state - size of the indicator can be controlled with scale ratio * 7. Disabled state * 8. Different checkbox indicator color for disabled state, can be changed thru settings */ /** * Custom radio * 1. Custom radio holder * 2. Custom radio checked indicator * 3. Hover state * 4. Focus state * 5. Checked state - size of the indicator can be controlled with scale ratio * 6. Disabled state */ /** * File upload * 1. Hide default HTML input * 2. Focus state * 3. Disabled state * 4. Label element - element that represents the fake file input * 5. Hover state * 6. Placeholder element - element that represents the placeholder before any actions are done * equivalent to placeholders on inputs * 7. File info element - element that represents the state after actions are done * Contains all informations about file (name and color) and cancel button for the action * 8. Cancel element - style of the cancel button for the current action * 9. Reset cancel element svg style so it can inherit all properties from parent */ /* 4 */ /* 6 */ /* 7 */ /* 8 */ } .c-form__header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } @media (min-width: 480px) { .c-form__header { margin-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-form__header { margin-bottom: 60px; } } .c-form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; } @media (max-width: 800px) { .c-form__row { margin-right: -15px; } } @media (max-width: 480px) { .c-form__row { margin-right: 0; } } .c-form__row .c-form__label { width: 100%; } .c-form__row-label { display: block; width: 100%; margin-bottom: 20px; } @media (min-width: 480px) { .c-form__row-label { margin-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-form__row-label { margin-bottom: 30px; } } .c-form__footer { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 480px) { .c-form__footer .c-button { width: 100%; } } @media (max-width: 480px) { .c-form__footer .c-button__inner { width: 100%; } } .c-form__input-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-form__input-group-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 33.33%; -ms-flex-preferred-size: 0; flex-basis: 0; margin-left: -1px; position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .c-form__input-group-item { min-width: 130px; margin-bottom: 30px; } } .c-form__input-group-item:hover { z-index: 2; } .c-form__input-group-item label { padding-bottom: 5px; display: block; } .c-form__input-group-item .c-form__input { margin-top: auto; } @media (max-width: 480px) { .c-form__input-group-item.kids { margin-top: 20px; } } .has-no-children .c-form__input-group-item.kids { display: none !important; } .has-no-children .c-form__input-group-item.juniors { display: none !important; } .c-form__fieldset { padding: 0; margin: 0 0 3.75rem 0; border-width: 0; padding-right: 30px; position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 800px) { .c-form__fieldset { padding-right: 15px; } } @media (max-width: 480px) { .c-form__fieldset { padding-right: 0; margin-bottom: 25px; } } @media (max-width: 800px) { .c-form__fieldset--no-spacing { margin-bottom: 0; } .c-form__fieldset--no-spacing .wpcf7-form-control-wrap { padding-bottom: 30px; } } .c-form__fieldset--1-4 { width: 25%; } @media (max-width: 800px) { .c-form__fieldset--1-4 { width: 50%; } } @media (max-width: 480px) { .c-form__fieldset--1-4 { width: 100%; } } .c-form__fieldset--1-4 .c-form__label { margin-bottom: 0; } .c-form__fieldset--1-2 { width: 50%; } @media (max-width: 800px) { .c-form__fieldset--1-2 { width: 100%; } } .c-form__label { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .c-form__label, .c-form__legend { display: block; margin: 0 0 0.625rem 0; color: #ffffff; cursor: pointer; } .c-media-press-newsletter .c-form__label, .c-media-press-newsletter .c-form__legend { color: inherit; } .c-form__input { /* 1 */ display: block; width: 100%; height: 2.5rem; /* 2 */ padding: 0; margin: 0; /* 3 */ border-style: solid; border-width: 0 0 1px 0; border-color: #445966; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; outline: none; /* 4 */ color: #ffffff; font-family: sans-serif; font-weight: normal; letter-spacing: normal; font-size: 15px; line-height: 21px; /* 5 */ -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); /* 6 */ -webkit-appearance: none; -moz-appearance: none; /* 7 */ /* 8 */ /* 9 */ /** * Input placeholders * 1. Chrome, Firefox, Opera, Safari 10.1+ * 2. Firefox needs opacity reset * 3. Internet Explorer 10-11 * 4. Microsoft Edge * 5. Disabled placeholder color */ /* 1 */ /* 3 */ /* 4 */ /* 5 */ } @media (max-width: 1440px) { .c-form__input { font-size: 13px; line-height: 18px; } } .c-form__input:hover { outline: 0; border-color: #1da5f9; } .c-form__input:focus { outline: 0; border-color: #1da5f9; background-color: transparent; } .c-form__input:disabled { outline: 0; border-color: rgba(68, 89, 102, 0.8); } .c-form__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); /* 2 */ opacity: 1; } .c-form__input::-moz-placeholder { color: rgba(255, 255, 255, 0.3); /* 2 */ opacity: 1; } .c-form__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); /* 2 */ opacity: 1; } .c-form__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); /* 2 */ opacity: 1; } .c-form__input::placeholder { color: rgba(255, 255, 255, 0.3); /* 2 */ opacity: 1; } .c-form__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } .c-form__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } .c-form__input:disabled::-webkit-input-placeholder { color: #d9d9d9; opacity: 1; } .c-form__input:disabled::-moz-placeholder { color: #d9d9d9; opacity: 1; } .c-form__input:disabled:-ms-input-placeholder { color: #d9d9d9; opacity: 1; } .c-form__input:disabled::-ms-input-placeholder { color: #d9d9d9; opacity: 1; } .c-form__input:disabled::placeholder { color: #d9d9d9; opacity: 1; } .c-form__input:disabled:-ms-input-placeholder { color: #d9d9d9; } .c-form__input:disabled::-ms-input-placeholder { color: #d9d9d9; } .c-form__input--all-borders { border-width: 1px 1px 1px 1px; } .is-invalid .c-form__input { border-color: #ff0000; } .c-form__input-date-time { width: 100%; } .c-form__input-date-time .c-form__fieldset { width: 100%; } .c-form__error { font-size: 10px; text-align: right; display: inline-block; color: #ff0000; position: absolute; top: 100%; right: 0; padding-top: 5px; opacity: 0; visibility: hidden; padding-right: 30px; } .is-invalid .c-form__error { opacity: 1; visibility: visible; } .c-form__input--textarea { resize: none; min-height: auto; height: 4.5rem; padding: 0.9375rem 0; } .c-form__range-input { -webkit-appearance: none; display: block; margin: 0; padding: 0 0.625rem; width: 100%; height: 2.5rem; border: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; outline: none; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); cursor: pointer; /* 1 */ font-size: 1em; /* 2 */ /* 4 */ /* 5 */ /* 6 */ /* 7 */ /* 8 */ } .c-form__range-input::-webkit-slider-runnable-track { -webkit-appearance: none; height: 2px; background: #d2d2d2; border-radius: 0; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-form__range-input::-webkit-slider-thumb { border-radius: 0; -webkit-appearance: none; position: relative; /* 3 */ margin-top: calc((-0.625rem / 2) + (2px / 2)); border: none; width: 0.625rem; height: 0.625rem; background: #000000; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-form__range-input::-moz-range-track { border: none; height: 2px; background: #d2d2d2; border-radius: 0; -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-form__range-input::-moz-range-thumb { border-radius: 0; border: none; width: 0.625rem; height: 0.625rem; cursor: pointer; background: #000000; margin: 0; -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-form__range-input::-moz-range-progress { background: none; } .c-form__range-input::-ms-track { border: none; height: 2px; background: #d2d2d2; border-radius: 0; color: transparent; -ms-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-form__range-input::-ms-thumb { border-radius: 0; border: none; width: 0.625rem; height: 0.625rem; background: #000000; margin: 0; -ms-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-form__range-input::-ms-fill-lower, .c-form__range-input::-ms-fill-upper { background: none; } .c-form__range-input::-ms-tooltip { display: none; } .c-form__range-input:hover { outline: 0; } .c-form__range-input:focus { outline: 0; } .c-form__range-input:disabled { outline: 0; cursor: default; /* 9 */ } .c-form__range-input:disabled::-webkit-slider-runnable-track { background: #d2d2d2; } .c-form__range-input:disabled::-moz-range-track { background: #d2d2d2; } .c-form__range-input:disabled::-ms-track { background: #d2d2d2; } .c-form__range-input:disabled::-webkit-slider-thumb { background: #bcbcbc; } .c-form__range-input:disabled::-moz-range-thumb { background: #bcbcbc; } .c-form__range-input:disabled::-ms-thumb { background: #bcbcbc; } .c-form__range-input:disabled:hover { border: none; background-color: transparent; } .c-form__checkbox, .c-form__radio { position: absolute; z-index: -1; opacity: 0; cursor: pointer; height: 0; width: 0; } .c-form__checkbox-wrapper { margin-bottom: 0 0 0.625rem 0; } .c-form__checkbox-wrapper:last-child { margin-bottom: 0; } .c-form__radio-wrapper { margin-bottom: 0 0 0.625rem 0; } .c-form__radio-wrapper:last-child { margin-bottom: 0; } .c-form__checkbox-label:before, .c-form__checkbox-label:after, .c-form__radio-label:before, .c-form__radio-label:after { line-height: 1; } .c-form__checkbox { /* 4 */ /* 5 */ /* 6 */ /* 7 */ } .c-form__checkbox + .c-form__checkbox-label { position: relative; display: inline-block; padding-left: 1.875rem; cursor: pointer; /* 1, 2 */ /* 1 */ /* 2 */ } .c-form__checkbox + .c-form__checkbox-label:before, .c-form__checkbox + .c-form__checkbox-label:after { -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); position: absolute; top: 2px; left: 0; display: block; width: 1.25rem; height: 1.25rem; } .c-form__checkbox + .c-form__checkbox-label:before { content: ""; border: 1px solid #d2d2d2; background-color: transparent; border-radius: 0; } .c-form__checkbox + .c-form__checkbox-label:after { -webkit-transform: scale(0); transform: scale(0); content: url("data:image/svg+xml;charset=UTF-8, "); } .c-form__checkbox:hover:not(:checked) + .c-form__checkbox-label:before, .c-form__checkbox:hover:checked + .c-form__checkbox-label:before { outline: 0; } .c-form__checkbox:focus:not(:checked) + .c-form__checkbox-label:before, .c-form__checkbox:focus:checked + .c-form__checkbox-label:before { outline: 0; } .c-form__checkbox:checked + .c-form__checkbox-label:before { outline: 0; border: 1px solid #000000; } .c-form__checkbox:checked + .c-form__checkbox-label:after { -webkit-transform: scale(0.6); transform: scale(0.6); } .c-form__checkbox:disabled { /* 8 */ } .c-form__checkbox:disabled + .c-form__checkbox-label { color: rgba(0, 0, 0, 0.2); } .c-form__checkbox:disabled:not(:checked) + .c-form__checkbox-label:before, .c-form__checkbox:disabled:checked + .c-form__checkbox-label:before { border: 1px solid #d9d9d9; } .c-form__checkbox:disabled:checked + .c-form__checkbox-label:after { content: url("data:image/svg+xml;charset=UTF-8, "); } .c-form__radio { /* 23*/ /* 4 */ /* 5 */ /* 6 */ } .c-form__radio + .c-form__radio-label { position: relative; display: inline-block; padding-left: 1.875rem; cursor: pointer; /* 1, 2 */ /* 1 */ /* 2 */ } .c-form__radio + .c-form__radio-label:before, .c-form__radio + .c-form__radio-label:after { content: ""; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); position: absolute; top: 2px; left: 0; display: block; width: 1.25rem; height: 1.25rem; } .c-form__radio + .c-form__radio-label:before { border: 1px solid #d2d2d2; background-color: transparent; border-radius: 100%; } .c-form__radio + .c-form__radio-label:after { background-color: #000000; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); } .c-form__radio:hover:not(:checked) + .c-form__radio-label:before, .c-form__radio:hover:checked + .c-form__radio-label:before { outline: 0; } .c-form__radio:focus:not(:checked) + .c-form__radio-label:before, .c-form__radio:focus:checked + .c-form__radio-label:before { outline: 0; } .c-form__radio:checked + .c-form__radio-label:before { outline: 0; border: 1px solid #000000; } .c-form__radio:checked + .c-form__radio-label:after { -webkit-transform: scale(0.6); transform: scale(0.6); } .c-form__radio:disabled + .c-form__radio-label { color: rgba(0, 0, 0, 0.2); } .c-form__radio:disabled:not(:checked) + .c-form__radio-label:before, .c-form__radio:disabled:checked + .c-form__radio-label:before { border: 1px solid #d9d9d9; } .c-form__radio:disabled:checked + .c-form__radio-label:after { background-color: #d9d9d9; } .c-form__file { /* 1 */ position: absolute; z-index: -1; opacity: 0; cursor: pointer; height: 0; width: 0; /* 2 */ /* 3 */ } .c-form__file:focus + .c-form__file-label { border-color: #000000; background-color: #f6f6f6; } .c-form__file:disabled + .c-form__file-label { cursor: default; border-color: #d9d9d9; color: #d9d9d9; } .c-form__file-wrapper { position: relative; } .c-form__file-label { display: block; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #d2d2d2; height: 3.4375rem; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); /* 5 */ } .c-form__file-label:hover { border-color: #000000; } .c-form__file-placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .is-active .c-form__file-placeholder { display: none; } .c-form__file-info { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 3.4375rem 0 1.5625rem; display: none; } .is-active .c-form__file-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-form__file-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 0.625rem; } .c-form__file-size { white-space: nowrap; } .c-form__file-reset { display: none; position: absolute; z-index: 10; right: 1.25rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.25rem; height: 1.25rem; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* 9 */ } .c-form__file-reset svg { display: inline-block; stroke-width: 0; stroke: currentColor; fill: currentColor; } .is-active .c-form__file-reset { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-form__select { position: relative; } .c-form__select .c-select-icon { position: absolute; top: 50%; right: 10px; margin-top: -4px; } input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator { -webkit-filter: invert(1); filter: invert(1); } .c-select--default { display: block; /* 1 */ width: 100%; height: 2.5rem; /* 2 */ padding: 0 2.5rem 0 0; margin: 0; /* 3 */ border-style: solid; border-width: 0 0 1px 0; border-color: #445966; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; outline: none; /* 4 */ color: #ffffff; font-size: 15px; line-height: 21px; font-family: inherit; font-weight: normal; letter-spacing: normal; /* 5 */ -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); /* 6 */ -webkit-appearance: none; -moz-appearance: none; cursor: pointer; /* 7 */ } @media (max-width: 1440px) { .c-select--default { font-size: 13px; line-height: 18px; } } .c-select--default:hover { outline: 0; } .c-select-icon { display: inline-block; width: 8px; height: 8px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .c-form-thank-you { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0a222e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 50px; padding-bottom: 50px; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; } @media (min-width: 480px) { .c-form-thank-you { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-form-thank-you { padding-top: 80px; } } @media (min-width: 480px) { .c-form-thank-you { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-form-thank-you { padding-bottom: 80px; } } .c-form-thank-you__heading { padding-bottom: 40px; } @media (min-width: 480px) { .c-form-thank-you__heading { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-form-thank-you__heading { padding-bottom: 60px; } } .c-form-thank-you__heading .u-a3 { margin: 0 auto; margin-bottom: 0.8em; max-width: 600px; } .c-form-thank-you__heading .u-b0 { max-width: 480px; margin: 0 auto; } .c-form-thank-you.is-visible { visibility: visible; opacity: 1; } .wpcf7-form-control-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } form.invalid .wpcf7-response-output { display: none !important; } span.wpcf7-not-valid-tip { font-size: 12px; position: absolute; top: 100%; left: 0; max-width: 100%; } .c-select { height: 45px; } .c-select.ss-main { padding-left: 0; padding-right: 0; } .c-select.ss-main .ss-single-selected { height: 100%; border-radius: 0; border-top: none; border-left: none; border-right: none; background-color: transparent; border-color: #445966; } .c-header--category-media-press .c-select.ss-main .ss-single-selected { background-color: transparent; } .c-header--category-media-press .c-select.ss-main .ss-single-selected .ss-arrow span { border-color: #ffffff; } .o-page--light .c-header--category-media-press .c-select.ss-main .ss-single-selected .ss-arrow span { border-color: #001217; } .c-select.ss-main .ss-option { height: 45px; padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #001217; } .c-select.ss-main .ss-option:hover { color: #ffffff; } .c-select.ss-main .ss-content .ss-list .ss-option:hover, .c-select.ss-main .ss-content .ss-list .ss-option.ss-highlighted { background-color: #1da5f9; } .c-select.ss-main .ss-content .ss-list .ss-option.ss-disabled { background-color: #f1f5f7; color: #001217; } .c-select:hover .ss-single-selected { border-bottom-color: #1da5f9; } .c-retailer-map-select-wrapper .c-select.ss-main .ss-single-selected { padding-left: 20px; padding-right: 20px; background-color: #2e4952; color: #ffffff; border-bottom-color: transparent; } .c-retailer-map-select-wrapper .c-select.ss-main .ss-single-selected .ss-arrow span { border-color: #ffffff; } .c-retailer-map-select-wrapper .c-select.ss-main .ss-option, .c-retailer-map-select-wrapper .c-select.ss-main .ss-single-selected .placeholder { text-transform: uppercase; font-weight: bold; } .c-retailer-map-select-wrapper .c-select:hover .ss-single-selected { border-bottom-color: transparent; } .c-form-wrapper--factory-tours .c-form__header .c-select--big { min-width: 280px; height: 50px; } .c-form-wrapper--factory-tours .c-form__header .c-select.ss-main { font-size: 15px; } @media (max-width: 1440px) { .c-form-wrapper--factory-tours .c-form__header .c-select.ss-main { font-size: 13px; } } .c-form-wrapper--factory-tours .c-form__header .c-select.ss-main .ss-single-selected { font-family: "TTSupermolotNeue", sans-serif; font-size: 30px; line-height: 38px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01579em; font-weight: normal; } @media (min-width: 480px) { .c-form-wrapper--factory-tours .c-form__header .c-select.ss-main .ss-single-selected { font-size: calc(0.83333vw + 26px); } } @media (min-width: 1440px) { .c-form-wrapper--factory-tours .c-form__header .c-select.ss-main .ss-single-selected { font-size: calc(0.83333vw + 26px); } } @media (min-width: 1920px) { .c-form-wrapper--factory-tours .c-form__header .c-select.ss-main .ss-single-selected { font-size: 42px; } } @media (min-width: 480px) { .c-form-wrapper--factory-tours .c-form__header .c-select.ss-main .ss-single-selected { line-height: calc(0.41667vw + 36px); } } @media (min-width: 1440px) { .c-form-wrapper--factory-tours .c-form__header .c-select.ss-main .ss-single-selected { line-height: calc(1.25vw + 24px); } } @media (min-width: 1920px) { .c-form-wrapper--factory-tours .c-form__header .c-select.ss-main .ss-single-selected { line-height: 48px; } } .c-form-wrapper .c-form__header { position: relative; z-index: 2; } .c-form-wrapper .c-select { height: 40px; } .c-form-wrapper .c-select.ss-main { padding-left: 0; padding-right: 0; } .c-form-wrapper .c-select.ss-main .ss-single-selected { height: 100%; border-radius: 0; padding-left: 0; padding-right: 0; background-color: transparent; border: none; border-bottom: 1px solid #445966; color: #ffffff; } .c-form-wrapper .c-select.ss-main .ss-single-selected .ss-arrow span { border-color: #ffffff; } .c-repository__select .c-select, .c-careers-filters__select .c-select { height: 40px; min-width: 200px; } @media (max-width: 480px) { .c-repository__select .c-select, .c-careers-filters__select .c-select { width: 100%; } } .c-repository__select .c-select.ss-main, .c-careers-filters__select .c-select.ss-main { padding-left: 0; padding-right: 0; } .c-repository__select .c-select.ss-main .ss-single-selected, .c-careers-filters__select .c-select.ss-main .ss-single-selected { height: 100%; border-radius: 0; padding-left: 0; padding-right: 0; background-color: transparent; border: none; border-bottom: 1px solid #001217; color: #001217; } .c-repository__select .c-select.ss-main .ss-single-selected .ss-arrow span, .c-careers-filters__select .c-select.ss-main .ss-single-selected .ss-arrow span { border-color: #001217; } .c-repository__select .c-select.ss-main .ss-content, .c-careers-filters__select .c-select.ss-main .ss-content { border-top-color: #001217; width: auto; left: -20px; right: -10px; } .c-careers-filters__select .c-select.ss-main .ss-single-selected { border-bottom: none; } .c-careers-filters__select .c-select.ss-main .ss-content { left: 0; right: 0; margin-top: 0; } .c-careers-filters__select .c-select.ss-main .ss-option { color: #001217; } .c-careers-filters__select .c-select.ss-main .ss-option:hover { color: #ffffff; } .c-careers-filters__select .c-select.ss-main .ss-content .ss-list .ss-option.ss-disabled { color: #93949c; } .c-big-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 10px; color: #ffffff; position: relative; } @media (max-width: 374px) { .c-big-menu .c-big-link { padding: 5px 10px; } } .c-big-link__prepend { display: block; position: absolute; top: 0; height: 100%; padding-top: 1.5em; right: 100%; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0.4; padding-right: 10px; } @media (max-width: 800px) { .c-big-link__prepend { padding-right: 0; padding-left: 0; } } .c-big-link__label { display: block; position: relative; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow: hidden; } .c-big-link__label.u-a3 { margin-bottom: 0; } @media (max-width: 480px) { .c-big-menu .c-big-link__label { margin-bottom: 0; } } .c-big-link:hover .c-big-link__prepend { padding-right: 0; padding-left: 10px; } @media (max-width: 800px) { .c-big-link:hover .c-big-link__prepend { padding-right: 0; padding-left: 0; } } .c-big-link:hover .c-big-link__label { -webkit-transform: translateX(-5px); transform: translateX(-5px); } @media (max-width: 800px) { .c-big-link:hover .c-big-link__label { -webkit-transform: translateX(0); transform: translateX(0); } } .c-big-link.is-blurred { color: rgba(255, 255, 255, 0.3); } .c-big-link.is-blurred .c-big-link__label { -webkit-transform: translateX(10px); transform: translateX(10px); } .c-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 13px; line-height: 15px; letter-spacing: 1.6px; font-family: "TTSupermolotNeue", sans-serif; font-variation-settings: "wght" 400, "slnt" 0; padding: 10px; color: #ffffff; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1440px) { .c-link { font-size: 11px; line-height: 12px; letter-spacing: 1.8px; } } @media (max-width: 374px) { .c-link { padding: 5px 10px; } } .c-link__prepend { margin-right: 6px; } .c-link__append { margin-left: 6px; } @media (hover: hover) { .c-link:hover { color: #1da5f9; } } .c-link--accent { color: #1da5f9; } .c-link--secondary { font-size: 15px; line-height: 21px; font-family: "Roboto-Regular", sans-serif; letter-spacing: 0.4px; } @media (max-width: 1440px) { .c-link--secondary { font-size: 13px; line-height: 18px; } } .c-link--underline-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 0; padding-right: 0; } .c-link--underline-arrow:after { content: ""; position: absolute; display: block; left: 0; width: 100%; top: 100%; height: 2px; background-color: #1da5f9; opacity: 0.3; } .c-link--underline-arrow .u-icon { margin-left: 22px; font-size: 11px; } .c-link--underline-dark { position: relative; padding-bottom: 6px; padding-left: 0; padding-right: 0; } .c-link--underline-dark:after { content: ""; position: absolute; display: block; left: 0; width: 100%; top: 100%; height: 2px; background-color: #a7b7bf; opacity: 0.3; } .c-link--underline-light { position: relative; padding-bottom: 6px; padding-left: 0; padding-right: 0; } .c-link--underline-light:after { content: ""; position: absolute; display: block; left: 0; width: 100%; top: 100%; height: 2px; background-color: #93949c; opacity: 0.3; } @media (max-width: 800px) { .c-subpage-links-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: scroll; padding-bottom: 20px; } } .c-subpage-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 800px) { .c-subpage-links { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .c-subpage-links__item { padding-left: 5px; padding-right: 5px; } .c-subpage-link { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 180px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 5px; padding-bottom: 15px; position: relative; } @media (max-width: 800px) { .c-subpage-link { min-width: 100px; } } .c-subpage-link__label { display: inline-block; vertical-align: middle; position: relative; } .c-subpage-link__label span { display: block; width: 100%; font-style: normal; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c-subpage-link__label:after { text-align: center; display: block; content: attr(data-label); position: absolute; top: 100%; left: 0; width: 100%; color: currentColor; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c-subpage-link:after { content: ""; display: block; position: absolute; bottom: -1px; height: 2px; width: 100%; background-color: #ffffff; -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; visibility: hidden; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-subpage-link:hover .c-subpage-link__label span { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .c-subpage-link:hover .c-subpage-link__label:after { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } .c-subpage-link:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; } .c-inpage-navigation-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; position: relative; } .c-inpage-navigation-link:before { content: ""; position: absolute; top: 5px; left: -20px; bottom: 5px; width: 1px; background-color: #ffffff; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-inpage-navigation-link__number { display: inline-block; vertical-align: middle; margin-right: 10px; color: rgba(255, 255, 255, 0.4); } .c-inpage-navigation-link__label { display: inline-block; vertical-align: middle; } .c-email-link__label { position: relative; display: inline-block; padding: 4px 0; } .c-email-link__label:before, .c-email-link__label:after { content: ""; display: inline-block; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; } .c-email-link__label:before { background-color: rgba(255, 255, 255, 0.1); } .c-email-link__label:after { background-color: #ffffff; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: translateX(-20%) scaleX(0.05); transform: translateX(-20%) scaleX(0.05); visibility: hidden; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-email-link:hover .c-email-link__label:after { -webkit-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1); opacity: 1; visibility: visible; } .c-parent-navigation { pointer-events: all; position: absolute; left: 50%; height: 49px; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.25s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .has-parent .c-parent-navigation { opacity: 1; visibility: visible; } .has-parent .c-parent-navigation .c-parent-navigation__link { -webkit-transform: translateY(0); transform: translateY(0); } .is-navigation-opened .c-parent-navigation .c-parent-navigation__link { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); visibility: hidden; } .c-parent-navigation__link { display: inline-block; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 0.25s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .c-parent-navigation__link .c-link__prepend { -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); margin-top: -2px; margin-right: 12px; } .c-parent-navigation__link .c-link__prepend .u-icon { vertical-align: middle; } .c-parent-navigation__link .c-link__label { -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media (hover: hover) { .c-parent-navigation__link:hover .c-link__prepend { color: #ffffff; -webkit-transform: translateX(-8px); transform: translateX(-8px); } .c-parent-navigation__link:hover .c-link__label { color: #ffffff; opacity: 0.6; } } .has-scrolled .c-parent-navigation { opacity: 0; -webkit-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); visibility: hidden; } .c-technology-download { position: relative; padding-bottom: 40px; min-height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .c-technology-download .c-download-button { width: auto; margin-left: 0; margin-right: auto; } .c-technology-download .c-download-button.is-disabled { display: none; } .c-email-download-form-wrapper { position: absolute; bottom: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; max-width: 280px; } .c-email-download-form p span.email { text-transform: uppercase; font-family: "TTSupermolotNeue", sans-serif; font-size: 13px; line-height: 15px; letter-spacing: 1.6px; font-variation-settings: "wght" 400, "slnt" 0; } @media (max-width: 1440px) { .c-email-download-form p span.email { font-size: 11px; line-height: 12px; letter-spacing: 1.8px; } } .c-email-download-form p input[type="email"] { /* 1 */ display: block; width: 100%; height: 2.5rem; /* 2 */ padding: 0; margin: 0; /* 3 */ border-style: solid; border-width: 0 0 1px 0; border-color: #445966; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; outline: none; /* 4 */ color: #001217; font-family: sans-serif; font-weight: normal; letter-spacing: normal; font-size: 15px; line-height: 21px; /* 5 */ -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); /* 6 */ -webkit-appearance: none; -moz-appearance: none; /* 7 */ /* 8 */ /* 9 */ /** * Input placeholders * 1. Chrome, Firefox, Opera, Safari 10.1+ * 2. Firefox needs opacity reset * 3. Internet Explorer 10-11 * 4. Microsoft Edge * 5. Disabled placeholder color */ /* 1 */ /* 3 */ /* 4 */ /* 5 */ } @media (max-width: 1440px) { .c-email-download-form p input[type="email"] { font-size: 13px; line-height: 18px; } } .c-email-download-form p input[type="email"]:hover { outline: 0; border-color: #1da5f9; } .c-email-download-form p input[type="email"]:focus { outline: 0; border-color: #1da5f9; background-color: transparent; } .c-email-download-form p input[type="email"]:disabled { outline: 0; border-color: rgba(68, 89, 102, 0.8); } .c-email-download-form p input[type="email"]::-webkit-input-placeholder { color: #a7b7bf; /* 2 */ opacity: 1; } .c-email-download-form p input[type="email"]::-moz-placeholder { color: #a7b7bf; /* 2 */ opacity: 1; } .c-email-download-form p input[type="email"]:-ms-input-placeholder { color: #a7b7bf; /* 2 */ opacity: 1; } .c-email-download-form p input[type="email"]::-ms-input-placeholder { color: #a7b7bf; /* 2 */ opacity: 1; } .c-email-download-form p input[type="email"]::placeholder { color: #a7b7bf; /* 2 */ opacity: 1; } .c-email-download-form p input[type="email"]:-ms-input-placeholder { color: #a7b7bf; } .c-email-download-form p input[type="email"]::-ms-input-placeholder { color: #a7b7bf; } .c-email-download-form p input[type="email"]:disabled::-webkit-input-placeholder { color: #d9d9d9; opacity: 1; } .c-email-download-form p input[type="email"]:disabled::-moz-placeholder { color: #d9d9d9; opacity: 1; } .c-email-download-form p input[type="email"]:disabled:-ms-input-placeholder { color: #d9d9d9; opacity: 1; } .c-email-download-form p input[type="email"]:disabled::-ms-input-placeholder { color: #d9d9d9; opacity: 1; } .c-email-download-form p input[type="email"]:disabled::placeholder { color: #d9d9d9; opacity: 1; } .c-email-download-form p input[type="email"]:disabled:-ms-input-placeholder { color: #d9d9d9; } .c-email-download-form p input[type="email"]:disabled::-ms-input-placeholder { color: #d9d9d9; } .c-email-download-form p input[type="email"]--all-borders { border-width: 1px 1px 1px 1px; } .is-invalid .c-email-download-form p input[type="email"] { border-color: #ff0000; } .c-email-download-form p:last-of-type { margin-top: 20px; font-size: 13px; line-height: 15px; } .c-email-download-form p:last-of-type a { color: #1da5f9; } .c-email-download-form p:last-of-type a:hover { text-decoration: underline; } .c-email-download-form input[type="submit"] { cursor: pointer; border: none; outline: none; background-color: #1da5f9; border-radius: 0; -webkit-appearance: none; color: #ffffff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 35px; text-transform: uppercase; font-family: "TTSupermolotNeue", sans-serif; font-variation-settings: "wght" 400, "slnt" 0; font-size: 13px; line-height: 15px; letter-spacing: 1.6px; margin-top: 30px; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); max-width: 250px; margin-right: 30px; } .c-email-download-form input[type="submit"]:hover { background-color: #4fb9fa; } .c-email-download-form .ed_form { max-width: 280px; } .c-email-download-form .ed_form_message { display: block; font-family: "Roboto-Regular", sans-serif; font-size: 15px; line-height: 19px; font-weight: normal; letter-spacing: 0.4px; font-style: normal; } @media (max-width: 1440px) { .c-email-download-form .ed_form_message { font-size: 13px; line-height: 16px; } } .c-email-download-form .ed_form_message.success { color: #00dbb3; } .c-email-download-form .ed_form_message.error { color: #ff0000; } .c-email-download-form .ed_form_spinner { position: absolute; right: 10px; bottom: 34px; } .c-header { padding-top: 50px; padding-bottom: 40px; } @media (min-width: 480px) { .c-header { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-header { padding-top: 80px; } } @media (min-width: 480px) { .c-header { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-header { padding-bottom: 60px; } } @media (max-width: 800px) { .c-header { padding-top: 60px; } } @media (max-width: 800px) and (min-width: 480px) { .c-header { padding-top: calc(4.16667vw + 40px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-header { padding-top: 100px; } } @media (max-width: 480px) { .c-header { padding-bottom: 60px; } } @media (max-width: 480px) and (min-width: 480px) { .c-header { padding-bottom: calc(4.16667vw + 40px); } } @media (max-width: 480px) and (min-width: 1440px) { .c-header { padding-bottom: 100px; } } .c-header__bg-wrapper { overflow: hidden; position: absolute; display: block; top: 0; left: 0; width: 100vw; height: 100vh; } .c-header__bg { position: absolute; display: block; top: 0; width: 100vw; height: 100vh; left: 0; z-index: 1; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); border-color: transparent; border-style: solid; border-width: 0; } .c-header__bg i { position: absolute; display: block; background-position: center top; background-size: cover; top: 50%; left: 50%; width: 100vw; height: 100vh; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); z-index: 1; } .c-header__bg video { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 200vw; z-index: 1; } @media (max-width: 800px) { .c-header__bg video { max-width: 400vw; max-height: 100%; } } .c-header__bg:after { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 2; } .c-header--full { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100vh; } @media (max-width: 480px) { .c-header--full { height: 100vh; /* Fallback for browsers that do not support Custom Properties */ height: calc(var(--vh, 1vh) * 100); margin-bottom: 60px; } } .c-header--full .c-header__top, .c-header--full .c-header__bottom { width: 100%; } .c-header--full .c-header__top { position: relative; z-index: 2; } .c-header--dimmed { background-color: #f1f5f7; color: #001217; } .c-header--dimmed .u-b0 { color: #667275; } .c-header--default { padding-bottom: 0; } .c-header--development { color: var(--text-color); padding-bottom: 80px; } @media (min-width: 480px) { .c-header--development { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-header--development { padding-bottom: 140px; } } .c-header--development .c-header__bottom { overflow: hidden; } .c-header--development .c-header__bottom .c-article--wysiwyg { padding-top: 20px; } .c-header--development .c-header__bottom .c-article--wysiwyg p { color: inherit; } @media (max-width: 480px) { .c-header--development .c-header__bottom .c-quote--detailed { margin-left: 0; } } .c-header--development .c-header-heading { padding-bottom: 30px; } @media (min-width: 480px) { .c-header--development .c-header-heading { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-header--development .c-header-heading { padding-bottom: 40px; } } .c-header--development .c-header-heading__text .u-a4 { margin-bottom: 0; } .c-header--about-us .c-header__top { position: relative; z-index: 2; } .c-header--about-us .c-header__bottom { padding-right: 20px; } .c-header--factory-tours .c-header__top { position: relative; z-index: 3; } .c-header--careers .c-header__top { position: relative; z-index: 2; } .c-header--careers-open-positions { background-color: #f1f5f7; color: #001217; padding-bottom: 0; } .c-header--careers-single { padding-top: 80px; padding-bottom: 0; } @media (min-width: 480px) { .c-header--careers-single { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-header--careers-single { padding-top: 140px; } } .c-header--media-press .c-header-heading__text h1 { margin-bottom: 0; } .c-header--media-press .c-header__bottom { padding: 0 12.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1140px) { .c-header--media-press .c-header__bottom { padding: 0 8.33333%; } } @media (max-width: 800px) { .c-header--media-press .c-header__bottom { display: none; } } .c-header--category-media-press { padding-bottom: 0; } .c-header--category-media-press .c-form__header { margin-bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 480px) { .c-header--category-media-press .c-form__header { padding-bottom: 30px; } } .c-header--category-media-press .c-form__select { margin-right: 3.47222vw; min-width: 265px; } @media (max-width: 480px) { .c-header--category-media-press .c-form__select { margin-right: 0; margin-bottom: 20px; width: 100%; } } .c-header--category-media-press .c-form__select:last-of-type { margin-right: 0; } @media (max-width: 480px) { .c-header--category-media-press .c-form__select:last-of-type { margin-bottom: 0; } } .c-header--media-press-single-post { padding-bottom: 0; } .c-header--media-press-single-post h1 { text-align: center; margin: 0 auto; max-width: 700px; width: 100%; } .c-header--media-press-single-post p { text-align: center; padding-top: 40px; } @media (min-width: 480px) { .c-header--media-press-single-post p { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-header--media-press-single-post p { padding-top: 60px; } } .c-header--media-press-single-post .c-header-heading { padding-top: 40px; color: var(--text-color); } @media (min-width: 480px) { .c-header--media-press-single-post .c-header-heading { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-header--media-press-single-post .c-header-heading { padding-top: 60px; } } .c-header--media-press-single-post .c-header__image { position: relative; width: 100%; height: 0; padding-top: 50.13889%; overflow: hidden; } .c-header--media-press-single-post .c-header__image img { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .c-header--technology-category .c-header-heading { color: var(--text-color); } .c-header--article-single-header { padding-bottom: 0; } @media (max-width: 800px) { .c-header--article-single-header { padding-top: 80px; } } @media (max-width: 800px) and (min-width: 480px) { .c-header--article-single-header { padding-top: calc(6.25vw + 50px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-header--article-single-header { padding-top: 140px; } } .c-header--article-single-header .c-header-heading { max-width: 770px; margin: 0 auto; color: var(--text-color); } .c-header--article-single-header .c-header__author { padding-bottom: 30px; } @media (min-width: 480px) { .c-header--article-single-header .c-header__author { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-header--article-single-header .c-header__author { padding-bottom: 40px; } } .c-header--article-single-header .c-header__author i { border-radius: 50%; width: 50px; height: 50px; background-size: cover; background-position: center; display: block; margin: 0 auto 10px; } .c-header--article-single-header .c-header__author p { padding-bottom: 4px; } .c-header--article-single-header .c-header__author span { display: block; } .c-header--article-single-header .c-header__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-header--article-single-header .c-header__date { color: var(--text-color); padding-bottom: 20px; padding-left: 30px; } @media (max-width: 480px) { .c-header--article-single-header .c-header__date { padding-left: 20px; } } .c-header--article-single-header .c-header__category { padding-bottom: 20px; padding-right: 30px; } @media (max-width: 480px) { .c-header--article-single-header .c-header__category { padding-right: 20px; } } .c-header--article-single-header .c-header__image { width: 100%; position: relative; height: 0; padding-top: 50.13889%; overflow: hidden; } .c-header--article-single-header .c-header__image picture, .c-header--article-single-header .c-header__image img { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 100%; } .c-header--technology { position: relative; } .c-header--technology .c-header__top { position: relative; z-index: 3; } .c-header--technology-alt { padding-bottom: 0; } .c-header--technology-alt .c-header__bottom { padding-bottom: 0; } .c-header--repository { background-color: #f1f5f7; color: #001217; padding-bottom: 0; } .c-header--development-single { min-height: 60vh; padding-bottom: 20px; } @media (min-width: 480px) { .c-header--development-single { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-header--development-single { padding-bottom: 30px; } } .c-header .c-button-wrapper { padding-top: 20px; } .c-heading-wrapper { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 480px) { .c-heading-wrapper { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-heading-wrapper { padding-top: 80px; } } @media (min-width: 480px) { .c-heading-wrapper { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-heading-wrapper { padding-bottom: 80px; } } .c-heading { margin: 0 auto; max-width: 50%; } .o-page--nevera .c-heading { position: relative; } @media (max-width: 1440px) { .c-heading { max-width: 540px; } } .c-heading--wide { max-width: 720px; } .c-heading--x-wide { max-width: 960px; } .c-heading .u-a4 { margin-bottom: 0.6em; } .c-heading--tech-spec p { opacity: 0.6 !important; } .c-heading__button { padding-top: 20px; } @media (min-width: 480px) { .c-heading__button { padding-top: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-heading__button { padding-top: 30px; } } .c-header-heading { position: relative; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .c-header-heading { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-header-heading { padding-top: 60px; } } @media (min-width: 480px) { .c-header-heading { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-header-heading { padding-bottom: 60px; } } .c-header-heading__image { max-width: 360px; margin: 0 auto; } .c-header-heading__text .u-a4 { max-width: 20em; margin: 0 auto; margin-bottom: 0.4em; } @media (max-width: 1440px) { .c-header-heading__text .u-a4 { max-width: 780px; } } .c-header-heading--about-us .c-button-wrapper { opacity: 0.25; -webkit-transform: scale(0.75); transform: scale(0.75); } .c-header-heading--development { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 480px) { .c-header-heading--development { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-header-heading--development { padding-top: 80px; } } @media (min-width: 480px) { .c-header-heading--development { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-header-heading--development { padding-bottom: 80px; } } @media (max-width: 800px) { .c-header-heading--development { padding-top: 80px; } } @media (max-width: 800px) and (min-width: 480px) { .c-header-heading--development { padding-top: calc(6.25vw + 50px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-header-heading--development { padding-top: 140px; } } .c-header-heading--repository { padding-top: 50px; padding-bottom: 50px; color: #001217; } @media (min-width: 480px) { .c-header-heading--repository { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-header-heading--repository { padding-top: 80px; } } @media (min-width: 480px) { .c-header-heading--repository { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-header-heading--repository { padding-bottom: 80px; } } @media (max-width: 800px) { .c-header-heading--repository { padding-top: 80px; } } @media (max-width: 800px) and (min-width: 480px) { .c-header-heading--repository { padding-top: calc(6.25vw + 50px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-header-heading--repository { padding-top: 140px; } } .c-header-heading--development-single .c-header-heading__text .u-a4 { margin-bottom: 0; } .c-header-heading--factory-tours { padding-top: 50px; padding-bottom: 20px; } @media (min-width: 480px) { .c-header-heading--factory-tours { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-header-heading--factory-tours { padding-top: 80px; } } @media (min-width: 480px) { .c-header-heading--factory-tours { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-header-heading--factory-tours { padding-bottom: 30px; } } .c-header-heading--factory-tours .u-a4 { max-width: 990px; font-size: 38px; } @media (min-width: 480px) { .c-header-heading--factory-tours .u-a4 { font-size: calc(1.25vw + 32px); } } @media (min-width: 1440px) { .c-header-heading--factory-tours .u-a4 { font-size: calc(1.25vw + 32px); } } @media (min-width: 1920px) { .c-header-heading--factory-tours .u-a4 { font-size: 56px; } } .c-header-heading--factory-tours .u-b2, .c-header-heading--factory-tours .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--factory-tours p.c-development-statistics__subtitle { margin-bottom: 2em; max-width: 500px; } .c-header-heading--careers, .c-header-heading--careers-category, .c-header-heading--error-page, .c-header-heading--factory-tours, .c-header-heading--development-category { padding-bottom: 0; } .c-header-heading--careers .u-b0, .c-header-heading--careers-category .u-b0, .c-header-heading--error-page .u-b0, .c-header-heading--factory-tours .u-b0, .c-header-heading--development-category .u-b0 { max-width: 500px; } .c-header-heading--careers .u-b2, .c-header-heading--careers .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--careers p.c-development-statistics__subtitle, .c-header-heading--careers-category .u-b2, .c-header-heading--careers-category .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--careers-category p.c-development-statistics__subtitle, .c-header-heading--error-page .u-b2, .c-header-heading--error-page .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--error-page p.c-development-statistics__subtitle, .c-header-heading--factory-tours .u-b2, .c-header-heading--factory-tours .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--factory-tours p.c-development-statistics__subtitle, .c-header-heading--development-category .u-b2, .c-header-heading--development-category .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--development-category p.c-development-statistics__subtitle { margin-bottom: 2em; max-width: 720px; } @media (max-width: 1920px) { .c-header-heading--careers .u-b2, .c-header-heading--careers .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--careers p.c-development-statistics__subtitle, .c-header-heading--careers-category .u-b2, .c-header-heading--careers-category .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--careers-category p.c-development-statistics__subtitle, .c-header-heading--error-page .u-b2, .c-header-heading--error-page .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--error-page p.c-development-statistics__subtitle, .c-header-heading--factory-tours .u-b2, .c-header-heading--factory-tours .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--factory-tours p.c-development-statistics__subtitle, .c-header-heading--development-category .u-b2, .c-header-heading--development-category .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--development-category p.c-development-statistics__subtitle { max-width: 600px; } } @media (max-width: 1440px) { .c-header-heading--careers .u-b2, .c-header-heading--careers .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--careers p.c-development-statistics__subtitle, .c-header-heading--careers-category .u-b2, .c-header-heading--careers-category .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--careers-category p.c-development-statistics__subtitle, .c-header-heading--error-page .u-b2, .c-header-heading--error-page .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--error-page p.c-development-statistics__subtitle, .c-header-heading--factory-tours .u-b2, .c-header-heading--factory-tours .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--factory-tours p.c-development-statistics__subtitle, .c-header-heading--development-category .u-b2, .c-header-heading--development-category .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--development-category p.c-development-statistics__subtitle { max-width: 500px; } } .c-header-heading--careers.u-text-center .u-b0, .c-header-heading--careers.u-text-center .u-b2, .c-header-heading--careers.u-text-center .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--careers.u-text-center p.c-development-statistics__subtitle, .c-header-heading--careers-category.u-text-center .u-b0, .c-header-heading--careers-category.u-text-center .u-b2, .c-header-heading--careers-category.u-text-center .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--careers-category.u-text-center p.c-development-statistics__subtitle, .c-header-heading--error-page.u-text-center .u-b0, .c-header-heading--error-page.u-text-center .u-b2, .c-header-heading--error-page.u-text-center .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--error-page.u-text-center p.c-development-statistics__subtitle, .c-header-heading--factory-tours.u-text-center .u-b0, .c-header-heading--factory-tours.u-text-center .u-b2, .c-header-heading--factory-tours.u-text-center .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--factory-tours.u-text-center p.c-development-statistics__subtitle, .c-header-heading--development-category.u-text-center .u-b0, .c-header-heading--development-category.u-text-center .u-b2, .c-header-heading--development-category.u-text-center .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-header-heading--development-category.u-text-center p.c-development-statistics__subtitle { margin-left: auto; margin-right: auto; } .c-header-heading--careers .u-a4 + .c-button-wrapper, .c-header-heading--careers-category .u-a4 + .c-button-wrapper, .c-header-heading--error-page .u-a4 + .c-button-wrapper, .c-header-heading--factory-tours .u-a4 + .c-button-wrapper, .c-header-heading--development-category .u-a4 + .c-button-wrapper { padding-top: 10px; } @media (min-width: 480px) { .c-header-heading--careers .u-a4 + .c-button-wrapper, .c-header-heading--careers-category .u-a4 + .c-button-wrapper, .c-header-heading--error-page .u-a4 + .c-button-wrapper, .c-header-heading--factory-tours .u-a4 + .c-button-wrapper, .c-header-heading--development-category .u-a4 + .c-button-wrapper { padding-top: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-header-heading--careers .u-a4 + .c-button-wrapper, .c-header-heading--careers-category .u-a4 + .c-button-wrapper, .c-header-heading--error-page .u-a4 + .c-button-wrapper, .c-header-heading--factory-tours .u-a4 + .c-button-wrapper, .c-header-heading--development-category .u-a4 + .c-button-wrapper { padding-top: 20px; } } .c-header-heading--careers-open-positions { padding-top: 50px; color: #001217; } @media (min-width: 480px) { .c-header-heading--careers-open-positions { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-header-heading--careers-open-positions { padding-top: 80px; } } .c-header-heading--careers-single { color: var(--text-color); } .c-header-heading--careers-single .c-header-heading__text { margin: 0 auto; padding-left: 20px; padding-right: 20px; width: 45.83333%; min-width: 450px; } @media (max-width: 1140px) { .c-header-heading--careers-single .c-header-heading__text { width: 58.33333%; } } @media (max-width: 800px) { .c-header-heading--careers-single .c-header-heading__text { min-width: auto; width: 91.66667%; } } @media (max-width: 480px) { .c-header-heading--careers-single .c-header-heading__text { width: 100%; } } .c-header-heading--default { padding-bottom: 30px; } @media (min-width: 480px) { .c-header-heading--default { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-header-heading--default { padding-bottom: 40px; } } .c-header-heading--default .u-a4 { margin-bottom: 0; } .c-masked-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-masked-video { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); border-color: rgba(255, 255, 255, 0.01); border-style: solid; border-width: 14.88889vh 35.41667vw; opacity: 0.2; will-change: opacity; } @media (max-width: 800px) { .c-masked-video { border-width: 10vh 12.5vw; } } .is-animated .c-masked-video { border-width: 0; } .c-masked-video video { position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); max-width: 200vw; z-index: 1; } .js-nevera-logo { -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .js-nevera-logo svg { width: 300px; vertical-align: middle; fill: currentColor; } @media (max-width: 800px) { .js-nevera-logo svg { width: 200px; } } .js-nevera-logo--holder { visibility: hidden; display: block; } .js-nevera-logo.js-nevera-logo--scrolled { opacity: 0; visibility: hidden; } .js-nevera-logo.js-nevera-logo--scrolled.js-nevera-logo--scrolled-down { -webkit-transition: none; transition: none; } .js-nevera-logo.js-nevera-logo--up { opacity: 1; position: fixed; top: 30px; visibility: visible; z-index: 99999; mix-blend-mode: difference; } .js-nevera-logo.js-nevera-logo--up svg { width: 157px !important; height: 10px !important; } .js-nevera-logo.js-nevera-logo--r svg { width: 375px; } @media (max-width: 800px) { .js-nevera-logo.js-nevera-logo--r svg { width: 250px; } } .c-contact-cta-wrapper { padding-top: 40px; padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 480px) { .c-contact-cta-wrapper { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-contact-cta-wrapper { padding-top: 50px; } } @media (min-width: 480px) { .c-contact-cta-wrapper { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-contact-cta-wrapper { padding-bottom: 50px; } } .c-contact-cta .u-a1 { margin-bottom: 0.6em; } .c-press-contact-cta-wrapper { border-top: 1px solid #a7b7bf; padding-top: 40px; } @media (min-width: 480px) { .c-press-contact-cta-wrapper { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-press-contact-cta-wrapper { padding-top: 60px; } } .c-press-contact-cta .c-email-link { color: #1da5f9; } .c-press-contact-cta .c-email-link__label:after { background-color: #a7b7bf; opacity: 0.2; height: 2px; -webkit-transform: none; transform: none; visibility: visible; } .c-press-contact-cta .c-email-link:hover .c-email-link__label:after { opacity: 0.8; } .c-image-text-button-block-wrapper { background-color: #ffffff; margin-bottom: 20px; } @media (max-width: 800px) { .c-image-text-button-block-wrapper { margin-left: -4.16667%; margin-right: -4.16667%; margin-bottom: 10px; } } @media (max-width: 600px) { .c-image-text-button-block-wrapper { margin-left: 0; margin-right: 0; } } @media (max-width: 800px) { .c-image-text-button-block-wrapper.is-alternating { margin-left: -4.16667%; margin-right: -4.16667%; margin-bottom: 10px; } } @media (max-width: 800px) { .c-image-text-button-block-wrapper.is-alternating { margin-left: 0; margin-right: 0; } } .c-image-text-button-block-wrapper.is-alternating:nth-child(even) .c-image-text-button-block__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (max-width: 600px) { .c-image-text-button-block-wrapper.is-alternating:nth-child(even) .c-image-text-button-block__image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .c-image-text-button-block-wrapper.is-alternating:nth-child(even) .c-image-text-button-block__text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (max-width: 600px) { .c-image-text-button-block-wrapper.is-alternating:nth-child(even) .c-image-text-button-block__text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .c-image-text-button-block { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 600px) { .c-image-text-button-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-image-text-button-block__image { width: 50%; } .c-image-text-button-block__image .u-media-wrapper--1-1 { height: 100%; } .c-image-text-button-block__image .u-media-wrapper--1-1 i { height: 120%; } @media (max-width: 600px) { .c-image-text-button-block__image .u-media-wrapper--1-1 { height: 68.42105%; padding-bottom: 68.42105%; } } @media (max-width: 600px) { .c-image-text-button-block__image { width: 100%; } } .c-image-text-button-block__text { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 8.33333%; padding-right: 4.16667%; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .c-image-text-button-block__text { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-image-text-button-block__text { padding-top: 60px; } } @media (min-width: 480px) { .c-image-text-button-block__text { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-image-text-button-block__text { padding-bottom: 60px; } } @media (max-width: 1140px) { .c-image-text-button-block__text { padding-left: 8.33333%; } } @media (max-width: 800px) { .c-image-text-button-block__text { padding-left: 4.16667%; } } @media (max-width: 600px) { .c-image-text-button-block__text { width: 100%; } } .c-image-text-button-block__text .c-article { padding-left: 0; max-width: 85%; margin: 0; } .c-image-text-button-block__text .c-article p, .c-image-text-button-block__text .c-article .u-b0 { color: #667275; max-width: 100%; } @media (max-width: 1440px) { .c-image-text-button-block__text .c-article p, .c-image-text-button-block__text .c-article .u-b0 { max-width: 420px; } } .c-image-text-block-wrapper { background-color: #ffffff; margin-bottom: 10px; } .c-image-text-block-wrapper:last-child { margin-bottom: 0; } @media (max-width: 800px) { .c-image-text-block-wrapper { margin-left: -4.16667%; margin-right: -4.16667%; } } @media (max-width: 480px) { .c-image-text-block-wrapper { margin-left: -20px; margin-right: -20px; min-width: 100%; width: auto; } } @media (max-width: 800px) { .c-image-text-block-wrapper.is-alternating { margin-left: -4.16667%; margin-right: -4.16667%; width: auto; margin-bottom: 0; } } @media (max-width: 480px) { .c-image-text-block-wrapper.is-alternating { margin-left: -20px; margin-right: -20px; width: auto; } } .c-image-text-block-wrapper.is-alternating:nth-child(even) .c-image-text-button-block__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-image-text-block-wrapper.is-alternating:nth-child(even) .c-image-text-button-block__text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-image-text-block-wrapper.is-inverted .c-image-text-block__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-image-text-block-wrapper.is-inverted .c-image-text-block__text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-image-text-block-wrapper.is-inverted .c-image-text-button-block__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-image-text-block-wrapper.is-inverted .c-image-text-button-block__text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-image-text-block { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 480px) { .c-image-text-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-image-text-block__image { width: 50%; } @media (max-width: 480px) { .c-image-text-block__image { width: 100%; } } .c-image-text-block__image .u-media-wrapper--1-1 { height: 100%; } .c-image-text-block__image .u-media-wrapper--1-1 i { height: 120%; } .c-image-text-block__text { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 4.16667%; padding-right: 4.16667%; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .c-image-text-block__text { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-image-text-block__text { padding-top: 60px; } } @media (min-width: 480px) { .c-image-text-block__text { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-image-text-block__text { padding-bottom: 50px; } } @media (max-width: 480px) { .c-image-text-block__text { width: 100%; padding-left: 20px; padding-right: 20px; } } .o-section--careers-content .c-image-text-block__text .c-article { padding-right: 10.52632%; padding-left: 0; max-width: 100%; } @media (max-width: 800px) { .o-section--careers-content .c-image-text-block__text .c-article { padding-right: 0; } } .o-section--careers-content .c-image-text-block__text .c-article p.u-b0 { max-width: 100%; width: 100%; } .o-section--careers-content .c-image-text-block__text .c-article p.u-b2, .o-section--careers-content .c-image-text-block__text .c-article .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .o-section--careers-content .c-image-text-block__text .c-article p.c-development-statistics__subtitle { width: 70%; } @media (max-width: 1440px) { .o-section--careers-content .c-image-text-block__text .c-article p.u-b2, .o-section--careers-content .c-image-text-block__text .c-article .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .o-section--careers-content .c-image-text-block__text .c-article p.c-development-statistics__subtitle { width: 291px; } } .c-image-text-block__text .c-article:last-child p.u-b2, .c-image-text-block__text .c-article:last-child .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-image-text-block__text .c-article:last-child p.c-development-statistics__subtitle { margin-bottom: 0; } .o-section--careers-content .c-image-text-block__text { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .o-section--careers-content .c-image-text-block__text .c-article { padding-right: 10.52632%; padding-left: 16.66667%; } @media (max-width: 1140px) { .o-section--careers-content .c-image-text-block__text .c-article { padding-right: 10.52632%; padding-left: 10.52632%; } } @media (max-width: 800px) { .o-section--careers-content .c-image-text-block__text .c-article { padding-left: 0; padding-right: 0; } } .c-image-text-block--small .c-image-text-block__image { width: 72.22222%; } @media (max-width: 480px) { .c-image-text-block--small .c-image-text-block__image { width: 100%; } } .c-image-text-block--small .c-image-text-block__text { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 61.11111%; padding-left: 5.55556%; padding-right: 5.55556%; } @media (max-width: 1140px) { .c-image-text-block--small .c-image-text-block__text { padding-left: 5.55556%; } } @media (max-width: 480px) { .c-image-text-block--small .c-image-text-block__text { width: 100%; text-align: center; } } .c-image-text-block--small .c-image-text-block__text .c-article { padding-left: 0; padding-right: 0; } .c-image-text-block--small .u-media-wrapper { padding-bottom: 56.25%; } .c-image-text-block--small .u-media-wrapper i { height: 100%; } .c-about-intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } @media (min-width: 480px) { .c-about-intro { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-about-intro { padding-bottom: 30px; } } .c-about-intro .u-a1 { margin-bottom: 0.95em; } .c-about-intro .c-article--2-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-about-passion { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } @media (min-width: 480px) { .c-about-passion { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-about-passion { padding-bottom: 30px; } } .c-about-vision { padding-bottom: 50px; } @media (min-width: 480px) { .c-about-vision { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-about-vision { padding-bottom: 80px; } } .c-about-vision-animation { overflow: hidden; margin: 0 auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 40px; } @media (min-width: 480px) { .c-about-vision-animation { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-about-vision-animation { padding-top: 60px; } } @media (max-width: 800px) { .c-about-vision-animation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-about-vision-animation .c-layered-animation-wrapper { width: 100%; position: relative; } .c-about-vision-animation .c-article-wrapper { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 4; width: 36.36364%; } @media (max-width: 800px) { .c-about-vision-animation .c-article-wrapper { width: 100%; position: relative; left: auto; top: auto; -webkit-transform: none; transform: none; } } .c-about-vision-animation .c-article-wrapper .c-article { position: absolute; visibility: hidden; opacity: 0; padding-left: 12.5%; } @media (max-width: 800px) { .c-about-vision-animation .c-article-wrapper .c-article { position: relative; padding-left: 0; opacity: 1; visibility: visible; padding-bottom: 40px; } } @media (max-width: 480px) { .c-about-vision-animation .c-article-wrapper .c-article { padding-bottom: 25px; } } @media (max-width: 480px) { .c-about-vision-animation .c-article-wrapper .c-article h3 { margin-bottom: 0.5em; } } .c-about-vision-animation .c-article-wrapper .c-article p { max-width: 480px; } @media (max-width: 1920px) { .c-about-vision-animation .c-article-wrapper .c-article p { max-width: 360px; } } @media (max-width: 800px) { .c-about-vision-animation .c-article-wrapper .c-article p { max-width: 100%; } } @media (max-width: 480px) { .c-about-vision-animation .c-article-wrapper .c-article p { font-size: 13px; } } .c-about-vision-animation .c-article-wrapper .c-article:last-of-type { padding-bottom: 0; } .c-layered-animation-wrapper { margin-top: 40px; } @media (max-width: 800px) { .c-layered-animation-wrapper { z-index: 2; position: relative; } } .c-layered-animation-container { width: 63.63636%; } @media (max-width: 800px) { .c-layered-animation-container { width: 100%; } } .c-layered-animation-outer { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scale(1.571); transform: scale(1.571); } @media (max-width: 800px) { .c-layered-animation-outer { -webkit-transform: none; transform: none; } } .c-layered-animation-title { position: absolute; top: 30px; left: 0; width: 100%; } @media (max-width: 800px) { .c-layered-animation-title { top: 0; } } .c-layered-animation-title .c-article-wrapper--2-column { padding-top: 0; } @media (max-width: 800px) { .c-layered-animation-title .c-article-wrapper--2-column { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-layered-animation-title .c-article-wrapper--2-column h3 { opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } @media (max-width: 800px) { .c-layered-animation-title .c-article-wrapper--2-column .c-article { width: 50%; } } .c-layered-animation-title .c-article-wrapper--2-column .c-article:last-child h3 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .is-pinned .c-layered-animation-title h3 { opacity: 1; } .c-layered-animation { position: absolute; top: 10px; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: #f1f5f7; } .c-layered-animation--base { opacity: 1; visibility: visible; } .c-layered-animation__item { position: absolute; top: -1%; left: -1%; width: 102%; height: 102%; } @media (max-width: 800px) { .c-layered-animation__item { top: -5%; left: -5%; width: 110%; height: 110%; } } .c-layered-animation__item-bg { position: absolute; top: 0; left: 0; width: 100%; background-size: cover; background-position: center; height: 100%; } .c-about-present-future-wrapper--bottom { padding-top: 40px; } @media (min-width: 480px) { .c-about-present-future-wrapper--bottom { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-about-present-future-wrapper--bottom { padding-top: 60px; } } .c-about-present-future-wrapper--bottom .c-inline-image-wrapper { padding-top: 40px; } @media (min-width: 480px) { .c-about-present-future-wrapper--bottom .c-inline-image-wrapper { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-about-present-future-wrapper--bottom .c-inline-image-wrapper { padding-top: 60px; } } .c-about-present-future .c-article-wrapper .c-article--wysiwyg { -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-about-present-future .c-article-wrapper.is-pinned .c-article--wysiwyg { opacity: 0; } .c-development-intro { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 60px; padding-bottom: 40px; } @media (min-width: 480px) { .c-development-intro { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-development-intro { padding-top: 100px; } } @media (min-width: 480px) { .c-development-intro { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-development-intro { padding-bottom: 50px; } } @media (max-width: 1140px) { .c-development-intro { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-development-intro__left { width: 50%; } @media (max-width: 800px) { .c-development-intro__left { width: 100%; } } .c-development-intro__right { padding-top: 20px; width: 50%; padding-left: 11.11111%; padding-right: 5.55556%; } @media (min-width: 480px) { .c-development-intro__right { padding-top: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-development-intro__right { padding-top: 30px; } } @media (max-width: 1140px) { .c-development-intro__right { padding-left: 5.55556%; padding-right: 0; } } @media (max-width: 800px) { .c-development-intro__right { width: 100%; padding-top: 30px; padding-left: 11.11111%; } } @media (max-width: 480px) { .c-development-intro__right { padding-left: 0; } } .c-grid-images-wrapper { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .c-grid-images-wrapper { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-grid-images-wrapper { padding-top: 50px; } } @media (min-width: 480px) { .c-grid-images-wrapper { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-grid-images-wrapper { padding-bottom: 50px; } } @media (max-width: 480px) { .c-grid-images-wrapper { padding-top: 0; } } .c-grid-images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 800px) { .c-grid-images { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-grid-images__left { padding-top: 50px; width: 54.16667%; padding-right: 15px; } @media (min-width: 480px) { .c-grid-images__left { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-grid-images__left { padding-top: 80px; } } @media (max-width: 1140px) { .c-grid-images__left { width: 62.5%; } } @media (max-width: 800px) { .c-grid-images__left { width: 66.66667%; } } @media (max-width: 480px) { .c-grid-images__left { width: 100%; padding-top: 0; } } .c-grid-images__right { width: 25%; padding-left: 15px; } @media (max-width: 1140px) { .c-grid-images__right { width: 33.33333%; } } @media (max-width: 800px) { .c-grid-images__right { width: 33.33333%; } } @media (max-width: 480px) { .c-grid-images__right { width: 60%; padding-top: 15px; } } .c-article-wrapper--2-column { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 800px) { .c-article-wrapper--2-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-article-wrapper--2-column .c-article { width: 50%; padding-left: 0; padding-right: 30px; } .c-article-wrapper--2-column .c-article p, .c-article-wrapper--2-column .c-article .u-b0 { max-width: 420px; } @media (max-width: 800px) { .c-article-wrapper--2-column .c-article { width: 100%; padding-bottom: 40px; } } @media (max-width: 800px) and (min-width: 480px) { .c-article-wrapper--2-column .c-article { padding-bottom: calc(2.08333vw + 30px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-article-wrapper--2-column .c-article { padding-bottom: 60px; } } @media (max-width: 800px) { .c-article-wrapper--2-column .c-article:last-child { padding-bottom: 40px; } } @media (max-width: 800px) and (min-width: 480px) { .c-article-wrapper--2-column .c-article:last-child { padding-bottom: calc(2.08333vw + 30px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-article-wrapper--2-column .c-article:last-child { padding-bottom: 60px; } } .c-article { width: 100%; padding-left: 16.66667%; max-width: 77.77778%; margin: 0 auto; } @media (max-width: 1440px) { .c-article { max-width: 840px; } } @media (max-width: 800px) { .c-article { padding-left: 0; } } .u-text-center .c-article { padding-left: 0; } .c-article .u-a3, .c-article .u-a2, .c-article .u-a1 { max-width: 85%; } @media (max-width: 1920px) { .c-article .u-a3, .c-article .u-a2, .c-article .u-a1 { max-width: 720px; } } .c-article .u-b2, .c-article .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-article p.c-development-statistics__subtitle { margin-bottom: 40px; color: inherit; } @media (min-width: 480px) { .c-article .u-b2, .c-article .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-article p.c-development-statistics__subtitle { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-article .u-b2, .c-article .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-article p.c-development-statistics__subtitle { margin-bottom: 50px; } } .o-section--careers-content .c-article .u-b2, .o-section--careers-content .c-article .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .o-section--careers-content .c-article p.c-development-statistics__subtitle { max-width: 100%; width: 291px; } .c-article .u-b0, .c-article p { max-width: 62.5%; width: 100%; } .c-about-intro-wrapper .c-article .u-b0, .c-about-intro-wrapper .c-article p { max-width: 77.778%; } .c-about-passion .c-article .u-b0, .c-about-passion .c-article p { max-width: 75%; } @media (max-width: 480px) { .c-about-passion .c-article .u-b0, .c-about-passion .c-article p { max-width: 100%; } } @media (max-width: 1440px) { .c-article .u-b0, .c-article p { max-width: 500px; } } @media (max-width: 600px) { .c-article .u-b0, .c-article p { width: auto; } } .o-section--careers-content .c-article .u-b0, .o-section--careers-content .c-article p { width: 419px; } @media (max-width: 600px) { .o-section--careers-content .c-article .u-b0, .o-section--careers-content .c-article p { width: auto; } } .c-article ul a, .c-article li a { color: #1da5f9; } .c-article__text-list .u-b1 { margin-bottom: 15px; } .c-article__text-list .u-b2, .c-article__text-list .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-article__text-list p.c-development-statistics__subtitle { color: #667275; } .c-article--w-no-padding { padding-left: 0; } .c-article--x-narrow { max-width: 420px; } .c-article--x-narrow .u-a3 { margin-bottom: 40px; } @media (min-width: 480px) { .c-article--x-narrow .u-a3 { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-article--x-narrow .u-a3 { margin-bottom: 50px; } } .c-article--narrow .u-b2, .c-article--narrow .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-article--narrow p.c-development-statistics__subtitle { max-width: 600px; } .c-article--narrow .u-a2 { max-width: 600px; } .c-article--wide .u-a2, .c-article--wide h3 { max-width: 1040px; } @media (max-width: 1920px) { .c-article--wide .u-a2, .c-article--wide h3 { max-width: 720px; } } .c-article--wide .u-b0, .c-article--wide p { max-width: 100%; width: 500px; } @media (max-width: 600px) { .c-article--wide .u-b0, .c-article--wide p { width: auto; } } .c-article--wide.u-text-center .u-a3, .c-article--wide.u-text-center .u-b0 { margin-left: auto; margin-right: auto; } .c-article--centered { margin: 0 auto; padding-left: 0; } .c-article--centered.u-text-center .u-a3, .c-article--centered.u-text-center .u-a2, .c-article--centered.u-text-center .u-b0 { margin-left: auto; margin-right: auto; } .c-article--2-column { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 800px) { .c-article--2-column { -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-article--2-column .c-article__left { width: 100%; padding-bottom: 20px; } .c-article--2-column .c-article__right { width: 100%; } .c-article--2-column .c-article__right .u-b0 { margin-bottom: 0; } } .c-article--wysiwyg h2, .c-article--wysiwyg h3, .c-article--wysiwyg h4 { max-width: 1140px; } .c-article--wysiwyg h2 { font-family: "TTSupermolotNeue", sans-serif; font-size: 30px; line-height: 38px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01579em; font-weight: normal; margin-bottom: 0.6em; } @media (min-width: 480px) { .c-article--wysiwyg h2 { font-size: calc(0.83333vw + 26px); } } @media (min-width: 1440px) { .c-article--wysiwyg h2 { font-size: calc(0.625vw + 29px); } } @media (min-width: 1920px) { .c-article--wysiwyg h2 { font-size: calc(2.96875vw - 16px); } } @media (min-width: 2560px) { .c-article--wysiwyg h2 { font-size: 60px; } } @media (min-width: 480px) { .c-article--wysiwyg h2 { line-height: calc(0.41667vw + 36px); } } @media (min-width: 1440px) { .c-article--wysiwyg h2 { line-height: calc(1.45833vw + 21px); } } @media (min-width: 1920px) { .c-article--wysiwyg h2 { line-height: calc(3.59375vw - 20px); } } @media (min-width: 2560px) { .c-article--wysiwyg h2 { line-height: 72px; } } .o-section--careers-quote-image .c-article--wysiwyg h2 { max-width: 85%; } @media (max-width: 1440px) { .o-section--careers-quote-image .c-article--wysiwyg h2 { max-width: 720px; } } .c-article--wysiwyg h3 { font-family: "TTSupermolotNeue", sans-serif; font-size: 21px; line-height: 24px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.016em; font-weight: normal; margin-bottom: 0.8em; } @media (min-width: 480px) { .c-article--wysiwyg h3 { font-size: calc(0.41667vw + 19px); } } @media (min-width: 1440px) { .c-article--wysiwyg h3 { font-size: calc(1.04167vw + 10px); } } @media (min-width: 1920px) { .c-article--wysiwyg h3 { font-size: calc(1.5625vw + 0px); } } @media (min-width: 2560px) { .c-article--wysiwyg h3 { font-size: 40px; } } @media (min-width: 480px) { .c-article--wysiwyg h3 { line-height: calc(0.41667vw + 22px); } } @media (min-width: 1440px) { .c-article--wysiwyg h3 { line-height: calc(1.66667vw + 4px); } } @media (min-width: 1920px) { .c-article--wysiwyg h3 { line-height: calc(3.125vw - 24px); } } @media (min-width: 2560px) { .c-article--wysiwyg h3 { line-height: 56px; } } .c-article--wysiwyg h4 { font-family: "TTSupermolotNeue", sans-serif; font-size: 18px; line-height: 20px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01429em; font-weight: normal; margin-bottom: 1em; } @media (min-width: 480px) { .c-article--wysiwyg h4 { font-size: calc(0.3125vw + 16.5px); } } @media (min-width: 1440px) { .c-article--wysiwyg h4 { font-size: calc(0.625vw + 12px); } } @media (min-width: 1920px) { .c-article--wysiwyg h4 { font-size: calc(0.9375vw + 6px); } } @media (min-width: 2560px) { .c-article--wysiwyg h4 { font-size: 30px; } } @media (min-width: 480px) { .c-article--wysiwyg h4 { line-height: calc(0.41667vw + 18px); } } @media (min-width: 1440px) { .c-article--wysiwyg h4 { line-height: calc(1.04167vw + 9px); } } @media (min-width: 1920px) { .c-article--wysiwyg h4 { line-height: calc(1.71875vw - 4px); } } @media (min-width: 2560px) { .c-article--wysiwyg h4 { line-height: 40px; } } .c-article--wysiwyg h5 { font-family: "TTSupermolotNeue", sans-serif; font-variation-settings: "wght" 600, "slnt" 0 !important; font-weight: normal; letter-spacing: 0.142857px; font-size: 18px; line-height: 22px; margin-bottom: 1em; } @media (max-width: 1440px) { .c-article--wysiwyg h5 { font-size: 15px; line-height: 18px; } } .c-article--wysiwyg p, .c-article--wysiwyg ul, .c-article--wysiwyg ol, .c-article--wysiwyg figcaption, .c-article--wysiwyg cite { color: #667275; } .c-article--wysiwyg p { font-family: "Roboto-Regular", sans-serif; font-size: 14px; line-height: 18px; font-weight: normal; letter-spacing: -0.00588em; font-style: normal; margin-bottom: 1.4em; width: 100%; max-width: 960px; } @media (min-width: 480px) { .c-article--wysiwyg p { font-size: calc(0.3125vw + 12.5px); } } @media (min-width: 1440px) { .c-article--wysiwyg p { font-size: calc(0.83333vw + 5px); } } @media (min-width: 1920px) { .c-article--wysiwyg p { font-size: 21px; } } @media (min-width: 480px) { .c-article--wysiwyg p { line-height: calc(0.41667vw + 16px); } } @media (min-width: 1440px) { .c-article--wysiwyg p { line-height: calc(1.66667vw - 2px); } } @media (min-width: 1920px) { .c-article--wysiwyg p { line-height: 30px; } } @media (max-width: 1920px) { .c-article--wysiwyg p { max-width: 76.92308%; } } @media (max-width: 1440px) { .c-article--wysiwyg p { max-width: 500px; } } .c-article--wysiwyg p:last-child { margin-bottom: 0; } .c-article--wysiwyg p img { width: 100% !important; height: auto !important; } @media (max-width: 600px) { .c-article--wysiwyg p { width: auto; } } .c-article--wysiwyg figcaption { font-size: 0.8rem; width: 100%; margin: 0 auto; } @media (max-width: 800px) { .c-article--wysiwyg figcaption { max-width: 100%; } } .c-article--wysiwyg ul, .c-article--wysiwyg ol { list-style: none; list-style-position: inside; padding-bottom: 40px; } @media (min-width: 480px) { .c-article--wysiwyg ul, .c-article--wysiwyg ol { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-article--wysiwyg ul, .c-article--wysiwyg ol { padding-bottom: 50px; } } .c-article--wysiwyg ul li, .c-article--wysiwyg ol li { padding-left: 30px; margin-bottom: 0.6em; } .c-article--wysiwyg ul li:last-child, .c-article--wysiwyg ol li:last-child { margin-bottom: 0; } .c-article--wysiwyg ul a, .c-article--wysiwyg ol a { color: rgba(29, 165, 249, 0.5); } .c-article--wysiwyg ul li:before { content: ""; display: block; position: absolute; left: 0; top: 0.7em; width: 5px; height: 5px; background-color: #1da5f9; font-size: 0.8em; } .c-article--wysiwyg ol { counter-reset: li; } .c-article--wysiwyg ol li:before { display: block; position: absolute; left: 0; top: 0.1em; counter-increment: li; content: counter(li, decimal-leading-zero); color: #1da5f9; font-size: 0.8em; font-family: "TTSupermolotNeue", sans-serif; font-style: oblique -12deg; } .c-article--wysiwyg li { position: relative; } .c-article--wysiwyg a { color: #1da5f9; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-article--wysiwyg a:hover { color: rgba(29, 165, 249, 0.5); } .c-article ol { counter-reset: li; list-style: none; } .c-article ol.u-b0 { margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; } @media (min-width: 480px) { .c-article ol.u-b0 { padding-top: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-article ol.u-b0 { padding-top: 30px; } } @media (min-width: 480px) { .c-article ol.u-b0 { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-article ol.u-b0 { padding-bottom: 30px; } } .c-article ol li { position: relative; padding-bottom: 10px; } @media (min-width: 480px) { .c-article ol li { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-article ol li { padding-bottom: 20px; } } .c-article ol li:last-of-type { padding-bottom: 0; } .c-article ol li:before { content: counter(li, decimal-leading-zero); display: block; position: absolute; right: 100%; padding-right: 30px; top: 0.1em; font-size: 0.64706em; counter-increment: li; font-family: "TTSupermolotNeue", sans-serif; font-style: oblique -12deg; font-variation-settings: "wght" 400, "GRAD" 88; } @media (max-width: 1140px) { .c-article ol li:before { padding-right: 10px; } } .c-article .u-content-editor { padding-bottom: 40px; } @media (min-width: 480px) { .c-article .u-content-editor { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-article .u-content-editor { padding-bottom: 50px; } } .u-text-center .c-article h3 { margin-left: auto; margin-right: auto; } .c-map-wrapper--retailer { position: relative; } .c-map { position: relative; } .c-map__top { position: relative; z-index: 3; } @media (max-width: 800px) { .c-map__top { margin-left: -20px; margin-right: -20px; } } @media (max-width: 480px) { .c-map__top { margin-left: -4.16667%; margin-right: -4.16667%; } } .c-map__bottom { padding-top: 40px; } @media (min-width: 480px) { .c-map__bottom { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-map__bottom { padding-top: 50px; } } .c-map--retailer .c-map__top { position: absolute; width: 100%; z-index: 5; top: 50px; pointer-events: none; } @media (min-width: 480px) { .c-map--retailer .c-map__top { top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-map--retailer .c-map__top { top: 80px; } } @media (max-width: 800px) { .c-map--retailer .c-map__top { margin-left: 0; margin-right: 0; top: 80px; } } @media (max-width: 800px) and (min-width: 480px) { .c-map--retailer .c-map__top { top: calc(6.25vw + 50px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-map--retailer .c-map__top { top: 140px; } } .c-map--retailer .c-map__bottom { padding-top: 0; } .c-map--retailer .c-google-map { height: 100vh; } .c-google-map { background-color: #ffffff; min-height: 600px; } @media (max-width: 800px) { .c-google-map { min-height: 500px; } } @media (max-width: 480px) { .c-google-map { min-height: 400px; } } .c-google-map-info-windows { display: none; } .c-info-window { padding: 40px 2px 22px 20px; min-width: 240px; width: 100%; } @media (max-width: 480px) { .c-info-window { min-width: 200px; } } .c-info-window__header { padding-bottom: 20px; } .c-info-window__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-info-window__content-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 20px; } .c-info-window__footer { padding-top: 20px; } .c-info-window .u-icon { color: #1da5f9; margin-right: 12px; position: relative; top: 4px; } .c-info-window .u-b2, .c-info-window .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-info-window p.c-development-statistics__subtitle { color: #667275; } .c-info-window .c-link { color: #001217; } .c-info-window .c-link:hover { color: #1da5f9; } .c-retailer-map-select-wrapper { max-width: 360px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 20px; pointer-events: initial; background-color: #0d2936; } .c-retailer-map-select-wrapper:before { left: 0; } .c-retailer-map-select-wrapper:after { right: 0; } .c-retailer-map-select-wrapper .c-select-icon { position: absolute; top: 50%; right: 10px; margin-top: -4px; border-color: #ffffff; } .c-retailer-map-your-location { color: #001217; font-family: "Roboto-Regular", sans-serif; letter-spacing: normal; pointer-events: initial; font-size: 15px; } @media (max-width: 1440px) { .c-retailer-map-your-location { font-size: 13px; } } .c-retailer-map-your-location .c-link__prepend { margin-right: 10px; font-size: 15px; } .c-retailer-map-your-location .c-link__label { text-decoration: underline; } .c-retailer-map-your-location:hover .c-link__label { text-decoration: none; } .c-map-cta { max-width: 480px; margin-left: auto; margin-right: auto; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .c-map-cta { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-map-cta { padding-top: 50px; } } @media (min-width: 480px) { .c-map-cta { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-map-cta { padding-bottom: 60px; } } .c-map-cta .u-a1 { margin-bottom: 0.4em; } .c-map-cta .u-b2, .c-map-cta .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-map-cta p.c-development-statistics__subtitle { opacity: 0.8; margin-bottom: 30px; } .gm-style .gm-style-iw-c { border-radius: 0; padding: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .gm-style .gm-style-iw button.gm-ui-hover-effect { top: 150px !important; right: 10px !important; } .gm-style .gm-style-iw button.gm-ui-hover-effect img { width: 18px !important; height: 18px !important; } .gm-style .gm-style-iw-t::after { display: none; } .gm-style-iw-d { margin-top: 140px; background-color: #ffffff; -webkit-box-shadow: 0 12px 24px rgba(0, 0, 0, 0.11563); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.11563); } .gm-style-iw-d > div { padding: 40px 2px 22px 20px; min-width: 240px; width: 100%; } @media (max-width: 800px) { .gm-style-iw-d > div { min-width: 220px; } } .c-contact-info-wrapper { max-width: 81.81818%; margin: 0 auto; } @media (max-width: 1440px) { .c-contact-info-wrapper { max-width: 1080px; } } .c-contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1140px) { .c-contact-info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 800px) { .c-contact-info { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-contact-info__left { width: 27.77778%; padding-right: 5.55556%; } @media (max-width: 800px) { .c-contact-info__left { width: 100%; padding-right: 0; padding-bottom: 40px; } } @media (max-width: 800px) and (min-width: 480px) { .c-contact-info__left { padding-bottom: calc(1.04167vw + 35px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-contact-info__left { padding-bottom: 50px; } } .c-contact-info__right { width: 72.22222%; } @media (max-width: 800px) { .c-contact-info__right { width: 100%; } } .c-contact-info .c-contact-info__list-item { color: #ffffff; } .c-contact-info .u-a1 { padding-bottom: 0.4em; } .c-contact-info .c-link { padding: 0; } .c-contact-info .c-link--secondary { color: inherit; } .c-contact-info .c-link--secondary:hover { color: #1da5f9; } .c-contact-info__list-item { padding-bottom: 30px; } @media (min-width: 480px) { .c-contact-info__list-item { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-contact-info__list-item { padding-bottom: 40px; } } .c-contact-info__list-item:last-child { padding-bottom: 0; } .c-contact-info-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; } .c-contact-info-cards__item { width: 33.33333%; min-width: 250px; } @media (max-width: 800px) { .c-contact-info-cards__item { width: 50%; min-width: auto; } } @media (max-width: 480px) { .c-contact-info-cards__item { width: 100%; } } .c-contact-info-cards__item:last-child .c-contact-info-card { border-right: none; } .c-contact-info-card { min-height: 270px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 30px; padding-right: 30px; border-right: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 40px; } @media (max-width: 1140px) { .c-contact-info-card { padding-left: 20px; padding-right: 20px; } } @media (max-width: 600px) { .c-contact-info-card { min-height: 180px; } } @media (max-width: 480px) { .c-contact-info-card { padding-left: 0; padding-right: 0; min-height: 0; border-right: none; } } .c-contact-info-card__top { padding-bottom: 30px; } @media (min-width: 480px) { .c-contact-info-card__top { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-contact-info-card__top { padding-bottom: 40px; } } @media (max-width: 800px) { .c-contact-info-card__top { padding-bottom: 0; } } .c-contact-info-card__bottom { padding-top: 30px; } @media (min-width: 480px) { .c-contact-info-card__bottom { padding-top: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-contact-info-card__bottom { padding-top: 40px; } } .c-contact-info-card .c-button { width: 100%; } .c-contact-card-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-contact-card-list__item { width: 25%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: auto; padding-right: 5px; } @media (max-width: 800px) { .c-contact-card-list__item { width: 50%; } } @media (max-width: 480px) { .c-contact-card-list__item { width: 100%; } } .c-contact-card-list__item .c-contact-card { width: 100%; } .c-contact-card { background-color: #ffffff; padding: 30px; } .c-contact-card__header { padding-bottom: 40px; } @media (min-width: 480px) { .c-contact-card__header { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-contact-card__header { padding-bottom: 50px; } } .c-contact-card__header .u-b4, .c-contact-card__header .c-newsletter-form .wpcf7 .your-email .wpcf7-not-valid-tip, .c-newsletter-form .wpcf7 .your-email .c-contact-card__header .wpcf7-not-valid-tip { display: inline-block; max-width: 160px; padding-top: 10px; } .c-contact-card__contact-info p { color: #667275; } .c-contact-card__contact-info a { display: inline-block; font-weight: bold; margin-bottom: 10px; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-contact-card__contact-info a:hover { color: #1da5f9; } .c-contact-disclaimer { padding-top: 40px; } .c-contact-disclaimer a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-contact-disclaimer a:hover .c-contact-disclaimer__badge { background-color: #1da5f9; } .c-contact-disclaimer a:hover .c-contact-disclaimer__text { color: #1da5f9; } .c-contact-disclaimer__badge { width: 60px; border: 1px solid rgba(255, 255, 255, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-contact-disclaimer__badge svg { display: inline-block; margin: 0 auto; } .c-contact-disclaimer__text { padding-left: 20px; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-eyebrow { display: inline-block; padding-bottom: 20px; } @media (min-width: 480px) { .c-eyebrow { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-eyebrow { padding-bottom: 30px; } } .c-big-stats { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #ffffff; } @media (max-width: 480px) { .c-big-stats { min-width: auto; } } .c-big-stats__header { position: relative; } .c-big-stats__content { padding-top: 5px; } .c-big-stats__content-number { display: inline-block; width: auto; } .c-big-stats__content-number i { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .c-big-stats__content-text { margin-top: -15px; } @media (max-width: 800px) { .c-big-stats__content-text { margin-top: 0; } } .c-big-stats__content-text span { display: block; } .c-stats-wrapper { margin-bottom: 30px; } @media (min-width: 480px) { .c-stats-wrapper { margin-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-stats-wrapper { margin-bottom: 40px; } } .c-stats-wrapper__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1140px) { .c-stats-wrapper__list { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-stats-wrapper__list .c-stats { padding-left: 20px; padding-right: 20px; } .c-stats-toggler { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px; } @media (min-width: 480px) { .c-stats-toggler { padding-top: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-stats-toggler { padding-top: 30px; } } .c-stats-toggler__button { background-color: transparent; outline: none; border-radius: 0; -webkit-appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); width: 90px; padding: 4px 10px; color: #ffffff; cursor: pointer; } .c-stats-toggler__button.is-active { background-color: #ffffff; color: #001217; border-color: #ffffff; pointer-events: none; } .c-stats-toggler__button-label { display: inline-block; vertical-align: middle; position: relative; } .c-stats-toggler__button-label span { display: block; width: 100%; font-style: normal; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c-stats-toggler__button-label:after { text-align: center; display: block; content: attr(data-label); position: absolute; top: 100%; left: 0; width: 100%; color: currentColor; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c-stats-toggler__button:hover .c-stats-toggler__button-label span { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .c-stats-toggler__button:hover .c-stats-toggler__button-label:after { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } .c-stats { color: #ffffff; } @media (max-width: 1140px) { .c-stats { width: 50%; } } @media (max-width: 800px) { .c-stats { width: 50%; } } .c-stats__inner { min-width: 105px; } .c-stats__header { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 5px; position: relative; } .c-stats__header i.u-b4, .c-stats__header .c-newsletter-form .wpcf7 .your-email i.wpcf7-not-valid-tip, .c-newsletter-form .wpcf7 .your-email .c-stats__header i.wpcf7-not-valid-tip { position: absolute; font-style: normal; color: rgba(255, 255, 255, 0.3); top: 100%; left: 0; width: 100%; padding-top: 5px; } .c-stats__content { padding-top: 20px; margin-top: 5px; } .c-stats__content span { display: inline-block; } .c-stats__content .u-a2 { padding-left: 10px; } .c-stats--2-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 1140px) { .c-stats--2-column { width: 100%; } } .c-stats--2-column .c-stats__inner:not(:last-child) { margin-right: 5px; } .c-stats--3-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 1140px) { .c-stats--3-column { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-stats--3-column .c-stats__inner:not(:last-child) { margin-right: 5px; } @media (max-width: 1140px) { .c-stats--3-column .c-stats__inner { width: calc(50% - 20px); } .c-stats--3-column .c-stats__inner:nth-child(odd) { margin-right: 40px; } .c-stats--3-column .c-stats__inner:nth-child(even) { margin-right: 0; } } .c-simple-slider-container { max-width: 660px; } .c-simple-slider-container.swiper-container { overflow: visible; } .c-draggable-slider-container { position: relative; z-index: 1; } .c-draggable-slider-container.swiper-container { overflow: visible; } @media (max-width: 800px) { .c-draggable-slider-container.swiper-container { padding-top: 40px; } } @media (max-width: 800px) and (min-width: 480px) { .c-draggable-slider-container.swiper-container { padding-top: calc(2.08333vw + 30px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-draggable-slider-container.swiper-container { padding-top: 60px; } } @media (max-width: 480px) { .c-draggable-slider-container.swiper-container { padding-top: 50px; padding-right: 20px; } } @media (max-width: 480px) and (min-width: 480px) { .c-draggable-slider-container.swiper-container { padding-top: calc(3.125vw + 35px); } } @media (max-width: 480px) and (min-width: 1440px) { .c-draggable-slider-container.swiper-container { padding-top: 80px; } } .c-draggable-slider-wrapper { position: relative; padding-bottom: 40px; padding-top: 40px; } @media (min-width: 480px) { .c-draggable-slider-wrapper { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-draggable-slider-wrapper { padding-bottom: 60px; } } @media (min-width: 480px) { .c-draggable-slider-wrapper { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-draggable-slider-wrapper { padding-top: 60px; } } .c-draggable-slider-wrapper .c-draggable-slider-info { position: absolute; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; pointer-events: none; top: -40px; } @media (min-width: 480px) { .c-draggable-slider-wrapper .c-draggable-slider-info { top: calc(-2.08333vw - 30px); } } @media (min-width: 1440px) { .c-draggable-slider-wrapper .c-draggable-slider-info { top: -60px; } } .c-draggable-slider-wrapper .c-draggable-slider-info .c-big-stats-wrapper { margin: 0 auto; display: inline-block; min-width: 320px; max-width: 480px; text-align: center; } @media (max-width: 480px) { .c-draggable-slider-wrapper .c-draggable-slider-info .c-big-stats-wrapper { min-width: 220px; max-width: 83.33333%; } } .c-draggable-slider-wrapper .c-draggable-slider-info .u-a5 { white-space: nowrap; } .c-draggable-slider-wrapper .o-container { position: relative; } .c-draggable-slider__item { max-width: 50%; padding-top: 10px; padding-bottom: 10px; } @media (min-width: 480px) { .c-draggable-slider__item { padding-top: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-draggable-slider__item { padding-top: 20px; } } @media (min-width: 480px) { .c-draggable-slider__item { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-draggable-slider__item { padding-bottom: 20px; } } @media (max-width: 1140px) { .c-draggable-slider__item { max-width: 59.09091%; } } @media (max-width: 800px) { .c-draggable-slider__item { max-width: 77.27273%; } } @media (max-width: 600px) { .c-draggable-slider__item { max-width: 100%; } } .c-draggable-slider__item .c-image-with-caption { position: relative; height: 0; padding-bottom: 56.25%; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); width: 100%; overflow: hidden; } .c-draggable-slider__item .c-image-with-caption i { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .is-cursor-down .c-draggable-slider__item .c-image-with-caption i { -webkit-transform: scale(1.05); transform: scale(1.05); } .c-draggable-slider__item .c-image-with-caption:before, .c-draggable-slider__item .c-image-with-caption:after { content: ""; display: block; position: absolute; width: 100%; opacity: 0.5; height: 50%; z-index: 2; } .c-draggable-slider__item .c-image-with-caption:before { top: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.0001)), color-stop(99.14%, #001217)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.0001) 0%, #001217 99.14%); } .c-draggable-slider__item .c-image-with-caption:after { bottom: 0; height: 50%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0001)), color-stop(99.14%, #001217)); background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #001217 99.14%); } .c-draggable-slider__item .c-image-with-caption figcaption { color: #ffffff; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; } .c-draggable-slider__item .c-image-with-caption figcaption a { cursor: none; padding: 20px; display: inline-block; } @media (max-width: 800px) { .c-draggable-slider__item .c-image-with-caption figcaption a { padding: 10px 20px; } } .c-draggable-slider__item--narrow { max-width: 36.36364%; } @media (max-width: 1140px) { .c-draggable-slider__item--narrow { max-width: 45.45455%; } } @media (max-width: 800px) { .c-draggable-slider__item--narrow { max-width: 54.54545%; } } @media (max-width: 600px) { .c-draggable-slider__item--narrow { max-width: 81.81818%; } } .c-draggable-slider-cursor-wrapper { position: relative; cursor: none; } .c-draggable-slider-cursor { position: fixed; width: 86px; height: 86px; top: -43px; left: -43px; z-index: 99; pointer-events: none; mix-blend-mode: difference; } @media (max-width: 1140px) { .c-draggable-slider-cursor { display: none; } } .c-draggable-slider-cursor__circle { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .is-cursor-visible .c-draggable-slider-cursor__circle { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .is-cursor-down .c-draggable-slider-cursor__circle { border-color: #ffffff; -webkit-transform: scale(0.5); transform: scale(0.5); } .is-link-hovered .c-draggable-slider-cursor__circle { border-color: rgba(255, 255, 255, 0.3); -webkit-transform: scale(1); transform: scale(1); } .c-draggable-slider-cursor__label { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); margin-top: 2px; } .c-draggable-slider-cursor__label--click { opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); mix-blend-mode: difference; padding: 10px; } .is-link-hovered .c-draggable-slider-cursor__label--click { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .is-cursor-visible .c-draggable-slider-cursor__label { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .is-cursor-down .c-draggable-slider-cursor__label { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } .is-link-hovered .c-draggable-slider-cursor__label { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } .c-draggable-slider-cursor__arrow { position: absolute; top: 50%; margin-top: -5px; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; } .c-draggable-slider-cursor__arrow--prev { width: 0; height: 0; border-style: solid; margin-left: -18px; border-width: 5px 5px 5px 0; border-color: transparent #ffffff transparent transparent; -webkit-transform: translateX(-5px); transform: translateX(-5px); } .is-cursor-down .c-draggable-slider-cursor__arrow--prev { opacity: 1; -webkit-transform: translateX(0) scale(1.75); transform: translateX(0) scale(1.75); } .c-draggable-slider-cursor__arrow--next { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; margin-right: -18px; border-color: transparent transparent transparent #ffffff; -webkit-transform: translateX(5px); transform: translateX(5px); } .is-cursor-down .c-draggable-slider-cursor__arrow--next { opacity: 1; -webkit-transform: translateX(0) scale(1.75); transform: translateX(0) scale(1.75); } .c-image-with-caption { overflow: hidden; } .c-image-with-caption img { display: block; max-width: 110%; width: 110%; } .c-draggable-slider__item .c-image-with-caption img { height: auto; } .c-image-with-caption figcaption { display: block; padding-top: 10px; } .c-image-with-caption__caption { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; } .c-image-with-caption__caption-text { max-width: 52.17391%; color: #667275; } @media (max-width: 1440px) { .c-image-with-caption__caption-text { max-width: 360px; } } .c-image-with-caption__caption-text .u-a1 { color: #001217; margin-bottom: 0.4em; } .c-image-with-caption__caption-number { width: 40px; padding-top: 3px; padding-right: 20px; } .c-images-mosaic { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media (max-width: 480px) { .c-images-mosaic { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-images-mosaic__left { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 480px) { .c-images-mosaic__left .c-mosaic-image { padding: 5px; width: 100%; } } .c-images-mosaic__left .c-mosaic-image:first-child { margin-left: auto; margin-right: 0; width: 100%; } .c-images-mosaic__right { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-images-mosaic__right .u-b2, .c-images-mosaic__right .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-images-mosaic__right p.c-development-statistics__subtitle { max-width: 360px; padding: 20px 10px 10px 10px; color: #667275; } @media (max-width: 480px) { .c-images-mosaic__right .u-b2, .c-images-mosaic__right .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-images-mosaic__right p.c-development-statistics__subtitle { padding-top: 10px; } } .o-section--careers-croatia .c-images-mosaic__right .u-b2, .o-section--careers-croatia .c-images-mosaic__right .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .o-section--careers-croatia .c-images-mosaic__right p.c-development-statistics__subtitle { margin-left: 0; } .c-images-mosaic__right .c-mosaic-image { padding-right: 0; } @media (max-width: 480px) { .c-images-mosaic__right .c-mosaic-image { padding-right: 5px; } } .c-images-mosaic .u-media-wrapper { background-size: cover; background-position: center; } .c-mosaic-image { padding: 10px; } @media (max-width: 800px) { .c-mosaic-image { padding: 5px; } } .c-technology-image { position: absolute; top: 0; right: 0; width: 75%; height: 100vh; } @media (max-width: 1920px) { .c-technology-image { width: 91.66667%; } } @media (max-width: 800px) { .c-technology-image { position: relative; top: auto; right: auto; height: auto; width: 100%; margin-left: auto; margin-right: auto; padding-top: 90px; } } @media (max-width: 480px) { .c-technology-image { width: 100%; } } .c-technology-image i { position: absolute; display: block; background-size: cover; background-position: center; width: 100%; left: 0; height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: 56.25%; } @media (max-width: 800px) { .c-technology-image i { padding-bottom: 75%; position: relative; top: auto; left: 50%; width: 160%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 480px) { .c-technology-image i { padding-bottom: 133.33333%; width: 100%; } } .c-quote-wrapper { max-width: 62.5%; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .c-quote-wrapper { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-quote-wrapper { padding-top: 50px; } } @media (min-width: 480px) { .c-quote-wrapper { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-quote-wrapper { padding-bottom: 50px; } } @media (max-width: 1440px) { .c-quote-wrapper { max-width: 900px; } } .c-quote-wrapper--narrow { max-width: 54.16667%; } @media (max-width: 1440px) { .c-quote-wrapper--narrow { max-width: 780px; } } .c-quote-wrapper--inline { width: 100%; max-width: 77.77778%; padding-left: 16.66667%; margin: 0 auto; } @media (max-width: 1440px) { .c-quote-wrapper--inline { max-width: 840px; } } @media (max-width: 800px) { .c-quote-wrapper--inline { padding-left: 0; } } .c-quote-wrapper--inline .c-quote--detailed { padding-right: 0; position: relative; } .c-quote-wrapper--inline .c-quote--detailed .c-quote__image { position: absolute; right: 100%; top: 0; width: 90px; margin-right: 30px; } .c-quote-wrapper--inline .c-quote__left { padding-right: 0; } .c-quote-wrapper--inline .c-quote__image { max-width: 90px; margin-left: auto; margin-right: 0; } .c-quote { padding-left: 30px; border-left: 1px solid #1da5f9; } @media (max-width: 480px) { .c-quote { padding-left: 20px; } } .c-quote__left { width: 66.66667%; padding-right: 30px; } @media (max-width: 800px) { .c-quote__left { padding-right: 20px; } } @media (max-width: 480px) { .c-quote__left { padding-right: 10px; } } .c-quote__left p, .c-quote__left .u-a2, .c-quote__left .u-b2, .c-quote__left .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-quote__left p.c-development-statistics__subtitle { width: auto; } .c-quote__left p:last-of-type, .c-quote__left .u-a2:last-of-type, .c-quote__left .u-b2:last-of-type, .c-quote__left .c-development-statistics p.c-development-statistics__subtitle:last-of-type, .c-development-statistics .c-quote__left p.c-development-statistics__subtitle:last-of-type { margin-bottom: 0; } .c-quote__left .u-b2, .c-quote__left .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-quote__left p.c-development-statistics__subtitle { margin-top: 20px; } .c-quote__left ul.c-social-links { width: auto; } .c-quote__right { width: 33.33333%; padding-left: 30px; } @media (max-width: 800px) { .c-quote__right { padding-left: 20px; } } @media (max-width: 480px) { .c-quote__right { padding-left: 10px; } } .c-quote--detailed .c-quote__quote { width: 100%; } .c-quote__quote .u-a2 { max-width: 76.92308%; } @media (max-width: 1440px) { .c-quote__quote .u-a2 { max-width: 500px; } } .c-quote__image { max-width: 90px; } @media (max-width: 800px) { .c-quote__image { display: none; } } .c-quote--detailed { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 30px; } @media (max-width: 480px) { .c-quote--detailed { margin-left: 20px; padding-left: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 20px; } } .c-quote--detailed .c-quote__left { width: 77.27273%; } @media (max-width: 480px) { .c-quote--detailed .c-quote__left { width: 100%; padding-right: 0; } } .c-quote--detailed .c-quote__right { width: 22.72727%; } @media (max-width: 480px) { .c-quote--detailed .c-quote__right { display: none; } } .c-quote .u-a3 { margin-bottom: 0; } .c-quote-image-wrapper { margin-bottom: 50px; } @media (min-width: 480px) { .c-quote-image-wrapper { margin-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-quote-image-wrapper { margin-bottom: 80px; } } .c-quote-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-quote-image__top { max-width: 360px; } .c-quote-image__bottom { padding-top: 0.95em; max-width: 360px; margin-left: auto; margin-right: 0; } .c-social-links-wrapper { padding-top: 40px; } @media (min-width: 480px) { .c-social-links-wrapper { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-social-links-wrapper { padding-top: 50px; } } .c-social-links { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-social-links__item { margin-right: 1px; margin-bottom: 0; } .c-pricing-table-wrapper { max-width: 81.81818%; margin: 0 auto; } @media (max-width: 1440px) { .c-pricing-table-wrapper { max-width: 1080px; } } @media (max-width: 800px) { .c-pricing-table-wrapper { max-width: none; } } .c-pricing-table { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } @media (max-width: 800px) { .c-pricing-table { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; padding-left: 4.16667%; padding-right: 4.16667%; } .c-pricing-table::-webkit-scrollbar { display: none; } } @media (max-width: 480px) { .c-pricing-table { padding-left: 20px; padding-right: 20px; } } .c-pricing-table__item { width: calc(33.33% - 10px); margin: 5px; } @media (max-width: 800px) { .c-pricing-table__item { -webkit-box-flex: 1; -ms-flex: 1 0 calc(50% - 10px); flex: 1 0 calc(50% - 10px); min-width: 400px; } } @media (max-width: 480px) { .c-pricing-table__item { min-width: 90%; } } .c-pricing-table--2 .c-pricing-table__item { width: calc(50% - 10px); } .c-pricing-plan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: #ffffff; height: 100%; padding-left: 11.09661%; padding-right: 11.09661%; padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .c-pricing-plan { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-pricing-plan { padding-top: 50px; } } @media (min-width: 480px) { .c-pricing-plan { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-pricing-plan { padding-bottom: 50px; } } @media (max-width: 800px) { .c-pricing-plan { padding-left: 6.52742%; padding-right: 6.52742%; } } .c-pricing-plan__header .u-a1 sub { bottom: 0; } .c-pricing-plan__header .u-b3 span { color: #667275; } .c-pricing-plan__header .u-b2, .c-pricing-plan__header .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-pricing-plan__header p.c-development-statistics__subtitle { color: #667275; margin-left: auto; margin-right: auto; padding-top: 40px; min-height: 92px; max-width: 300px; } @media (min-width: 480px) { .c-pricing-plan__header .u-b2, .c-pricing-plan__header .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-pricing-plan__header p.c-development-statistics__subtitle { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-pricing-plan__header .u-b2, .c-pricing-plan__header .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-pricing-plan__header p.c-development-statistics__subtitle { padding-top: 50px; } } @media (max-width: 1440px) { .c-pricing-plan__header .u-b2, .c-pricing-plan__header .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-pricing-plan__header p.c-development-statistics__subtitle { max-width: 240px; } } .c-pricing-plan__price { margin-top: 18px; margin-bottom: 3px; } .c-pricing-plan__subtitle span { display: inline-block; } @media (max-width: 800px) { .c-pricing-plan__content ul { padding-left: 15px; } } @media (max-width: 800px) { .c-pricing-plan__content li:before { left: -15px; } } .c-pricing-plan__footer { margin-top: auto; margin-bottom: 0; border-top: 1px solid rgba(29, 165, 249, 0.1); } @media (max-width: 800px) { .c-pricing-plan__footer .c-button__label:before { background-color: #1da5f9; } } @media (max-width: 800px) { .c-pricing-plan__footer .c-button__label-inner:after { color: #ffffff; } } .c-pricing-plan__disclaimer { max-width: 226px; margin: 0 auto; padding-top: 20px; } .c-pricing-plan-list { color: #667275; padding-top: 30px; padding-bottom: 30px; } @media (min-width: 480px) { .c-pricing-plan-list { padding-top: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-pricing-plan-list { padding-top: 40px; } } @media (min-width: 480px) { .c-pricing-plan-list { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-pricing-plan-list { padding-bottom: 40px; } } .c-pricing-plan-list__item { padding-bottom: 10px; padding-left: 20px; position: relative; } .c-pricing-plan-list__item:before { content: ''; position: absolute; top: 0.5em; left: 0; width: 4px; height: 4px; background-color: rgba(29, 165, 249, 0.3); } .c-pricing-plan-list__item:last-of-type { padding-bottom: 0; } .c-pricing-plan-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; } @media (min-width: 480px) { .c-pricing-plan-info { padding-top: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-pricing-plan-info { padding-top: 20px; } } @media (min-width: 480px) { .c-pricing-plan-info { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-pricing-plan-info { padding-bottom: 20px; } } .c-pricing-plan-info__item { width: 50%; text-align: left; } .c-pricing-plan-info__item span { display: block; padding-bottom: 0.4em; } .c-pricing-plan-info__item i { display: block; color: #667275; font-style: normal; } .c-pricing-plan-info__item .u-b0 span { color: #001217; } .c-pricing-footer { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .c-pricing-footer { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-pricing-footer { padding-top: 60px; } } @media (min-width: 480px) { .c-pricing-footer { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-pricing-footer { padding-bottom: 50px; } } .c-pricing-footer .c-article { margin-left: auto; margin-right: auto; } .c-pricing-footer .u-b2, .c-pricing-footer .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-pricing-footer p.c-development-statistics__subtitle { color: #667275; text-align: center; margin: 0 auto; } .c-faq-wrapper { max-width: 55.55556%; margin: 0 auto; } @media (max-width: 1440px) { .c-faq-wrapper { max-width: 600px; } } .c-faq__item { border-bottom: 1px solid rgba(29, 165, 249, 0.1); padding-top: 20px; padding-bottom: 20px; padding-left: 10%; padding-right: 10%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 480px) { .c-faq__item { padding-top: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-faq__item { padding-top: 30px; } } @media (min-width: 480px) { .c-faq__item { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-faq__item { padding-bottom: 30px; } } @media (max-width: 800px) { .c-faq__item { padding-left: 0; padding-right: 0; } } .c-faq__item:last-of-type { border-bottom: none; } .c-faq__item:first-of-type { padding-top: 0; } .c-faq__item-number { width: 60px; } @media (max-width: 480px) { .c-faq__item-number { width: 40px; } } .c-faq__item-content { width: 100%; } .c-faq__item-content .u-b1 { margin-bottom: 0.8em; } .c-faq__item-content .u-b2, .c-faq__item-content .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-faq__item-content p.c-development-statistics__subtitle { color: #667275; } .c-modal-wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 20; padding-top: 60px; padding-bottom: 60px; overflow: auto; pointer-events: none; } @media (min-width: 480px) { .c-modal-wrapper { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-modal-wrapper { padding-top: 100px; } } @media (min-width: 480px) { .c-modal-wrapper { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-modal-wrapper { padding-bottom: 100px; } } @media (max-width: 800px) { .c-modal-wrapper { padding-bottom: 120px; } } @media (max-width: 800px) and (min-width: 480px) { .c-modal-wrapper { padding-bottom: calc(8.33333vw + 80px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-modal-wrapper { padding-bottom: 200px; } } .is-navigation-opened .c-modal-wrapper { display: none; } .c-modal-wrapper--light { color: #001217; } .c-modal-wrapper--light .c-modal-overlay { background-color: #f1f5f7; } .c-modal-wrapper--light .c-hamburger__line { background-color: #001217; } .c-modal-wrapper--light .c-hamburger__line:before { background-color: #001217; } .c-modal-wrapper--light .c-hamburger:hover .c-hamburger__line { background-color: rgba(0, 18, 23, 0.5); } .c-modal-wrapper--factory-tours { padding-bottom: 0; } .c-modal-wrapper--factory-tours .c-modal { padding-bottom: 60px; } @media (min-width: 480px) { .c-modal-wrapper--factory-tours .c-modal { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-modal-wrapper--factory-tours .c-modal { padding-bottom: 100px; } } @media (max-width: 800px) { .c-modal-wrapper--factory-tours .c-modal { padding-bottom: 120px; } } @media (max-width: 800px) and (min-width: 480px) { .c-modal-wrapper--factory-tours .c-modal { padding-bottom: calc(8.33333vw + 80px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-modal-wrapper--factory-tours .c-modal { padding-bottom: 200px; } } .c-modal-wrapper--factory-tours .c-form-thank-you { z-index: 2; } .c-modal-wrapper.is-opened { pointer-events: all; } .c-modal-wrapper .c-logo--navigation { pointer-events: none; } .c-modal-wrapper .c-logo--navigation .c-logo-text, .c-modal-wrapper .c-logo--navigation .c-logo-sign { visibility: hidden; } .c-modal-wrapper .wpcf7-response-output { display: none !important; } .c-modal-wrapper .js-modal-item { opacity: 0; visibility: hidden; -webkit-transform: scale(1); transform: scale(1); } .is-modal-opened .c-modal-wrapper .c-logo--navigation .c-logo-text, .is-modal-opened .c-modal-wrapper .c-logo--navigation .c-logo-sign { visibility: visible; } .c-modal-header { position: absolute; padding-top: 20px; padding-bottom: 20px; top: 0; left: 0; width: 100%; z-index: 5; opacity: 0; visibility: hidden; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } @media (min-width: 480px) { .c-modal-header { padding-top: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-modal-header { padding-top: 30px; } } @media (min-width: 480px) { .c-modal-header { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-modal-header { padding-bottom: 30px; } } .is-modal-opened .c-modal-header { opacity: 1; visibility: visible; } .c-modal-header .o-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-modal { position: relative; display: block; } .c-modal-overlay { background-color: #0a222e; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; -webkit-transform: translateY(100%); transform: translateY(100%); } .c-factory-tour-card { background-color: rgba(255, 255, 255, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 77.77778%; margin-left: auto; margin-right: auto; } @media (max-width: 1440px) { .c-factory-tour-card { max-width: 840px; } } .c-factory-tour-card__left { width: 50%; padding: 30px; } .c-factory-tour-card__left-top { padding-bottom: 30px; } @media (min-width: 480px) { .c-factory-tour-card__left-top { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-factory-tour-card__left-top { padding-bottom: 40px; } } .c-factory-tour-card__left-top .u-a3 { margin-bottom: 0; } .c-factory-tour-card__left-bottom { padding-top: 30px; } @media (min-width: 480px) { .c-factory-tour-card__left-bottom { padding-top: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-factory-tour-card__left-bottom { padding-top: 40px; } } .c-factory-tour-card__right { width: 50%; background-size: cover; background-position: center; } .c-factory-tours-fallback-form-wrapper { padding-bottom: 40px; } @media (min-width: 480px) { .c-factory-tours-fallback-form-wrapper { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-factory-tours-fallback-form-wrapper { padding-bottom: 50px; } } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 40px; position: relative; } @media (min-width: 480px) { .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form { padding-bottom: 50px; } } @media (max-width: 800px) { .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 50px; padding-top: 50px; } } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 100%; height: 1px; border-top: 1px solid rgba(0, 18, 23, 0.1); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 800px) { .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form:after { width: 100vw; } } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form__form.sent .c-button--cta { background-color: transparent; pointer-events: none; } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form__input { border-bottom: 1px solid rgba(0, 18, 23, 0.3) !important; color: #001217 !important; } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form__input::-webkit-input-placeholder { color: rgba(0, 18, 23, 0.6) !important; } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form__input::-moz-placeholder { color: rgba(0, 18, 23, 0.6) !important; } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form__input:-ms-input-placeholder { color: rgba(0, 18, 23, 0.6) !important; } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form__input::-ms-input-placeholder { color: rgba(0, 18, 23, 0.6) !important; } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form__input::placeholder { color: rgba(0, 18, 23, 0.6) !important; } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form .c-button__label:before { background-color: #f1f5f7; } @media (max-width: 800px) { .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form .c-button__label:before { background-color: #1da5f9 !important; } } @media (max-width: 800px) { .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form .c-button__label-inner:after { color: #ffffff !important; } } .c-factory-tours-fallback-form-wrapper .c-factory-tours-fallback-form__right .c-newsletter-form .c-button__label-alt { color: #00dbb3 !important; position: relative; } .c-retailer-details-wrapper { padding-top: 50px; } @media (min-width: 480px) { .c-retailer-details-wrapper { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-retailer-details-wrapper { padding-top: 80px; } } .c-retailer-details__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-retailer-details__top-header { display: block; width: 100%; } .c-retailer-details__top .u-a2, .c-retailer-details__top .u-b4, .c-retailer-details__top .c-newsletter-form .wpcf7 .your-email .wpcf7-not-valid-tip, .c-newsletter-form .wpcf7 .your-email .c-retailer-details__top .wpcf7-not-valid-tip { display: block; width: 100%; } .c-retailer-details__top .u-a2 { margin-bottom: 0.3em; } .c-retailer-details__top .u-b4, .c-retailer-details__top .c-newsletter-form .wpcf7 .your-email .wpcf7-not-valid-tip, .c-newsletter-form .wpcf7 .your-email .c-retailer-details__top .wpcf7-not-valid-tip { margin-bottom: 3.2em; } .c-retailer-details__top-left { width: 50%; padding-right: 5.55556%; } @media (max-width: 480px) { .c-retailer-details__top-left { width: 100%; } } .c-retailer-details__top-left a { display: inline-block; vertical-align: middle; margin-left: 0; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-retailer-details__top-left a:hover { text-decoration: none; color: #1da5f9; } .c-retailer-details__top-right { width: 50%; } @media (max-width: 480px) { .c-retailer-details__top-right { width: 100%; } } .c-retailer-details__bottom { padding-top: 40px; } @media (min-width: 480px) { .c-retailer-details__bottom { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-retailer-details__bottom { padding-top: 50px; } } .c-retailer-details__address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #667275; padding-bottom: 5px; } .c-retailer-details__address-item { padding-bottom: 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .c-retailer-details__address .u-icon { color: #1da5f9; margin-right: 12px; } @media (max-width: 800px) { .c-retailer-details__address .u-icon { display: none; } } .c-retailer-details__links { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -10px; } .c-retailer-details__links a { display: inline-block; text-decoration: underline; margin-right: 20px; margin-bottom: 20px; padding: 10px 0; } .c-retailer-details__working-hours { color: #667275; } .c-retailer-details__working-hours li { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 5px; } .c-retailer-details__working-hours li span { display: inline-block; width: 90px; } .c-departments-positions-list__item:last-of-type .c-department-position { border-bottom: 0; } .c-department-position { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(29, 165, 249, 0.1); } @media (min-width: 480px) { .c-department-position { padding-top: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-department-position { padding-top: 20px; } } @media (min-width: 480px) { .c-department-position { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-department-position { padding-bottom: 20px; } } @media (max-width: 480px) { .c-department-position { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-department-position__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-right: 15px; } @media (max-width: 480px) { .c-department-position__left { width: 100%; } } .c-department-position__left .u-a2 { -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-department-position__left .u-b3 { padding-top: 3px; width: 60px; padding-right: 10px; } @media (max-width: 800px) { .c-department-position__left .u-b3 { padding-top: 5px; width: 40px; } } .c-department-position__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; } @media (max-width: 480px) { .c-department-position__right { width: 100%; padding-left: 40px; } } .c-department-position__right .u-b3 { padding-left: 30px; } @media (max-width: 800px) { .c-department-position__right .u-b3 { padding-left: 10px; } } @media (max-width: 800px) { .c-department-position__right .u-a2 { font-size: 13px; } } .c-department-position .u-a2 { margin-bottom: 0; } .c-department-position:hover .c-department-position__left .u-a2 { color: #1da5f9; } .c-life-in-croatia__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 800px) { .c-life-in-croatia__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 800px) { .c-life-in-croatia__top.no-padding-right { padding-right: 4.16667% !important; } } @media (max-width: 480px) { .c-life-in-croatia__top.no-padding-right { padding-right: 20px !important; } } .c-life-in-croatia__top-left { width: 42.85714%; } .c-life-in-croatia__top-left .c-article { max-width: 100%; margin-right: auto; margin-left: 0; } @media (max-width: 1440px) { .c-life-in-croatia__top-left .c-article { max-width: 77.777%; } } .c-life-in-croatia__top-left .u-b0 { max-width: 77%; width: 100%; } @media (max-width: 1440px) { .c-life-in-croatia__top-left .u-b0 { max-width: 419px; } } .c-life-in-croatia__top-left .u-b2, .c-life-in-croatia__top-left .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-life-in-croatia__top-left p.c-development-statistics__subtitle { width: 100%; max-width: 55%; } @media (max-width: 1440px) { .c-life-in-croatia__top-left .u-b2, .c-life-in-croatia__top-left .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-life-in-croatia__top-left p.c-development-statistics__subtitle { max-width: 291px; } } @media (max-width: 1140px) { .c-life-in-croatia__top-left { padding-right: 7.14286%; } } @media (max-width: 800px) { .c-life-in-croatia__top-left { padding-right: 0; width: 100%; } } .c-life-in-croatia__top-right { width: 57.14286%; } @media (max-width: 800px) { .c-life-in-croatia__top-right { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; padding-bottom: 30px; } } .c-life-in-croatia__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1140px) { .c-life-in-croatia__bottom.no-padding-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 800px) { .c-life-in-croatia__bottom.no-padding-left { padding-left: 4.16667% !important; padding-right: 4.16667% !important; } } @media (max-width: 480px) { .c-life-in-croatia__bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-life-in-croatia__bottom-left { width: 57.14286%; position: -webkit-sticky; position: sticky; top: 0; } @media (max-width: 1140px) { .c-life-in-croatia__bottom-left { width: 100%; display: none; position: static; top: auto; padding-top: 80px; } } @media (max-width: 1140px) and (min-width: 480px) { .c-life-in-croatia__bottom-left { padding-top: calc(6.25vw + 50px); } } @media (max-width: 1140px) and (min-width: 1440px) { .c-life-in-croatia__bottom-left { padding-top: 140px; } } @media (max-width: 480px) { .c-life-in-croatia__bottom-left figure.u-media-wrapper { min-width: 100%; width: 108.33333%; margin-left: -4.16667%; padding-bottom: 62.5%; } } .c-life-in-croatia__bottom-left .u-media-wrapper { width: auto; padding-bottom: 111.41869%; margin-top: 10px; margin-right: -10px; } .c-life-in-croatia__bottom-left .u-media-wrapper i { height: 120%; } @media (max-width: 1140px) { .c-life-in-croatia__bottom-left .u-media-wrapper { margin-top: 0; margin-right: 0; } } .c-life-in-croatia__bottom-right { width: 42.85714%; padding-left: 5%; padding-top: 80px; } @media (min-width: 480px) { .c-life-in-croatia__bottom-right { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-life-in-croatia__bottom-right { padding-top: 140px; } } @media (max-width: 1140px) { .c-life-in-croatia__bottom-right { padding-left: 9.09091%; width: 100%; } } @media (max-width: 800px) { .c-life-in-croatia__bottom-right { padding-left: 0; } } @media (max-width: 480px) { .c-life-in-croatia__bottom-right { width: 100%; } } .c-life-in-croatia__bottom-right .c-article { max-width: 100%; } @media (max-width: 1140px) { .c-life-in-croatia__bottom-right .c-article { padding-left: 0; max-width: 420px; margin-left: 0; } } .c-life-in-croatia__bottom-right .c-article ol, .c-life-in-croatia__bottom-right .c-article ul, .c-life-in-croatia__bottom-right .c-article p { max-width: 100%; } @media (max-width: 800px) { .c-life-in-croatia__bottom-right .c-article ol li:before { position: relative; right: auto; top: auto; } } .c-life-in-croatia__bottom .c-article ol { padding-bottom: 0; } .c-life-in-croatia__bottom .c-article ol .u-a2 { color: #001217; margin-bottom: 18px; } .c-life-in-croatia__bottom .c-article ol .u-b0 { color: #667275; } .c-life-in-croatia__bottom .c-article ol li { padding-bottom: 30px; } @media (max-width: 800px) { .c-life-in-croatia__bottom .c-article ol li { padding-bottom: 0; } } .c-life-in-croatia__bottom .c-article ol li:last-child { padding-bottom: 0; } .c-life-in-croatia__bottom .c-article ol li:last-child > *:last-child { margin-bottom: 0; } .c-careers-filters__search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-careers-filters__filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 40px; } @media (min-width: 480px) { .c-careers-filters__filters { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-careers-filters__filters { padding-bottom: 50px; } } @media (max-width: 480px) { .c-careers-filters__filters { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-careers-filters__filters .c-careers-filters__select { margin: 0 10px; } .c-custom-search-wrapper { padding-bottom: 40px; width: 100%; max-width: 660px; margin: 0 auto; } @media (min-width: 480px) { .c-custom-search-wrapper { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-custom-search-wrapper { padding-bottom: 50px; } } .c-custom-search { position: relative; } .c-custom-search__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 20px; left: 10px; padding: 5px 20px 5px 10px; color: var(--text-color); } @media (max-width: 800px) { .c-custom-search__icon { top: 10px; } } .is-focused .c-custom-search__icon { color: #001217; opacity: 0.6; } .c-custom-search__input { width: 100%; display: block; padding-left: 55px; margin-top: 60px; padding-top: 20px; padding-bottom: 20px; border: none; border-bottom: 1px solid var(--text-color); color: var(--text-color); background-color: transparent; border-radius: 0; -webkit-appearance: none; } @media (max-width: 800px) { .c-custom-search__input { margin-top: 30px; padding-top: 10px; padding-bottom: 10px; } } .is-focused .c-custom-search__input { background-color: #ffffff; color: #001217; } .c-custom-search__input:focus { border: none; outline: none; border-bottom: 1px solid #1da5f9; } .c-custom-search .c-autocomplete-list { position: absolute; z-index: 3; top: 100%; left: 0; width: 100%; background-color: #ffffff; max-height: 400px; overflow: auto; padding: 0 35px; } .c-custom-search .c-autocomplete-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 20px; font-size: 17px; cursor: pointer; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); color: #001217; } .c-custom-search .c-autocomplete-list__item:first-of-type { margin-top: 20px; } .c-custom-search .c-autocomplete-list__item:last-of-type { margin-bottom: 20px; } .c-custom-search .c-autocomplete-list__item:hover { background-color: #1da5f9; color: #ffffff; } .c-custom-search .c-autocomplete-list__item:hover .c-autocomplete-list__item-location, .c-custom-search .c-autocomplete-list__item:hover .autoComplete_highlighted { color: #ffffff; } .c-custom-search .c-autocomplete-list__item-location { display: inline-block; margin-left: auto; margin-right: 0; font-size: 13px; color: #a7b7bf; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-custom-search .c-autocomplete-list__item .autoComplete_highlighted { color: #1da5f9; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-custom-search .c-autocomplete-list .has-no-results { padding: 10px 20px; font-size: 17px; cursor: pointer; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); color: #a7b7bf; } .c-open-positions__item { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(29, 165, 249, 0.1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 600px) { .c-open-positions__item { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-open-positions__item a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } @media (max-width: 800px) { .c-open-positions__item a { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; } } @media (hover: hover) { .c-open-positions__item a:hover { background-color: #1da5f9; } .c-open-positions__item a:hover .c-open-positions__item-left .u-a1 { -webkit-transform: translateX(20px); transform: translateX(20px); color: #ffffff; } .c-open-positions__item a:hover .c-open-positions__item-center .u-b2--A, .c-open-positions__item a:hover .c-open-positions__item-right .u-b2--A { color: #ffffff; } } .c-open-positions__item-left { width: 61.42857%; padding-right: 40px; min-width: 240px; } @media (max-width: 1140px) { .c-open-positions__item-left { width: 82.85714%; padding-right: 20px; } } @media (max-width: 600px) { .c-open-positions__item-left { width: 100%; padding-bottom: 10px; } } .c-open-positions__item-left .u-a1 { -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-open-positions__item-center { width: 30.71429%; padding-right: 20px; min-width: 180px; } @media (max-width: 1140px) { .c-open-positions__item-center { width: 16.42857%; } } @media (max-width: 600px) { .c-open-positions__item-center { width: 50%; min-width: 50%; } } @media (max-width: 480px) { .c-open-positions__item-center { display: none; } } .c-open-positions__item-center .u-b2--A { -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-open-positions__item-right { width: 15%; min-width: 200px; padding-right: 20px; } @media (max-width: 600px) { .c-open-positions__item-right { width: 50%; min-width: 50%; text-align: right; } } @media (max-width: 480px) { .c-open-positions__item-right { width: 100%; min-width: 100%; text-align: left; } } .c-open-positions__item-right .u-b2--A { -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-open-positions__item--header { padding: 30px 0; } .c-open-positions__load-more { padding-top: 40px; text-align: center; } @media (min-width: 480px) { .c-open-positions__load-more { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-open-positions__load-more { padding-top: 60px; } } .c-open-positions__load-more .c-link { color: #001217; } .c-open-positions__load-more .c-link:hover { color: #1da5f9; } .c-open-positions__blank { pointer-events: none; padding: 100px 0; width: 100%; z-index: 4; } .c-open-positions__blank .u-a2 { margin-bottom: 0.4em; } .c-open-positions__blank .u-b0 { color: #667275; margin-bottom: 0; } .c-careers-single-cta { color: var(--text-color); margin: 0 auto; padding-left: 20px; padding-right: 20px; width: 45.83333%; min-width: 450px; } @media (max-width: 1140px) { .c-careers-single-cta { width: 58.33333%; } } @media (max-width: 800px) { .c-careers-single-cta { min-width: auto; width: 91.66667%; } } @media (max-width: 480px) { .c-careers-single-cta { width: 100%; } } .c-careers-single-cta .u-a2 { max-width: 480px; } .c-careers-single-cta .u-b0 { color: #667275; max-width: 400px; } .c-careers-single-disclaimer { margin-top: 60px; padding-top: 40px; padding-bottom: 60px; border-top: 1px solid rgba(29, 165, 249, 0.1); } @media (min-width: 480px) { .c-careers-single-disclaimer { margin-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-careers-single-disclaimer { margin-top: 100px; } } @media (min-width: 480px) { .c-careers-single-disclaimer { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-careers-single-disclaimer { padding-top: 60px; } } @media (min-width: 480px) { .c-careers-single-disclaimer { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-careers-single-disclaimer { padding-bottom: 100px; } } .c-careers-single-disclaimer .u-b2, .c-careers-single-disclaimer .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-careers-single-disclaimer p.c-development-statistics__subtitle { max-width: 770px; margin: 0 auto; color: #667275; } .c-prefooter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 40px; padding-bottom: 30px; position: relative; } @media (min-width: 480px) { .c-prefooter { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-prefooter { padding-top: 50px; } } @media (min-width: 480px) { .c-prefooter { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-prefooter { padding-bottom: 40px; } } @media (max-width: 800px) { .c-prefooter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 50px; padding-top: 50px; } } .c-prefooter:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 100%; height: 1px; border-top: 1px solid rgba(255, 255, 255, 0.1); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 800px) { .c-prefooter:after { width: 100vw; } } .c-prefooter__left { padding-right: 5.55556%; width: 50%; } @media (max-width: 800px) { .c-prefooter__left { width: 100%; padding-right: 0; } } .c-prefooter__right { padding-left: 5.55556%; width: 50%; } @media (max-width: 800px) { .c-prefooter__right { width: 100%; padding-left: 0; } } .c-footer__top { text-align: center; } @media (max-width: 800px) { .c-footer__top { text-align: left; } } .c-footer__top .c-menu--inline { padding-top: 50px; } @media (max-width: 800px) { .c-footer__top .c-menu--inline { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 20px; } } @media (max-width: 600px) { .c-footer__top .c-logo { display: none; } } .c-footer__top .c-logo svg { fill: #ffffff; } .c-footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 60px; } @media (min-width: 480px) { .c-footer__bottom { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-footer__bottom { padding-top: 100px; } } @media (max-width: 800px) { .c-footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 20px; } } @media (max-width: 800px) and (min-width: 480px) { .c-footer__bottom { padding-top: calc(1.04167vw + 15px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-footer__bottom { padding-top: 30px; } } .c-footer__bottom-left { padding-right: 4.54545%; width: 36.36364%; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 800px) { .c-footer__bottom-left { padding-right: 0; width: 100%; } } .c-footer__bottom-left .c-footer-contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 480px) { .c-footer__bottom-left .c-footer-contact-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-footer__bottom-center { width: 18.18182%; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 800px) { .c-footer__bottom-center { padding-top: 40px; width: 100%; } } @media (max-width: 800px) and (min-width: 480px) { .c-footer__bottom-center { padding-top: calc(1.04167vw + 35px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-footer__bottom-center { padding-top: 50px; } } .c-footer__bottom-center-right { width: 13.63636%; padding-left: 4.54545%; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } @media (max-width: 800px) { .c-footer__bottom-center-right { padding-top: 40px; width: 100%; } } @media (max-width: 800px) and (min-width: 480px) { .c-footer__bottom-center-right { padding-top: calc(1.04167vw + 35px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-footer__bottom-center-right { padding-top: 50px; } } .c-footer__bottom-right { width: 18.18182%; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; padding-left: 4.54545%; } @media (max-width: 800px) { .c-footer__bottom-right { padding-left: 0; width: 100%; padding-top: 40px; } } @media (max-width: 800px) and (min-width: 480px) { .c-footer__bottom-right { padding-top: calc(1.04167vw + 35px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-footer__bottom-right { padding-top: 50px; } } .c-footer__bottom-right .c-footer-contact-info__list--3-column { max-width: 100%; } .c-footer-contact-info__list { padding-top: 10px; } @media (min-width: 480px) { .c-footer-contact-info__list { padding-top: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-footer-contact-info__list { padding-top: 20px; } } .c-footer-contact-info__list--2-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-footer-contact-info__list--2-column .c-footer-contact-info__list-item { width: 50%; } .c-footer-contact-info__list--3-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 300px; gap: 10px 0; } .c-footer-contact-info__list--3-column .c-footer-contact-info__list-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; } .c-footer-contact-info__list-item { color: rgba(255, 255, 255, 0.8); padding-right: 20px; } .c-footer-contact-info__list-item .c-link { padding: 0; } .c-footer-contact-info__list-item .c-link--secondary { color: inherit; } .c-footer-contact-info__list-item .c-link--secondary:hover { color: #1da5f9; } .c-footer-contact-info--socials .c-link__label { display: none; } .c-footer-contact-info--socials .c-link__icon .u-icon { width: auto; height: 18px; display: block; } .c-newsletter-form__form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 480px; position: relative; margin-left: auto; } @media (max-width: 800px) { .c-newsletter-form__form { max-width: 100%; padding-top: 30px; } } @media (max-width: 600px) { .c-newsletter-form__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-newsletter-form__form p br { display: none; } .c-newsletter-form__form input { -webkit-appearance: none; } .c-newsletter-form__input { display: block; width: 100%; background-color: transparent; border: none; outline: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 10px 15px; color: #ffffff; -webkit-appearance: none; -moz-appearance: none; } @media (max-width: 800px) { .c-newsletter-form__input { max-width: 100%; padding-left: 0; } } .invalid .c-newsletter-form__input { border-color: #ff0000; } .c-newsletter-form__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form__input::-moz-placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form__input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form__input::placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form__button { border-radius: 0; } .c-newsletter-form__button:focus { border-radius: 0; outline: 0; } .c-newsletter-form__button .c-button__label-alt { display: none; } @media (max-width: 600px) { .c-newsletter-form__button { margin-top: 30px; } } .c-newsletter-form__button .c-button__inner { min-width: 100%; } .c-newsletter-form .wpcf7-form.sent .c-newsletter-form__button { border-color: rgba(0, 219, 179, 0.5); color: #00dbb3; } .c-newsletter-form .wpcf7-form.sent .c-newsletter-form__button .c-button__label-default { display: none; } .c-newsletter-form .wpcf7-form.sent .c-newsletter-form__button .c-button__label-alt { display: block; } .c-newsletter-form .wpcf7-form.sent .c-newsletter-form__button:before, .c-newsletter-form .wpcf7-form.sent .c-newsletter-form__button:after { background-color: rgba(0, 219, 179, 0.5); } .c-newsletter-form .wpcf7-form.sent .c-newsletter-form__button:hover { background-color: #00dbb3; color: #ffffff; } .c-newsletter-form .wpcf7-form.sent .your-email input { border-color: rgba(0, 219, 179, 0.5); -webkit-appearance: none; -moz-appearance: none; } .c-newsletter-form .wpcf7-form.invalid .your-email input { border-color: #ff0000; -webkit-appearance: none; -moz-appearance: none; } .c-newsletter-form .wpcf7-form.invalid .your-email .wpcf7-not-valid-tip { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .c-newsletter-form .wpcf7 { width: 100%; } .c-newsletter-form .wpcf7 .your-email { display: block; width: 100%; padding-right: 20px; } @media (max-width: 1140px) { .c-newsletter-form .wpcf7 .your-email { padding-right: 10px; } } @media (max-width: 600px) { .c-newsletter-form .wpcf7 .your-email { padding-right: 0; } } .c-newsletter-form .wpcf7 .your-email .wpcf7-not-valid-tip { color: #ff0000; position: absolute; display: inline-block; left: 0; top: 100%; padding: 10px 0; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; text-transform: uppercase; } .c-newsletter-form .wpcf7 .your-email input { display: block; width: 100%; background-color: transparent; border: none; outline: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 10px 15px 10px 0; color: #ffffff; height: 100%; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } @media (max-width: 800px) { .c-newsletter-form .wpcf7 .your-email { max-width: 100%; padding-left: 0; } } .c-newsletter-form .wpcf7 .your-email::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form .wpcf7 .your-email::-moz-placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form .wpcf7 .your-email:-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form .wpcf7 .your-email::-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form .wpcf7 .your-email::placeholder { color: rgba(255, 255, 255, 0.3); } .c-newsletter-form .wpcf7 .wpcf7-response-output { display: none !important; } .c-newsletter-form .c-form__label { position: absolute; left: 0; bottom: 100%; } @media (max-width: 800px) { .c-newsletter-form .c-form__label { bottom: auto; top: 15px; } } input { font-size: 15px; } @media (max-width: 1440px) { input { font-size: 13px; } } /** * Custom video player * 1. Settings * 2. Time input track styles * 3. Time input thumb styles * 4. Volume input track styles * 5. Volume input thumb styles * 6. Custom video player wrapper styles * 7. Indicator for playback state * 8. HTML Video styles * 9. Controls wrapper * 10. Progress wrapper * 11. Progress bar styles - cross browser progress element for displaying elapsed time * 12. Time range input styles - cross browser range input for navigating in time * 13. Actions wrapper - contains all action buttons * 14. Actions left/right area * 15. Volume wrapper * 16. Volume range input styles - cross browser range input for volume * 17. Action buttons - accessible buttons that do action * 18. Icon manipulation * 19. Reset SVG styles inside player * 20. Video player cover * 21. Controls hiding utility classes */ /* 1 */ /* 2 */ /* 3 */ /* 4 */ /* 5 */ /* 6 */ .c-custom-video-player { position: relative; color: #ffffff; font-family: "TTSupermolotNeue", sans-serif; font-size: 13px; line-height: 19px; font-variation-settings: "wght" 400, "GRAD" 88; /* 7 */ /* 8 */ /* 9 */ /* 10 */ /* 11 */ /* 12 */ /* 13 */ /* 14 */ /* 15 */ /* 16 */ /* 17 */ /* 18 */ /* 19 */ /* 20 */ /* 21 */ } @media (min-width: 480px) { .c-custom-video-player { font-size: calc(0.10417vw + 12.5px); } } @media (min-width: 1440px) { .c-custom-video-player { font-size: calc(0.41667vw + 8px); } } @media (min-width: 1920px) { .c-custom-video-player { font-size: 16px; } } @media (min-width: 480px) { .c-custom-video-player { line-height: calc(0.10417vw + 18.5px); } } @media (min-width: 1440px) { .c-custom-video-player { line-height: calc(0.41667vw + 14px); } } @media (min-width: 1920px) { .c-custom-video-player { line-height: 22px; } } @media (max-width: 800px) { .c-custom-video-player { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .c-custom-video-player:hover .c-custom-video-player__controls { -webkit-transform: translateY(0%); transform: translateY(0%); } .c-custom-video-player:hover .c-custom-video-player__action-button { opacity: 1; visibility: visible; pointer-events: auto; } .c-custom-video-player__state-indicator { pointer-events: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 3.125rem; height: 3.125rem; border-radius: 100%; background-color: rgba(0, 18, 23, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .is-paused .c-custom-video-player__state-indicator { opacity: 1; visibility: visible; } .c-custom-video-player__video { width: 100%; height: 100%; max-height: 100vh; max-width: 100vw; } .c-custom-video-player__controls { right: 0; left: 0; padding: 1.25rem 30px 2.5rem 30px; position: absolute; bottom: 0; z-index: 4; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, rgba(0, 18, 23, 0.7))); background: linear-gradient(180deg, transparent 0%, rgba(0, 18, 23, 0.7) 80%); } .is-paused .c-custom-video-player__controls { -webkit-transform: translateY(0%); transform: translateY(0%); } @media (max-width: 480px) { .c-custom-video-player__controls { padding: 1.25rem 30px 1.25rem 30px; } } @media (max-width: 480px) { .c-custom-video-player__controls { padding: 1.25rem 20px 0.9375rem 20px; } } .c-custom-video-player__progress { position: relative; height: 1px; } .c-custom-video-player__progress-bar { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; padding: 0; margin: 0; width: 100%; height: 1px; pointer-events: none; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .c-custom-video-player__progress-bar::-webkit-progress-bar { background-color: rgba(255, 255, 255, 0.3); } .c-custom-video-player__progress-bar::-webkit-progress-value { background: #1da5f9; } .c-custom-video-player__progress-bar::-moz-progress-bar { background: #1da5f9; } .c-custom-video-player__progress-bar::-ms-fill { background: #1da5f9; } .c-custom-video-player__time-input { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-appearance: none; margin: 0; padding: 0; width: 100%; -webkit-box-shadow: none; box-shadow: none; outline: none; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); cursor: pointer; min-height: 0; background: transparent; font: inherit; } .c-custom-video-player__time-input::-webkit-slider-thumb { -webkit-appearance: none; } .c-custom-video-player__time-input::-webkit-slider-runnable-track { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; width: 100%; height: 1px; background: transparent; } .c-custom-video-player__time-input::-moz-range-track { box-sizing: border-box; border: none; width: 100%; height: 1px; background: transparent; } .c-custom-video-player__time-input::-ms-track { box-sizing: border-box; border: none; width: 100%; height: 1px; background: transparent; } .c-custom-video-player__time-input::-webkit-slider-thumb { margin-top: 0.5px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; width: 0; height: 0; border-radius: 50%; background: #1da5f9; } .c-custom-video-player__time-input::-moz-range-thumb { box-sizing: border-box; border: none; width: 0; height: 0; border-radius: 50%; background: #1da5f9; } .c-custom-video-player__time-input::-ms-thumb { margin-top: 0; box-sizing: border-box; border: none; width: 0; height: 0; border-radius: 50%; background: #1da5f9; } .c-custom-video-player__time-input::-ms-tooltip { display: none; } .c-custom-video-player__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0.9375rem; padding-bottom: 0.3125rem; } .c-custom-video-player__actions-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .c-custom-video-player__actions-right { position: relative; } .c-custom-video-player__volume { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-custom-video-player__volume-input { -webkit-appearance: none; margin: 0 0.625rem; padding: 0; width: 6.25rem; -webkit-box-shadow: none; box-shadow: none; outline: none; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); cursor: pointer; min-height: 11px; background: transparent; font: inherit; } .c-custom-video-player__volume-input::-webkit-slider-thumb { -webkit-appearance: none; } .c-custom-video-player__volume-input::-webkit-slider-runnable-track { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; width: 100%; height: 3px; background: #ffffff; } .c-custom-video-player__volume-input::-moz-range-track { box-sizing: border-box; border: none; width: 100%; height: 3px; background: #ffffff; } .c-custom-video-player__volume-input::-ms-track { box-sizing: border-box; border: none; width: 100%; height: 3px; background: #ffffff; } .c-custom-video-player__volume-input::-webkit-slider-thumb { margin-top: -4px; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; width: 11px; height: 11px; border-radius: 50%; background: #ffffff; } .c-custom-video-player__volume-input::-moz-range-thumb { box-sizing: border-box; border: none; width: 11px; height: 11px; border-radius: 50%; background: #ffffff; } .c-custom-video-player__volume-input::-ms-thumb { margin-top: 0; box-sizing: border-box; border: none; width: 11px; height: 11px; border-radius: 50%; background: #ffffff; } .c-custom-video-player__volume-input::-ms-tooltip { display: none; } .c-custom-video-player__action-button { background: transparent; text-decoration: none; cursor: pointer; padding: 5px 0.625rem; outline: none; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; position: relative; } .is-playing .c-custom-video-player__action-button { opacity: 0; visibility: hidden; pointer-events: none; } .c-custom-video-player__play { display: none; } .is-paused .c-custom-video-player__play { display: inline-block; } .c-custom-video-player__pause { display: inline-block; } .is-paused .c-custom-video-player__pause { display: none; } .c-custom-video-player__sound { display: inline-block; } .is-muted .c-custom-video-player__sound { display: none; } .c-custom-video-player__mute { display: none; } .is-muted .c-custom-video-player__mute { display: inline-block; } .c-custom-video-player__full-screen { display: inline-block; } .is-full-screen .c-custom-video-player__full-screen { display: none; } .c-custom-video-player__exit-full-screen { display: none; } .is-full-screen .c-custom-video-player__exit-full-screen { display: inline-block; } .c-custom-video-player svg { width: 0.75rem; height: 0.75rem; stroke-width: 0; stroke: currentColor; fill: currentColor; color: #ffffff; } .c-custom-video-player__cover { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); padding: 2.1875rem 30px 6.875rem 30px; opacity: 1; visibility: visible; z-index: 3; } @media (max-width: 800px) { .c-custom-video-player__cover { position: static; padding: 1.875rem 0 0 0; height: auto; color: var(--text-color); } .c-video-popup .c-custom-video-player__cover { padding-left: 30px; padding-right: 30px; } } @media (max-width: 480px) { .c-video-popup .c-custom-video-player__cover { padding-left: 20px; padding-right: 20px; } } .is-playing .c-custom-video-player__cover { opacity: 0; visibility: hidden; pointer-events: none; } @media (max-width: 800px) { .is-playing .c-custom-video-player__cover { opacity: 1; visibility: visible; } } .c-custom-video-player__cover-image-wrapper { position: relative; } .c-custom-video-player__cover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); z-index: 2; } .is-playing .c-custom-video-player__cover-image, .is-paused .c-custom-video-player__cover-image { opacity: 0; visibility: hidden; } .c-custom-video-player__cover-image:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 18, 23, 0.3); z-index: 1; } .c-custom-video-player__cover-text { position: relative; z-index: 3; max-width: 360px; } @media (max-width: 800px) { .c-custom-video-player__cover-text { padding-right: 50px; visibility: visible; opacity: 1; -webkit-transition: 0.25s; transition: 0.25s; } } .c-custom-video-player__cover-text .u-a1 { margin-bottom: 10px; } .c-custom-video-player__cover-text .u-b2, .c-custom-video-player__cover-text .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-custom-video-player__cover-text p.c-development-statistics__subtitle { margin-bottom: 0; min-width: 0; max-width: 360px; } .c-custom-video-player.is-cover-play-button-off .c-custom-video-player__state-indicator { display: none; } .c-custom-video-player.is-full-screen-off .c-custom-video-player__full-screen-controls { display: none; } .c-custom-video-player.is-volume-off .c-custom-video-player__volume { display: none; } .c-custom-video-player .c-play-button { position: absolute; top: 50%; left: 50%; width: 60px; margin-left: -30px; margin-top: -25px; border: none; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .c-custom-video-player__time { position: absolute; left: 30px; bottom: 50px; z-index: 3; width: auto !important; } @media (max-width: 800px) { .c-custom-video-player__time { bottom: 30px; } } @media (max-width: 480px) { .c-custom-video-player__time { left: 20px; bottom: 20px; } } @media (max-width: 800px) { .c-custom-video-player--plyr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .c-footnote { margin-top: 40px; padding-top: 50px; position: relative; } @media (min-width: 480px) { .c-footnote { margin-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-footnote { margin-top: 60px; } } @media (min-width: 480px) { .c-footnote { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-footnote { padding-top: 80px; } } .c-footnote:before { content: ""; position: absolute; display: block; width: 1px; background-color: rgba(255, 255, 255, 0.3); top: 0; left: 50%; height: 40px; } @media (min-width: 480px) { .c-footnote:before { height: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-footnote:before { height: 50px; } } .c-footnote--centered { max-width: 280px; margin-left: auto; margin-right: auto; } .c-homepage-slider { overflow: hidden; } .c-homepage-slider__canvas { position: fixed; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100vh; /* Fallback for browsers that do not support Custom Properties */ height: calc(var(--vh, 1vh) * 100); width: 100vw; overflow: hidden; } .c-homepage-slider__canvas canvas { position: absolute; top: 50%; left: 50%; width: auto !important; height: auto !important; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; max-width: 200vw; z-index: 1; } @media (max-width: 800px) { .c-homepage-slider__canvas canvas { max-width: none; } } .c-homepage-slider__inner { position: relative; z-index: 2; } .c-homepage-slider__video { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; z-index: -2; pointer-events: none; } .is-mobile .c-homepage-slider__video { overflow: hidden; z-index: 0; position: absolute; top: 0; left: 0; width: 100vh; height: 100vh; max-width: none; } @media (min-aspect-ratio: 16 / 9) { .is-mobile .c-homepage-slider__video { width: 100%; height: auto; } } @media (max-aspect-ratio: 16 / 9) { .is-mobile .c-homepage-slider__video { width: auto; height: 100%; } } .c-homepage-slider__video-wrapper { white-space: nowrap; position: absolute; top: 0; right: -5%; bottom: 0; left: -5%; overflow: hidden; display: none; z-index: 0; opacity: 0; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .swiper-slide-active .c-homepage-slider__video-wrapper { opacity: 1; -webkit-transition: opacity 0.4s 0.7s ease-out; transition: opacity 0.4s 0.7s ease-out; } .is-mobile .c-homepage-slider__video-wrapper { display: block; } .c-homepage-slider__video-wrapper-overlay { position: absolute; top: 0; left: -5%; right: -5%; height: 100%; background-color: rgba(0, 18, 23, 0.5); display: none; z-index: 1; opacity: 0; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .swiper-slide-active .c-homepage-slider__video-wrapper-overlay { opacity: 1; -webkit-transition: opacity 0.4s 0.7s ease-out; transition: opacity 0.4s 0.7s ease-out; } .is-mobile .has-dark-overlay .c-homepage-slider__video-wrapper-overlay { display: block; } .c-homepage-slider .swiper-container { width: 100%; height: 100vh; } .c-homepage-slider.is-mobile .swiper-container { overflow: visible; } .c-homepage-slider__pagination { position: fixed; left: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; padding-left: 22px; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 800px) { .c-homepage-slider__pagination { top: auto; bottom: 30px; left: 20px; -webkit-transform: none; transform: none; } } @media (max-width: 480px) { .c-homepage-slider__pagination { padding-left: 12px; padding-bottom: 0; } } .c-homepage-slider__pagination-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-homepage-slider__pagination-list ul li { color: rgba(255, 255, 255, 0.5); padding: 5px 0; cursor: pointer; overflow: hidden; -webkit-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media (hover: hover) { .c-homepage-slider__pagination-list ul li:hover { color: #ffffff; } } .c-homepage-slider__pagination-list ul li.is-active { color: #ffffff; pointer-events: none; } .c-homepage-slider__pagination-progress { position: absolute; top: 20px; bottom: 20px; left: 0; width: 2px; background-color: rgba(255, 255, 255, 0.3); overflow: hidden; } @media (max-width: 480px) { .c-homepage-slider__pagination-progress { bottom: 0; } } .c-homepage-slider__pagination-progress-line { position: absolute; top: 0; width: 100%; height: 15px; background-color: #ffffff; } .c-homepage-slider__pagination-count { position: relative; opacity: 0.5; padding-top: 3px; } .c-homepage-slider__pagination-current span { display: inline-block; } .c-homepage-slider__pagination-current span:first-child { margin-right: 10px; } .c-homepage-slider__pagination-bullet.swiper-pagination-bullet { display: block; width: 100%; height: auto; background: transparent; border-radius: 0; position: relative; padding: 5px 0 5px 20px; opacity: 1; } .c-homepage-slider__pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet-active { pointer-events: none; } .c-homepage-slider__pagination-bullet.swiper-pagination-bullet i { display: inline-block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background-color: #ffffff; } .c-homepage-slider .c-scroll-indicator { position: fixed; bottom: 10px; left: 50%; } @media (max-width: 800px) { .c-homepage-slider .c-scroll-indicator { bottom: 30px; left: auto; right: 20px; -webkit-transform: none; transform: none; } } .c-home-slider-item { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-home-slider-item__inner { max-width: 33.33333%; width: 100%; text-align: center; z-index: 2; position: relative; } @media (max-width: 1440px) { .c-home-slider-item__inner { max-width: 445px; } } .is-mobile .c-home-slider-item__inner { margin-top: -60px; } .c-home-slider-item__title { opacity: 0; -webkit-transition: opacity 0.5s !important; transition: opacity 0.5s !important; -webkit-transition-delay: 0.3s !important; transition-delay: 0.3s !important; margin-bottom: 0.6em; } .swiper-slide-active .c-home-slider-item__title { opacity: 1; } .c-home-slider-item__content { opacity: 0; -webkit-transition: opacity 0.5s !important; transition: opacity 0.5s !important; -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; margin-bottom: calc(30px + 0.6em); } .swiper-slide-active .c-home-slider-item__content { opacity: 1; } .c-home-slider-item__link { text-decoration: none; opacity: 0; } .swiper-slide-active .c-home-slider-item__link { opacity: 1; } .c-scroll-indicator { display: inline-block; z-index: 5; position: fixed; bottom: 10px; left: 50%; mix-blend-mode: difference; } .o-header-wrapper .c-scroll-indicator { position: absolute; } .c-scroll-indicator i { width: 2px; height: 50px; display: block; position: relative; overflow: hidden; opacity: 0.8; } @media (max-width: 1140px) { .c-scroll-indicator i { height: 25px; } } .c-scroll-indicator i:after { content: ""; position: absolute; top: 0; height: 100%; width: 100%; background-color: #ffffff; -webkit-animation-name: scroll; animation-name: scroll; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: translateY(-105%); transform: translateY(-105%); } .c-scroll-indicator i:last-child:after { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } @-webkit-keyframes scroll { 0% { -webkit-transform: translateY(-105%); transform: translateY(-105%); } 70% { -webkit-transform: translateY(105%); transform: translateY(105%); } 100% { -webkit-transform: translateY(105%); transform: translateY(105%); } } @keyframes scroll { 0% { -webkit-transform: translateY(-105%); transform: translateY(-105%); } 70% { -webkit-transform: translateY(105%); transform: translateY(105%); } 100% { -webkit-transform: translateY(105%); transform: translateY(105%); } } .c-timeline { position: relative; overflow: hidden; width: 100%; height: 100vh; /* Fallback for browsers that do not support Custom Properties */ height: calc(var(--vh, 1vh) * 100); } .c-timeline__canvas { left: 0; top: 0; position: absolute; width: 100%; height: 100%; z-index: 0 !important; -webkit-transition: 0.5s ease-out; transition: 0.5s ease-out; } .c-timeline__canvas canvas { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .c-timeline__buttons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .is-rotating-left .c-timeline__buttons, .is-rotating-right .c-timeline__buttons { pointer-events: none; } .c-timeline__button { background-color: transparent; border: none; outline: none; cursor: pointer; color: #ffffff; font-size: 15px; } @media (max-width: 1440px) { .c-timeline__button { font-size: 13px; } } .c-timeline__button--previous { margin-right: 20px; margin-left: auto; } .c-timeline__button.swiper-button-disabled { opacity: 0.2 !important; pointer-events: none; } .c-timeline__navigation { position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } @media (max-width: 800px) { .c-timeline__navigation { top: auto; -webkit-transform: none; transform: none; left: 15px; bottom: 15px; } } @media (max-width: 480px) { .c-timeline__navigation { left: 5px; } } .c-timeline__pagination { position: relative; display: inline-block; width: auto; cursor: pointer; } .c-timeline__pagination .swiper-pagination-bullets { display: block; } .c-timeline__pagination-bullet.swiper-pagination-bullet { display: block; padding: 10px; height: auto; width: auto; border-radius: 0; background-color: transparent; cursor: pointer; opacity: 0.3; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } @media (max-width: 800px) { .c-timeline__pagination-bullet.swiper-pagination-bullet { padding: 7px; } } .c-timeline__pagination-bullet.swiper-pagination-bullet:first-child { padding-top: 0; } .c-timeline__pagination-bullet.swiper-pagination-bullet:last-child { padding-bottom: 0; } .c-timeline__pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet-active { pointer-events: none; opacity: 1; } .c-timeline__pagination-bullet.swiper-pagination-bullet.swiper-bullet-prev, .c-timeline__pagination-bullet.swiper-pagination-bullet.swiper-bullet-next { opacity: 0.5; } @media (hover: hover) { .c-timeline__pagination-bullet.swiper-pagination-bullet:hover { opacity: 0.8; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } } .c-timeline__progress-line-wrapper { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; width: 2px; background-color: rgba(255, 255, 255, 0.2); } .c-timeline__progress-line { position: absolute; left: 0; bottom: 100%; height: 100%; width: 100%; background-color: #ffffff; } .c-timeline__popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; color: #ffffff; z-index: 99; pointer-events: none; opacity: 0; visibility: hidden; background-color: #0d2936; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: scroll; overflow-x: hidden; } .c-timeline__popup .o-container--wide { min-height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-timeline__popup.is-active { pointer-events: auto; } .c-timeline__popup-inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 60px; padding-bottom: 80px; } @media (min-width: 480px) { .c-timeline__popup-inner { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-timeline__popup-inner { padding-top: 100px; } } @media (min-width: 480px) { .c-timeline__popup-inner { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-timeline__popup-inner { padding-bottom: 140px; } } @media (max-width: 800px) { .c-timeline__popup-inner { padding-top: 100px; } } .c-timeline__popup-slider { width: 54.34783%; position: relative; padding-top: 40.72464%; height: 0; } @media (max-width: 800px) { .c-timeline__popup-slider { width: 100%; padding-top: 75.67568%; } } .c-timeline__popup-slider .swiper-container { position: absolute; left: 0; top: 0; height: 100%; width: 100%; margin-left: 0; } .c-timeline__popup-slider .swiper-container:after { z-index: 1; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 110px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0001)), color-stop(99.14%, #000000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #000000 99.14%); } .c-timeline__popup-main { width: 45.65217%; padding-left: 8.69565%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; } @media (max-width: 800px) { .c-timeline__popup-main { width: 100%; padding-left: 0; } } .c-timeline__popup-year { position: absolute; top: 100%; right: 100%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); pointer-events: none; width: 100vw; text-align: center; } @media (max-width: 800px) { .c-timeline__popup-year { width: auto; text-align: left; position: relative; top: 0; right: 0; -webkit-transform: none; transform: none; padding-top: 20px; } } .c-timeline__popup-title.u-a3 { padding-bottom: 30px; max-width: 400px; width: 100%; margin-bottom: 0; } .c-timeline__popup-content { max-width: 400px; width: 100%; } .c-timeline__popup-content br { display: block; margin-bottom: 0.6em; } .c-timeline__popup-pagination { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; z-index: 2; } .c-timeline__popup-pagination .swiper-pagination-bullet { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2px; width: 20px; height: 20px; overflow: hidden; position: relative; cursor: pointer; } .c-timeline__popup-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; display: block; height: 1px; width: 100%; background-color: rgba(255, 255, 255, 0.3); top: 50%; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .c-timeline__popup-pagination .swiper-pagination-bullet span { display: block; height: 1px; width: 100%; background-color: #ffffff; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .c-timeline__popup-close { position: absolute; right: 8.33333%; width: 40px; height: 40px; cursor: pointer; top: 100px; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-timeline__popup-close:after, .c-timeline__popup-close:before { content: ""; position: absolute; top: 50%; left: 50%; width: 25px; height: 2px; background-color: #ffffff; } .c-timeline__popup-close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .c-timeline__popup-close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .c-timeline__popup-close:hover { opacity: 0.2; -webkit-transform: scale(0.9); transform: scale(0.9); } .c-timeline__popup-progress-line { position: absolute; bottom: 120px; left: 12.5%; right: 12.5%; height: 1px; background-color: rgba(255, 255, 255, 0.3); } .c-timeline__popup-progress-line .swiper-scrollbar-drag { position: absolute; top: -7px; height: 15px; cursor: pointer; } .c-timeline__popup-progress-line .swiper-scrollbar-drag:after { content: ""; position: absolute; top: 3px; left: 0; width: 100%; height: 4px; background-color: #ffffff; display: inline-block; } .c-timeline .swiper-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; padding-left: 15%; padding-right: 20%; padding-bottom: 15%; opacity: 1; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } @media (max-width: 800px) { .c-timeline .swiper-container { padding-left: 110px; padding-right: 8.33333%; } } @media (max-width: 480px) { .c-timeline .swiper-container { padding-right: 20px; } } .is-popup-opened .c-timeline .swiper-container { pointer-events: none !important; } .c-timeline .swiper-container.is-big-offset { opacity: 0; -webkit-transition: opacity 0.05s; transition: opacity 0.05s; } .c-timeline-item { width: 100%; height: 100%; line-height: normal; cursor: pointer; position: relative; z-index: 1; } .c-timeline-item__inner { position: absolute; width: 100%; top: 65%; left: 0; margin-top: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-timeline-item__inner-content { max-width: 420px; width: auto; } .c-timeline-item__title.u-a3 { margin-bottom: 0; } .c-timeline-item__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; width: 100%; height: 100%; } .c-timeline-item__slide .slide-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; } .c-timeline-item__slide .slide-inner-image { background-position: center; background-size: cover; display: block; width: 100%; height: 100%; } @media (max-width: 800px) { .c-timeline-wrapper .c-scroll-indicator { left: auto; right: 20px; } } .c-scrolling-reveal-bg { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; } .c-scrolling-reveal-bg__video, .c-scrolling-reveal-bg__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-scrolling-reveal-bg__image { background-position: center; background-size: cover; } .c-scrolling-reveal-bg__video-overlay { display: block; position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.2); pointer-events: none; z-index: 2; will-change: opacity; } .c-scrolling-reveal-bg .o-container { width: 100%; } .c-scrolling-reveal-content { min-height: 100vh; position: relative; z-index: 3; } .c-scrolling-reveal-content__spacer { display: block; height: 100vh; width: 100%; } .c-scrolling-reveal-wrapper { position: relative; width: 100%; z-index: 4; overflow: hidden; } .c-scrolling-reveal { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-scrolling-reveal__header { min-height: 100vh; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13.88889vw; padding-bottom: 13.88889vw; z-index: 1; } @media (max-width: 800px) { .c-scrolling-reveal__header { min-height: 80vh; } } @media (max-width: 480px) { .c-scrolling-reveal__header { min-height: 60vh; } } .c-scrolling-reveal__heading { position: relative; width: 100%; max-width: 840px; margin: 0 auto; } .c-scrolling-reveal__heading .u-b2, .c-scrolling-reveal__heading .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-scrolling-reveal__heading p.c-development-statistics__subtitle { margin-left: auto; margin-right: auto; max-width: 500px; } .c-scrolling-reveal__content { position: absolute; bottom: 4.86111vw; left: 0; width: 100%; z-index: 2; } .c-scrolling-reveal__content--performance { position: relative; bottom: 0; } .c-reveal-mask-wrapper { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; mix-blend-mode: multiply; background-color: #0d2936; padding-top: 13.88889vw; padding-bottom: 13.88889vw; will-change: opacity; } .c-reveal-mask { position: relative; width: 100%; } .c-reveal-mask__text { display: block; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 20em; } .c-reveal-mask__text .c-button { margin-top: 40px; } @media (min-width: 480px) { .c-reveal-mask__text .c-button { margin-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-reveal-mask__text .c-button { margin-top: 50px; } } .c-reveal-mask__mask { display: block; color: #ffffff; margin: 0 auto; -webkit-transform: scale(1); transform: scale(1); max-width: 81.81818%; margin-bottom: 0; } .c-reveal-mask__mask.u-a4--big { font-variation-settings: "wght" var(--font-weight-nevera), "slnt" 0; } .c-reveal-mask__mask span { display: block; } .c-background-video__container { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; } .c-background-video__video { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-background-video__video video { -o-object-fit: cover; object-fit: cover; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; opacity: 1; visibility: visible; } .c-background-video__video canvas { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100vw; height: 100vh; } .c-background-video__scroll-container { overflow: hidden; } .c-background-video__section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; height: 100vh; min-height: 100vh; width: 100%; } .c-background-video__article-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100vh; padding: 140px 40px 40px; } .c-background-video__article-wrapper--top-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-background-video__article-wrapper--top-right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 800px) { .c-background-video__article-wrapper--top-right { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .c-background-video__article-wrapper h3 { color: #ffffff; } .c-background-video__article-wrapper--light h3 { color: #ffffff; } .c-background-video__article-wrapper--light p { color: rgba(255, 255, 255, 0.8); } .c-background-video__article-wrapper--light p span { color: #ffffff; } .c-background-video__article-wrapper--dark h3 { color: #0d2936; } .c-background-video__article-wrapper--dark p { color: #0a222e; } .c-background-video__article h3 { width: 280px; max-width: 100%; margin-bottom: 0.8em; } .is-active .c-background-video__article h3 { display: block; } .c-background-video__article p { width: 280px; max-width: 100%; margin-bottom: 1.53846em; } .is-active .c-background-video__article p { display: block; } .c-background-video__article p span { font-weight: 600; text-transform: uppercase; } .c-background-video__info { margin-top: auto; -ms-flex-item-align: end; align-self: flex-end; width: 100%; padding: 0; justify-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-background-video__info--right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; width: auto; } @media (max-width: 800px) { .c-background-video__info--right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-background-video__info--left { margin-left: 0; margin-right: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: auto; } @media (max-width: 800px) { .c-background-video__info--left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .c-background-video__info--drivetrain { padding-top: 40px; } .c-background-video__article-wrapper--dark .c-background-video__info { color: #0d2936; } .c-background-video__info dl { margin-bottom: 16px; } @media (max-width: 800px) { .c-background-video__info dl { width: 50%; } } .c-background-video__info dt { margin-bottom: 4px; } .c-background-video__article-wrapper--dark .c-background-video__info dt { color: #536266; } .c-background-video__article-wrapper--dark .c-background-video__info dd { color: #0a222e; } .c-background-video__article-wrapper--dark .c-background-video__info dd i { color: #536266; } @media (max-width: 600px) { .c-background-video__article { width: calc(100% + 40px); } .c-background-video__text-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .c-background-video__overflow-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: -webkit-min-content; min-height: -moz-min-content; min-height: min-content; } } .c-background-video__text { margin-right: 20px; } @media (max-width: 800px) { .o-page__inner--nevera-engineering #step2 .c-background-video__info { display: none; } .o-page__inner--nevera-engineering #step2 .c-background-video__text-wrapper { margin-top: auto; } .o-page__inner--nevera-engineering #step2 .c-background-video__article-wrapper, .o-page__inner--nevera-engineering #step2 .c-background-video__article-wrapper--top-right { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .o-section-fixed { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .c-layered-scroll-wrapper--simple { position: relative; } .c-layered-scroll-wrapper--simple .c-layered-scroll { height: 100vh; position: absolute; } .c-layered-scroll-content-wrapper .c-layered-scroll-content { position: relative; height: 100vh; z-index: 3; } .c-layered-scroll-content-wrapper .c-layered-scroll-content--1 { color: #001217; } .c-layered-scroll-content-wrapper .c-layered-scroll-content--1 .u-b2, .c-layered-scroll-content-wrapper .c-layered-scroll-content--1 .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-layered-scroll-content-wrapper .c-layered-scroll-content--1 p.c-development-statistics__subtitle { color: #667275; } .c-layered-scroll-content-wrapper .c-layered-scroll-content--2 { color: #001217; } .c-layered-scroll-content-wrapper .c-layered-scroll-content--2 .u-b2, .c-layered-scroll-content-wrapper .c-layered-scroll-content--2 .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-layered-scroll-content-wrapper .c-layered-scroll-content--2 p.c-development-statistics__subtitle { color: #667275; } .c-layered-scroll-content-wrapper .c-layered-scroll-content--3 { color: #ffffff; } .c-layered-scroll-content-wrapper .c-layered-scroll-content--3 .u-b2, .c-layered-scroll-content-wrapper .c-layered-scroll-content--3 .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-layered-scroll-content-wrapper .c-layered-scroll-content--3 p.c-development-statistics__subtitle { color: rgba(255, 255, 255, 0.8); } .c-layered-scroll { position: relative; width: 100%; } .c-layered-scroll__item { width: 83.33333%; margin: 0 auto; height: 100%; position: relative; } .c-layered-scroll__item-bg { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 0; padding-bottom: 62.5%; background-position: center; background-size: cover; } @media (max-width: 800px) { .c-layered-scroll__item-bg { top: 70%; width: 130%; } } .c-layered-scroll__item--1 { color: #001217; } .c-layered-scroll__item--2 { color: #001217; } .c-layered-scroll__item--3 { color: #ffffff; } .c-layered-scroll-content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0; left: 0; } .c-layered-scroll-content .o-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-layered-scroll-content__heading { max-width: 72.72727%; margin: 0 auto; } .c-layered-scroll-content__heading .u-b2, .c-layered-scroll-content__heading .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-layered-scroll-content__heading p.c-development-statistics__subtitle { margin-left: auto; margin-right: auto; max-width: 500px; text-align: center; } .c-layered-scroll-content__left { width: 100%; height: 100%; padding-top: 13.88889vw; padding-bottom: 6.94444vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-layered-scroll-content__left .c-article-wrapper { margin-left: 0; margin-right: auto; } .c-layered-scroll-content__right { width: 100%; height: 100%; padding-top: 13.88889vw; padding-bottom: 6.94444vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .c-layered-scroll-content__right .c-article-wrapper { margin-right: 0; margin-left: auto; } .c-layered-scroll-content .c-article-wrapper { text-align: left; max-width: 280px; } .c-layered-scroll-content .c-article { padding-left: 0; max-width: 100%; } .c-layered-scroll-content .c-article p { max-width: 100%; } .c-horizontal-scroller-wrapper { padding-bottom: 40px; width: 100%; padding-left: 4.16667%; } @media (min-width: 480px) { .c-horizontal-scroller-wrapper { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-horizontal-scroller-wrapper { padding-bottom: 50px; } } @media (max-width: 800px) { .c-horizontal-scroller-wrapper { padding-left: 4.16667%; } } @media (max-width: 480px) { .c-horizontal-scroller-wrapper { padding-left: 20px; } } .c-horizontal-scroller-wrapper__inner { max-width: 52.27273%; margin-left: auto; margin-right: auto; } @media (max-width: 1140px) { .c-horizontal-scroller-wrapper__inner { max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; } .c-horizontal-scroller-wrapper__inner::-webkit-scrollbar { display: none; } } .c-horizontal-scroller { padding-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (min-width: 480px) { .c-horizontal-scroller { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-horizontal-scroller { padding-top: 140px; } } @media (max-width: 1140px) { .c-horizontal-scroller { width: 100% !important; } .c-horizontal-scroller:after { content: ""; display: block; width: 1px; height: 100%; border: 1px solid transparent; } } .c-horizontal-scroller__title { position: absolute; top: 40px; left: 0; width: 100%; padding-right: 15px; padding-left: 15px; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .is-pinned .c-horizontal-scroller__title { opacity: 1; } .c-horizontal-scroller__item { width: 100%; padding-right: 15px; padding-left: 15px; } @media (max-width: 1140px) { .c-horizontal-scroller__item { min-width: 480px; max-width: 480px; padding-left: 0; margin-right: 30px; padding-right: 0; } } @media (max-width: 800px) { .c-horizontal-scroller__item { min-width: 360px; max-width: 360px; } } @media (max-width: 480px) { .c-horizontal-scroller__item { min-width: 260px; max-width: 260px; } } @media (max-width: 1140px) { .c-horizontal-scroller__item:last-child { margin-right: 4.16667%; } } .c-horizontal-scroller__item .c-image-with-caption { overflow: hidden; height: 0; padding-bottom: 56.25%; position: relative; } .c-horizontal-scroller__item .c-image-with-caption i { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .c-horizontal-scroller__item .c-image-with-caption img { width: 100%; max-width: 100%; display: block; background-color: #ffffff; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .c-horizontal-scroller__item a { display: block; } .c-horizontal-scroller__item a .c-image-with-caption { padding-left: 0; padding-right: 0; } .c-horizontal-scroller__item a:hover .c-image-with-caption img, .c-horizontal-scroller__item a:hover .c-image-with-caption i { -webkit-transform: scale(1.05); transform: scale(1.05); } .c-scrolling-reveal-bg { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; } .c-scrolling-reveal-bg__video, .c-scrolling-reveal-bg__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-scrolling-reveal-bg__image { background-position: center; background-size: cover; } .c-scrolling-reveal-bg__video-overlay { display: block; position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.2); pointer-events: none; z-index: 2; will-change: opacity; } .c-scrolling-reveal-bg .o-container { width: 100%; } .c-scrolling-reveal-content { min-height: 100vh; position: relative; z-index: 3; } .c-scrolling-reveal-content__spacer { display: block; height: 100vh; width: 100%; } .c-scrolling-reveal-wrapper { position: relative; width: 100%; z-index: 4; overflow: hidden; } .c-scrolling-reveal { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-scrolling-reveal__header { min-height: 100vh; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 13.88889vw; padding-bottom: 13.88889vw; z-index: 1; } @media (max-width: 800px) { .c-scrolling-reveal__header { min-height: 80vh; } } @media (max-width: 480px) { .c-scrolling-reveal__header { min-height: 60vh; } } .c-scrolling-reveal__heading { position: relative; width: 100%; max-width: 840px; margin: 0 auto; } .c-scrolling-reveal__heading .u-b2, .c-scrolling-reveal__heading .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-scrolling-reveal__heading p.c-development-statistics__subtitle { margin-left: auto; margin-right: auto; max-width: 500px; } .c-scrolling-reveal__content { position: absolute; bottom: 4.86111vw; left: 0; width: 100%; z-index: 2; } .c-scrolling-reveal__content--performance { position: relative; bottom: 0; } .c-reveal-mask-wrapper { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; mix-blend-mode: multiply; background-color: #0d2936; padding-top: 13.88889vw; padding-bottom: 13.88889vw; will-change: opacity; } .c-reveal-mask { position: relative; width: 100%; } .c-reveal-mask__text { display: block; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 20em; } .c-reveal-mask__text .c-button { margin-top: 40px; } @media (min-width: 480px) { .c-reveal-mask__text .c-button { margin-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-reveal-mask__text .c-button { margin-top: 50px; } } .c-reveal-mask__mask { display: block; color: #ffffff; margin: 0 auto; -webkit-transform: scale(1); transform: scale(1); max-width: 81.81818%; margin-bottom: 0; } .c-reveal-mask__mask.u-a4--big { font-variation-settings: "wght" var(--font-weight-nevera), "slnt" 0; } .c-reveal-mask__mask span { display: block; } .c-latest-press__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; } @media (min-width: 480px) { .c-latest-press__top { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-latest-press__top { padding-bottom: 30px; } } .c-latest-press__list { margin-left: -20px; margin-right: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-latest-press__list-left { width: 58.33333%; } @media (max-width: 1140px) { .c-latest-press__list-left { width: 50%; } } @media (max-width: 800px) { .c-latest-press__list-left { width: 100%; } } .c-latest-press__list-left .c-latest-press__list-item { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 800px) { .c-latest-press__list-left .c-latest-press__list-item { height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-latest-press__list-left .c-latest-press__list-item-title { width: 61%; } @media (max-width: 1140px) { .c-latest-press__list-left .c-latest-press__list-item-title { width: 100%; } } .c-latest-press__list-left .c-latest-press__list-item-image-wrapper { padding-top: 119.64286%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } @media (max-width: 800px) { .c-latest-press__list-left .c-latest-press__list-item-image-wrapper { padding-top: 28.125%; margin-bottom: 0; } } @media (max-width: 480px) { .c-latest-press__list-left .c-latest-press__list-item-image-wrapper { padding-top: 56.25%; margin-bottom: 15px; } } .c-latest-press__list-right { width: 41.66667%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1140px) { .c-latest-press__list-right { width: 50%; } } @media (max-width: 800px) { .c-latest-press__list-right { width: 100%; display: block; } } .c-latest-press__list-right .c-latest-press__list-item-image-wrapper { padding-top: 66.74584%; } @media (max-width: 800px) { .c-latest-press__list-right .c-latest-press__list-item-image-wrapper { padding-top: 28.125%; margin-bottom: 0; } } @media (max-width: 480px) { .c-latest-press__list-right .c-latest-press__list-item-image-wrapper { padding-top: 56.25%; margin-bottom: 15px; } } .c-latest-press__list-right .c-latest-press__list-item-title { width: 88%; } @media (max-width: 1140px) { .c-latest-press__list-right .c-latest-press__list-item-title { width: 100%; } } .c-latest-press__list-item { display: block; padding: 0 20px; } @media (hover: hover) { .c-latest-press__list-item:hover .c-latest-press__list-item-image { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .c-latest-press__list-item:hover .c-latest-press__list-item-date { -webkit-transform: translateX(15px); transform: translateX(15px); } .c-latest-press__list-item:hover .c-latest-press__list-item-title { -webkit-transform: translateX(15px); transform: translateX(15px); } } @media (max-width: 800px) { .c-latest-press__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } } @media (max-width: 800px) { .c-latest-press__list-item div { padding-left: 30px; width: 60%; } } @media (max-width: 480px) { .c-latest-press__list-item div { width: 100%; padding-left: 0; } } .c-latest-press__list-item-date { padding-bottom: 15px; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } @media (max-width: 480px) { .c-latest-press__list-item-date { padding-bottom: 10px; } } .c-latest-press__list-item-image-wrapper { overflow: hidden; display: block; margin-bottom: 20px; position: relative; } @media (min-width: 480px) { .c-latest-press__list-item-image-wrapper { margin-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-latest-press__list-item-image-wrapper { margin-bottom: 30px; } } @media (max-width: 800px) { .c-latest-press__list-item-image-wrapper { width: 40%; } } @media (max-width: 480px) { .c-latest-press__list-item-image-wrapper { width: 100%; } } .c-latest-press__list-item-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; display: block; background-size: cover; background-position: center; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } .c-latest-press__list-item-title { margin-bottom: 40px; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.25s 0.1s ease-out; transition: -webkit-transform 0.25s 0.1s ease-out; transition: transform 0.25s 0.1s ease-out; transition: transform 0.25s 0.1s ease-out, -webkit-transform 0.25s 0.1s ease-out; } @media (min-width: 480px) { .c-latest-press__list-item-title { margin-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-latest-press__list-item-title { margin-bottom: 60px; } } @media (max-width: 800px) { .c-latest-press__list-item-title { margin-bottom: 0; } } .c-latest-press .js-item-info { display: none; } .c-download-press-kit { background-color: #f1f5f7; padding-top: 50px; padding-bottom: 50px; color: #001217; } @media (min-width: 480px) { .c-download-press-kit { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-download-press-kit { padding-top: 80px; } } @media (min-width: 480px) { .c-download-press-kit { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-download-press-kit { padding-bottom: 80px; } } .c-download-press-kit__link-list { padding-bottom: 50px; } @media (min-width: 480px) { .c-download-press-kit__link-list { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-download-press-kit__link-list { padding-bottom: 80px; } } .c-download-press-kit__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 100px 10px 0; background-color: transparent; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; position: relative; border-bottom: 1px solid #a7b7bf; } @media (max-width: 800px) { .c-download-press-kit__link { padding: 10px 50px 10px 0; } } @media (max-width: 480px) { .c-download-press-kit__link { -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #ffffff; padding-right: 0; } } .c-download-press-kit__link img { width: 110px; display: inline-block; margin-right: 30px; } @media (max-width: 480px) { .c-download-press-kit__link p { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; } } .c-download-press-kit__link .u-icon { font-size: 16px; position: absolute; right: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 800px) { .c-download-press-kit__link .u-icon { right: 0; } } @media (max-width: 480px) { .c-download-press-kit__link .u-icon { position: static; -webkit-transform: none; transform: none; margin-left: 10px; } } @media (hover: hover) { .c-download-press-kit__link:hover { background-color: #ffffff; } } .c-download-press-kit__contact { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-download-press-kit__contact-block { width: 50%; display: block; } @media (max-width: 480px) { .c-download-press-kit__contact-block { width: 100%; } } .c-download-press-kit__contact-block a { color: #001217; } .c-latest-media { background-color: #f1f5f7; color: #001217; } .c-latest-media__heading { max-width: 55.55556%; margin: 0 auto; text-align: center; padding-bottom: 40px; } @media (min-width: 480px) { .c-latest-media__heading { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-latest-media__heading { padding-bottom: 50px; } } @media (max-width: 1440px) { .c-latest-media__heading { max-width: 600px; } } .c-latest-media__link { color: #001217; padding-bottom: 5px; } .c-latest-media__list-wrapper { text-align: right; padding-bottom: 40px; } @media (min-width: 480px) { .c-latest-media__list-wrapper { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-latest-media__list-wrapper { padding-bottom: 50px; } } .c-latest-media__list-wrapper .c-latest-media__link { margin-top: 10px; } .c-latest-media__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-latest-media__list:after { content: ""; display: inline-block; width: 31.94444%; height: 1px; } .c-latest-media__list-item { width: 32.85714%; display: inline-block; padding-top: 22.35714%; height: 0; position: relative; overflow: hidden; cursor: pointer; } @media (max-width: 800px) { .c-latest-media__list-item { width: 48.57143%; padding-top: 30%; margin-bottom: 20px; } } @media (max-width: 480px) { .c-latest-media__list-item { width: 100%; padding-top: 56.25%; } } .c-latest-media__list-item video { display: block; height: 100%; max-width: none; width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .c-latest-media__list-item img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; min-height: 100%; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .c-latest-media__list-item p { position: relative; padding-right: 150px; color: #ffffff; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1140px) { .c-latest-media__list-item p { padding-right: 70px; } } .c-latest-media__list-item p span.u-b3 { line-height: 18px; position: absolute; top: 0; right: 0; } @media (hover: hover) { .c-latest-media__list-item:hover img, .c-latest-media__list-item:hover video { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } } .c-latest-media__list-item-play { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -17px; margin-bottom: 15px; border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 60px; height: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-latest-media__list-item-play:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 0; background-color: #1da5f9; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-latest-media__list-item-play .u-icon { color: #ffffff; font-size: 15px; position: relative; z-index: 2; } .c-latest-media__list-item-play:hover { border-color: #1da5f9; color: #ffffff; } .c-latest-media__list-item-play:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); } .c-latest-media__list-item-video-content { min-height: 60px; width: 100%; display: block; position: absolute; text-align: left; left: 0; bottom: 0; height: auto; padding: 20px 30px; } @media (max-width: 1140px) { .c-latest-media__list-item-video-content { padding: 15px 20px; } } .c-latest-media .js-item-info { display: none; } .c-media-press-newsletter { background-color: #f1f5f7; color: #001217; text-align: center; } @media (max-width: 1140px) { .c-media-press-newsletter { padding-bottom: 0; } } .c-media-press-newsletter__inner { padding-top: 50px; padding-bottom: 50px; padding-left: 8.33333%; padding-right: 8.33333%; background: rgba(255, 255, 255, 0.5); mix-blend-mode: normal; } @media (min-width: 480px) { .c-media-press-newsletter__inner { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-media-press-newsletter__inner { padding-top: 80px; } } @media (min-width: 480px) { .c-media-press-newsletter__inner { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-media-press-newsletter__inner { padding-bottom: 80px; } } @media (max-width: 800px) { .c-media-press-newsletter__inner { padding-left: 4.16667%; padding-right: 4.16667%; } } .c-media-press-newsletter__heading { max-width: 500px; width: 100%; margin: 0 auto !important; padding-bottom: 40px; } @media (min-width: 480px) { .c-media-press-newsletter__heading { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-media-press-newsletter__heading { padding-bottom: 60px; } } @media (max-width: 480px) { .c-media-press-newsletter__heading { padding-bottom: 0; } } .c-media-press-newsletter__socials-wrapper { margin: 0 auto; text-align: center; } .c-media-press-newsletter__socials-wrapper p { opacity: 0.6; padding-bottom: 4px; } .c-media-press-newsletter__socials-inner a { padding: 4px; opacity: 0.6; } @media (hover: hover) { .c-media-press-newsletter__socials-inner a:hover { opacity: 1; color: #1da5f9; } } .c-media-press-newsletter .c-newsletter-form { padding-bottom: 40px; } @media (min-width: 480px) { .c-media-press-newsletter .c-newsletter-form { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-media-press-newsletter .c-newsletter-form { padding-bottom: 50px; } } .c-media-press-newsletter .c-newsletter-form__form { margin: 0 auto; max-width: 500px; } .c-media-press-newsletter .c-newsletter-form .your-email .c-newsletter-form__input { border-color: #1da5f9; color: #001217; } .c-media-press-newsletter .c-newsletter-form .your-email .c-newsletter-form__input::-webkit-input-placeholder { color: rgba(0, 18, 23, 0.4); } .c-media-press-newsletter .c-newsletter-form .your-email .c-newsletter-form__input::-moz-placeholder { color: rgba(0, 18, 23, 0.4); } .c-media-press-newsletter .c-newsletter-form .your-email .c-newsletter-form__input:-ms-input-placeholder { color: rgba(0, 18, 23, 0.4); } .c-media-press-newsletter .c-newsletter-form .your-email .c-newsletter-form__input::-ms-input-placeholder { color: rgba(0, 18, 23, 0.4); } .c-media-press-newsletter .c-newsletter-form .your-email .c-newsletter-form__input::placeholder { color: rgba(0, 18, 23, 0.4); } .c-media-press-newsletter .c-button { color: #001217; } .c-media-press-newsletter .c-button:before, .c-media-press-newsletter .c-button:after { background-color: #1da5f9; } .c-media-press-newsletter .c-button:hover:after { background-color: #1da5f9; } .c-media-press-newsletter .c-button:hover .c-button__label-inner:after { color: #ffffff; } .c-media-press-newsletter .c-button .c-button__inner { border-color: rgba(29, 165, 249, 0.3); } .c-media-press-newsletter .c-button .c-button__label:before { background-color: #1da5f9; } .c-media-press-newsletter .c-button .c-button__label-inner:before { color: #1da5f9; } @media (max-width: 1140px) { .c-media-press-newsletter .o-container--x-wide { padding-left: 0; padding-right: 0; } } .c-scrollspy-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: fixed; z-index: 11; left: 0; top: 50%; color: #ffffff; mix-blend-mode: difference; padding: 20px; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media (max-width: 800px) { .c-scrollspy-wrapper { display: none; } } .c-scrollspy-wrapper:hover .c-scrollspy__prepend i, .c-scrollspy-wrapper:hover .c-scrollspy__append i { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .is-inpage-navigation-opened .c-scrollspy-wrapper { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } .c-scrollspy { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-width: 240px; } @media (max-width: 600px) { .c-scrollspy { min-width: 50px; } } .c-scrollspy__prepend, .c-scrollspy__append { position: absolute; left: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; } .c-scrollspy__prepend i, .c-scrollspy__append i { display: block; width: 4px; height: 4px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.3); margin: 4px 0; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); opacity: 0; } .c-scrollspy__prepend i:first-of-type, .c-scrollspy__append i:first-of-type { background-color: #ffffff; } .c-scrollspy__prepend i:last-of-type, .c-scrollspy__append i:last-of-type { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .c-scrollspy__prepend { bottom: 100%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-bottom: 12px; } .c-scrollspy__prepend i { -webkit-transform: translateY(-6px); transform: translateY(-6px); } .c-scrollspy__append { padding-top: 10px; top: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-scrollspy__append i { -webkit-transform: translateY(6px); transform: translateY(6px); } .c-scrollspy__progress { display: block; position: absolute; left: 0; top: 0; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.2); } .c-scrollspy__progress-line { display: block; position: absolute; top: 0; left: -1px; background-color: #ffffff; height: 100%; width: 1px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; } .c-scrollspy__current { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 20px; padding-bottom: 3px; } @media (max-width: 800px) { .c-scrollspy__current-label { display: none; } } .c-scrollspy__current-number { margin-right: 8px; } .c-scrollspy__count { padding-left: 20px; color: rgba(255, 255, 255, 0.3); } .c-category-items-list__items-wrapper { color: #001217; padding-bottom: 60px; } @media (min-width: 480px) { .c-category-items-list__items-wrapper { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-category-items-list__items-wrapper { padding-bottom: 100px; } } .c-category-items-list__items-wrapper .o-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-category-items-list__item { display: inline-block; margin-top: 50px; width: 44.44444%; } @media (min-width: 480px) { .c-category-items-list__item { margin-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-category-items-list__item { margin-top: 80px; } } @media (max-width: 800px) { .c-category-items-list__item { width: 48.33333%; } } @media (max-width: 480px) { .c-category-items-list__item { width: 100%; } } .c-category-items-list__item span { display: block; margin-bottom: 15px; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .c-category-items-list__item p { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.25s 0.1s ease-out; transition: -webkit-transform 0.25s 0.1s ease-out; transition: transform 0.25s 0.1s ease-out; transition: transform 0.25s 0.1s ease-out, -webkit-transform 0.25s 0.1s ease-out; max-width: 375px; width: 100%; } @media (hover: hover) { .c-category-items-list__item:hover .c-category-items-list__item-image { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .c-category-items-list__item:hover span { -webkit-transform: translateX(15px); transform: translateX(15px); } .c-category-items-list__item:hover p { -webkit-transform: translateX(15px); transform: translateX(15px); } } .c-category-items-list__item-image { display: block; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); background-size: cover; background-position: center; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } .c-category-items-list__item-image-wrapper { position: relative; height: 0; width: 100%; display: block; padding-top: 66.66667%; overflow: hidden; margin-bottom: 30px; } .c-category-items-list__load-more { text-align: center; padding-top: 50px; padding-bottom: 50px; } @media (min-width: 480px) { .c-category-items-list__load-more { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-category-items-list__load-more { padding-top: 80px; } } @media (min-width: 480px) { .c-category-items-list__load-more { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-category-items-list__load-more { padding-bottom: 80px; } } .c-category-items-list__load-more a { color: #001217; padding: 6px 0; } .c-card-list-wrapper { padding-left: 15px; padding-right: 15px; padding-top: 40px; padding-bottom: 50px; } @media (min-width: 480px) { .c-card-list-wrapper { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-card-list-wrapper { padding-top: 50px; } } @media (min-width: 480px) { .c-card-list-wrapper { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-card-list-wrapper { padding-bottom: 80px; } } @media (max-width: 1140px) { .c-card-list-wrapper { padding-left: 0; padding-right: 0; } } .c-card-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 800px) { .c-card-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .c-card-list__item { width: 50%; text-align: center; padding: 3px; } @media (max-width: 480px) { .c-card-list__item { width: 100%; padding: 10px 0; } } .c-card-list__item--small { width: 33.33333%; } @media (max-width: 800px) { .c-card-list__item--small { width: 50%; } } @media (max-width: 480px) { .c-card-list__item--small { width: 100%; padding: 10px 0; } } .c-card-list__item--small a { height: 100%; } .c-card-list__item--small .c-card__image .u-media-wrapper { padding-bottom: 75%; } @media (max-width: 480px) { .c-card-list__item--small .c-card__image .u-media-wrapper { padding-bottom: 56.25%; } } .c-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; color: #001217; } .c-card__image .u-media-wrapper { padding-bottom: 56.25%; overflow: hidden; } .c-card__image .u-media-wrapper i { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .c-card__title { padding: 20px; } .c-card:hover .u-media-wrapper i { -webkit-transform: scale(1.005); transform: scale(1.005); } .c-technology-list { padding-top: 40px; } @media (min-width: 480px) { .c-technology-list { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-technology-list { padding-top: 60px; } } .c-technology-list__item { padding-bottom: 10px; } @media (min-width: 480px) { .c-technology-list__item { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-technology-list__item { padding-bottom: 20px; } } .c-technology-list__item:last-of-type { padding-bottom: 0; } .c-two-side-header { height: 100vh; min-height: 600px; position: relative; } .c-two-side-header__left { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .c-two-side-header__right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .c-two-side-header__videos { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-two-side-header__video { height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; opacity: 1; visibility: visible; } .c-two-side-header__article { position: absolute; top: 0; left: 0; padding: 140px 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-two-side-header__text { width: 300px; max-width: 100%; } .c-two-side-header__scroll { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .c-driving-modes__slider-container .swiper-slide { -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .c-driving-modes__slide-figure { width: 100%; height: 100vh; position: relative; } @media (max-width: 1140px) { .c-driving-modes__slide-figure { height: 100vh; } } @media (max-width: 480px) { .c-driving-modes__slide-figure { min-height: 100vh; padding-bottom: 0; } } .c-driving-modes__slide-figure:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(49.45% 52.13% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0.3) 100%); } .c-driving-modes__slide-image { width: 100%; position: absolute; top: 0; left: 0; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .c-driving-modes__content { position: absolute; top: 9.86111vw; left: 40px; z-index: 2; } @media (max-width: 800px) { .c-driving-modes__content { bottom: 142px; top: unset; left: 60px; } } .c-driving-modes__eyebrow { padding-bottom: 11px; } .c-driving-modes__description { max-width: 21.53846em; } .c-driving-modes-navigation { position: absolute; bottom: 0; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 50px; } @media (min-width: 480px) { .c-driving-modes-navigation { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-driving-modes-navigation { padding-bottom: 80px; } } @media (max-width: 800px) { .c-driving-modes-navigation { left: 60px; -webkit-transform: none; transform: none; max-width: calc(100vw - 60px); overflow: scroll; } } .c-driving-modes-navigation__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-driving-modes-navigation__button { background-color: transparent; outline: none; border-radius: 0; -webkit-appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); width: 97px; padding: 6px 10px; color: #ffffff; cursor: pointer; } .c-driving-modes-navigation__button.is-active { background-color: #ffffff; color: #001217; border-color: #ffffff; } .c-driving-modes-navigation__button-label { display: inline-block; vertical-align: middle; position: relative; } .c-driving-modes-navigation__button-label span { display: block; width: 100%; font-style: normal; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c-driving-modes-navigation__button-label:after { text-align: center; display: block; content: attr(data-label); position: absolute; top: 100%; left: 0; width: 100%; color: currentColor; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c-driving-modes-navigation__button:hover .c-driving-modes-navigation__button-label span { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .c-driving-modes-navigation__button:hover .c-driving-modes-navigation__button-label:after { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } .c-related-assets { max-width: 66.66667%; width: 100%; background-color: #ffffff; padding: 1.875rem 30px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 480px) { .c-related-assets { margin-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-related-assets { margin-top: 60px; } } @media (min-width: 480px) { .c-related-assets { margin-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-related-assets { margin-bottom: 60px; } } @media (max-width: 1440px) { .c-related-assets { max-width: 960px; } } @media (max-width: 480px) { .c-related-assets { padding: 1.25rem 20px; } } .c-related-assets__content { width: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 10px; } @media (max-width: 800px) { .c-related-assets__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; padding-right: 0; } } @media (max-width: 480px) { .c-related-assets__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-related-assets__content p { max-width: none; } .c-related-assets__content a { display: block; } .c-related-assets__content span { display: block; opacity: 0.6; } @media (max-width: 800px) { .c-related-assets__content span { padding-bottom: 30px; } } @media (max-width: 480px) { .c-related-assets__content span { padding-bottom: 20px; } } .c-related-assets__images { width: 70%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 800px) { .c-related-assets__images { width: 100%; } } .c-related-assets__images i { display: block; width: calc(50% - 2px); height: 0; padding-top: 34.12698%; background-position: center; background-size: cover; } .c-image-text-info-block { padding: 1.875rem 3.75rem; } @media (max-width: 800px) { .c-image-text-info-block { padding: 1.875rem 0; } } .c-image-text-info-block__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #0a222e; color: #ffffff; } .c-image-text-info-block i { width: 50%; background-size: cover; background-position: center; } @media (max-width: 480px) { .c-image-text-info-block i { width: 100%; height: 0; padding-top: 56.25%; } .c-image-text-info-block i.c-button__label-inner { padding: 0; height: auto; width: auto; } } .c-image-text-info-block__content { width: 50%; padding-left: 9.09091%; padding-right: 9.09091%; padding-top: 50px; padding-bottom: 50px; } @media (min-width: 480px) { .c-image-text-info-block__content { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-image-text-info-block__content { padding-top: 80px; } } @media (min-width: 480px) { .c-image-text-info-block__content { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-image-text-info-block__content { padding-bottom: 80px; } } @media (max-width: 1140px) { .c-image-text-info-block__content { padding-left: 4.54545%; padding-right: 4.54545%; } } @media (max-width: 480px) { .c-image-text-info-block__content { width: 100%; padding-left: 20px; padding-right: 20px; } } .c-image-text-info-block__description { opacity: 0.6; } .c-related-content { background-color: #0a222e; } .c-related-content--people { background-color: #f1f5f7; color: #001217; } .c-related-content--people .c-news-list__item { border-top-color: rgba(29, 165, 249, 0.1); } .c-related-content__title { position: relative; padding-bottom: 30px; } .c-related-content__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 800px) { .c-related-content__links { margin-left: -20px; margin-right: -20px; } } .c-related-content__link { width: 44.44444%; } @media (max-width: 800px) { .c-related-content__link { width: auto; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; min-width: 300px; margin-bottom: 40px; padding: 0 20px; } } @media (hover: hover) { .c-related-content__link:hover i { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .c-related-content__link:hover .c-related-content__link-title { -webkit-transform: translateX(15px); transform: translateX(15px); } .c-related-content__link:hover .c-related-content__date { -webkit-transform: translateX(15px); transform: translateX(15px); } } .c-related-content__link i { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); display: block; background-position: center; background-size: cover; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } .c-related-content__image-wrapper { overflow: hidden; position: relative; display: block; height: 0; padding-top: 66.66667%; margin-bottom: 30px; } @media (max-width: 800px) { .c-related-content__image-wrapper { margin-bottom: 20px; } } @media (max-width: 480px) { .c-related-content__image-wrapper { margin-bottom: 15px; } } .c-related-content__link-title { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.25s 0.1s ease-out; transition: -webkit-transform 0.25s 0.1s ease-out; transition: transform 0.25s 0.1s ease-out; transition: transform 0.25s 0.1s ease-out, -webkit-transform 0.25s 0.1s ease-out; padding-right: 25%; } @media (max-width: 1140px) { .c-related-content__link-title { padding-right: 12.5%; } } @media (max-width: 800px) { .c-related-content__link-title { padding-right: 0; } } .c-related-content__date { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; padding-bottom: 30px; } @media (max-width: 800px) { .c-related-content__date { padding-bottom: 20px; } } @media (max-width: 480px) { .c-related-content__date { padding-bottom: 15px; } } .c-general-inquiries { background-color: #f1f5f7; color: #001217; } .c-general-inquiries__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 800px) { .c-general-inquiries__left { width: 100%; } } @media (max-width: 800px) { .c-general-inquiries__right { width: 100%; } } .c-general-inquiries__right a { color: #1da5f9; padding-left: 0; padding-right: 0; } @media (hover: hover) { .c-general-inquiries__right a:hover { color: #001217; } } .c-general-inquiries__description { opacity: 0.6; width: 100%; max-width: 320px; } .c-socials { margin: 0 auto; width: 37.5%; min-width: 450px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; padding-top: 40px; } @media (min-width: 480px) { .c-socials { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-socials { padding-bottom: 40px; } } @media (min-width: 480px) { .c-socials { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-socials { padding-top: 50px; } } @media (max-width: 1140px) { .c-socials { width: 58.33333%; } } @media (max-width: 800px) { .c-socials { min-width: auto; width: 91.66667%; } } @media (max-width: 600px) { .c-socials { display: none; } } .c-socials__title { padding-top: 40px; border-top: 1px solid #a7b7bf; color: var(--text-color); } @media (min-width: 480px) { .c-socials__title { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-socials__title { padding-top: 60px; } } .c-socials__list { color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-socials__list a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; width: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #a7b7bf; -webkit-transition: background-color 0.25s, color 0.25s; transition: background-color 0.25s, color 0.25s; border-right-width: 0; } .c-socials__list a svg path { fill: #001217; } .c-socials__list a:last-of-type { border-right-width: 1px; } @media (max-width: 480px) { .c-socials__list a:last-of-type { border-right-width: 1px; } } @media (hover: hover) { .c-socials__list a:hover { color: #ffffff; background-color: #001217; } .c-socials__list a:hover svg path { fill: #ffffff; } } @media (max-width: 800px) { .c-socials__list a { height: 30px; width: 50px; } } @media (max-width: 480px) { .c-socials__list a { height: 40px; width: 60px; } } .c-socials__list a .u-icon { font-size: 28px; } @media (max-width: 800px) { .c-socials__list a .u-icon { font-size: 20px; } } .c-gallery-block { padding-bottom: 40px; } @media (min-width: 480px) { .c-gallery-block { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-gallery-block { padding-bottom: 50px; } } .c-gallery-block__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -2px; margin-right: -2px; } @media (max-width: 480px) { .c-gallery-block__list { margin-left: -1px; margin-right: -1px; } } .c-gallery-block__list:after { content: ""; display: inline-block; width: 33.33333%; height: 1px; } .c-gallery-block__list-item { display: inline-block; width: calc(33.33333% - 4px); margin: 2px; height: 0; padding-top: 22.40741%; position: relative; overflow: hidden; background-color: #0a222e; } @media (max-width: 480px) { .c-gallery-block__list-item { width: calc(50% - 2px); margin: 1px; padding-top: 33.61111%; } } .c-gallery-block__list-item img { display: block; width: 110%; max-width: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-gallery-block__list-item--show-more { position: relative; } .c-gallery-block__list-item--show-more img { display: none; } .c-gallery-block__list-item--show-more span { color: #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: color 0.25s; transition: color 0.25s; width: 100%; padding: 10px; text-align: center; } @media (hover: hover) { .c-gallery-block__list-item--show-more:hover span { color: #1da5f9; } } .c-media-list { padding-top: 15px; } .c-media-list__list-wrapper { text-align: right; } .c-media-list__list-wrapper .c-latest-media__link { margin-top: 10px; } .c-media-list__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -6px; margin-right: -6px; } .c-media-list__list:after { content: ""; display: inline-block; width: calc(33.333% - 12px); height: 1px; } .c-media-list__list-item { width: calc(33.333% - 12px); margin: 6px; display: inline-block; padding-top: 22.35714%; height: 0; position: relative; overflow: hidden; cursor: pointer; background-color: rgba(255, 255, 255, 0.1); } @media (max-width: 800px) { .c-media-list__list-item { width: calc(50% - 12px); padding-top: 30%; } } @media (max-width: 480px) { .c-media-list__list-item { width: 100%; padding-top: 56.25%; } } .c-media-list__list-item video { display: block; height: 100%; max-width: none; width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .c-media-list__list-item img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); width: 100%; min-height: 100%; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .c-media-list__list-item p { position: relative; padding-right: 150px; color: #ffffff; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1140px) { .c-media-list__list-item p { padding-right: 70px; } } .c-media-list__list-item p span.u-b3 { line-height: 18px; position: absolute; top: 0; right: 0; } @media (hover: hover) { .c-media-list__list-item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .c-media-list__list-item:hover video { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } } .c-media-list__list-item-play { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -17px; margin-bottom: 15px; border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 60px; height: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-media-list__list-item-play:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 0; background-color: #1da5f9; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-media-list__list-item-play .u-icon { color: #ffffff; font-size: 15px; position: relative; z-index: 2; } .c-media-list__list-item-play:hover { border-color: #1da5f9; color: #ffffff; } .c-media-list__list-item-play:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); } .c-media-list__list-item-video-content { min-height: 60px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; text-align: left; left: 0; bottom: 0; height: auto; padding: 20px 30px; } @media (max-width: 1140px) { .c-media-list__list-item-video-content { padding: 15px 20px; } } .c-media-list__load-more-wrapper { padding-top: 40px; padding-bottom: 40px; text-align: center; } @media (min-width: 480px) { .c-media-list__load-more-wrapper { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-media-list__load-more-wrapper { padding-top: 50px; } } @media (min-width: 480px) { .c-media-list__load-more-wrapper { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-media-list__load-more-wrapper { padding-bottom: 50px; } } .c-media-list__load-more { display: inline-block; margin-top: 10px; margin-bottom: 10px; } .c-media-list .js-item-info { display: none; } .c-media__blank { pointer-events: none; padding: 100px 0; width: 100%; z-index: 4; } .c-media__blank .u-a2 { margin-bottom: 0.4em; } .c-media__blank .u-b0 { color: #667275; margin-bottom: 0; } .c-news-list__item { border-top: 1px solid #3c5163; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 480px) { .c-news-list__item { padding: 10px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .c-news-list__item-left { width: 66.66667%; padding-bottom: 15px; padding-top: 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 800px) { .c-news-list__item-left { padding-right: 15px; } } @media (max-width: 480px) { .c-news-list__item-left { width: 100%; padding-bottom: 0; } } .c-news-list__item-right { width: 33.33333%; } @media (max-width: 480px) { .c-news-list__item-right { width: 100%; } } .c-news-list__item-right i { display: block; height: 100%; background-position: center; background-size: cover; padding-top: 68.05556%; } @media (max-width: 480px) { .c-news-list__item-right i { height: 0; padding-top: 56.25%; } } .c-news-list__item-title.u-a2 { width: 75%; padding-bottom: 40px; margin-bottom: 0; } @media (min-width: 480px) { .c-news-list__item-title.u-a2 { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-news-list__item-title.u-a2 { padding-bottom: 60px; } } @media (max-width: 800px) { .c-news-list__item-title.u-a2 { width: 100%; } } @media (max-width: 480px) { .c-news-list__item-title.u-a2 { padding-bottom: 20px; } } @media (max-width: 480px) and (min-width: 480px) { .c-news-list__item-title.u-a2 { padding-bottom: calc(1.04167vw + 15px); } } @media (max-width: 480px) and (min-width: 1440px) { .c-news-list__item-title.u-a2 { padding-bottom: 30px; } } .c-news-list__item-eyebrow { padding-bottom: 20px; } @media (min-width: 480px) { .c-news-list__item-eyebrow { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-news-list__item-eyebrow { padding-bottom: 30px; } } .c-news-list__item-eyebrow span { padding-left: 30px; display: inline-block; } .c-news-list__item-author { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 480px) { .c-news-list__item-author { padding-bottom: 20px; } } .c-news-list__item-author i { border-radius: 50%; margin-right: 20px; width: 45px; height: 45px; background-size: cover; background-position: center; } .c-latest-news { padding-bottom: 40px; } @media (min-width: 480px) { .c-latest-news { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-latest-news { padding-bottom: 60px; } } .c-latest-news__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; } .c-logo-list-wrapper { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .c-logo-list-wrapper { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-logo-list-wrapper { padding-top: 50px; } } @media (min-width: 480px) { .c-logo-list-wrapper { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-logo-list-wrapper { padding-bottom: 50px; } } .c-logo-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-logo-list__item { width: 25%; padding: 1px; } @media (max-width: 800px) { .c-logo-list__item { width: 33.33333%; } } @media (max-width: 480px) { .c-logo-list__item { width: 50%; } } .c-logo-list__item .u-media-wrapper { -webkit-filter: contrast(0) brightness(0); filter: contrast(0) brightness(0); -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-logo-list__item:hover .u-media-wrapper { -webkit-filter: contrast(1) brightness(1); filter: contrast(1) brightness(1); } .c-photo-video-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 1.04167vw; grid-row-gap: 1.66667vh; padding-top: 0.83333vh; padding-bottom: 0.83333vh; } @media (max-width: 1140px) { .c-photo-video-grid { grid-column-gap: 0.69444vw; grid-row-gap: 1.11111vh; padding-top: 0.55556vh; padding-bottom: 0.55556vh; } } @media (max-width: 800px) { .c-photo-video-grid { grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; padding-top: 5px; padding-bottom: 5px; } } @media (max-width: 480px) { .c-photo-video-grid { display: block; grid-column-gap: 0; grid-row-gap: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; } } .c-photo-video-grid__item { position: relative; display: inline-block; overflow: hidden; cursor: pointer; padding-top: 68.04348%; } @media (max-width: 480px) { .c-photo-video-grid__item { display: block; width: 100%; margin-bottom: 10px; } } @media (max-width: 800px) { .c-photo-video-grid__item { padding-top: 56.25%; } } @media (hover: hover) { .c-photo-video-grid__item:hover i { -webkit-transform: scale(1.1); transform: scale(1.1); } .c-photo-video-grid__item:hover video { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } } .c-photo-video-grid__item i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .c-photo-video-grid__item video { display: block; height: 100%; max-width: none; width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .c-photo-video-grid__item p { position: relative; padding-right: 150px; color: #ffffff; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1140px) { .c-photo-video-grid__item p { padding-right: 70px; } } .c-photo-video-grid__item p span.u-b3 { line-height: 18px; position: absolute; top: 0; right: 0; } .c-photo-video-grid__item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } @media (max-width: 800px) { .c-photo-video-grid__item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } } .c-photo-video-grid__item:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } @media (max-width: 800px) { .c-photo-video-grid__item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; } } .c-photo-video-grid__item:nth-child(3) { grid-area: 1 / 2 / 3 / 3; } @media (max-width: 800px) { .c-photo-video-grid__item:nth-child(3) { grid-area: 2 / 1 / 3 / 3; padding-top: 56.25%; } } .c-photo-video-grid__item:nth-child(3) i { height: 100%; padding-top: 0; } .c-photo-video-grid__item:nth-child(4) { grid-area: 1 / 3 / 2 / 4; } @media (max-width: 800px) { .c-photo-video-grid__item:nth-child(4) { grid-area: 3 / 1 / 4 / 2; } } .c-photo-video-grid__item:nth-child(5) { grid-area: 2 / 3 / 3 / 4; } @media (max-width: 800px) { .c-photo-video-grid__item:nth-child(5) { grid-area: 3 / 2 / 4 / 3; } } .c-photo-video-grid__item:nth-child(6) { grid-area: 3 / 1 / 5 / 3; } .c-photo-video-grid__item:nth-child(6) i { height: 100%; } @media (max-width: 800px) { .c-photo-video-grid__item:nth-child(6) { grid-area: 4 / 1 / 5 / 3; } } .c-photo-video-grid__item:nth-child(7) { grid-area: 3 / 3 / 4 / 4; } @media (max-width: 800px) { .c-photo-video-grid__item:nth-child(7) { grid-area: 5 / 1 / 6 / 2; } } .c-photo-video-grid__item:nth-child(8) { grid-area: 4 / 3 / 5 / 4; } @media (max-width: 800px) { .c-photo-video-grid__item:nth-child(8) { grid-area: 5 / 2 / 6 / 3; } } .c-photo-video-grid__item-play { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -17px; margin-bottom: 15px; border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 60px; height: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-photo-video-grid__item-play:after { content: ""; position: absolute; width: 100%; left: 0; height: 100%; bottom: 0; z-index: 0; background-color: #1da5f9; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-photo-video-grid__item-play .u-icon { color: #ffffff; font-size: 15px; position: relative; z-index: 2; } .c-photo-video-grid__item-play:hover { border-color: #1da5f9; color: #ffffff; } .c-photo-video-grid__item-play:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); } .c-photo-video-grid__item-video-content { min-height: 60px; width: 100%; display: block; position: absolute; text-align: left; left: 0; bottom: 0; height: auto; padding: 20px 30px; } @media (max-width: 1140px) { .c-photo-video-grid__item-video-content { padding: 15px 20px; } } .c-photo-video-grid .js-item-info { display: none; } .c-latest-photo-video__top { text-align: center; padding-bottom: 20px; } @media (min-width: 480px) { .c-latest-photo-video__top { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-latest-photo-video__top { padding-bottom: 30px; } } .c-latest-photo-video__bottom { text-align: center; padding-top: 40px; } @media (min-width: 480px) { .c-latest-photo-video__bottom { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-latest-photo-video__bottom { padding-top: 50px; } } .c-latest-photo-video__title { margin: 0 auto; } .c-latest-photo-video__header-link { display: inline-block; color: #001217; margin: 0 auto; } .c-photo-video-list__load-more { padding-top: 40px; padding-bottom: 80px; text-align: center; } @media (min-width: 480px) { .c-photo-video-list__load-more { padding-top: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-photo-video-list__load-more { padding-top: 50px; } } @media (min-width: 480px) { .c-photo-video-list__load-more { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-photo-video-list__load-more { padding-bottom: 140px; } } .c-photo-video-list__load-more--light a { color: #001217; } .c-photo-video-list .is-news-grid { background-color: #ffffff; } .c-photo-video-list .is-news-grid .c-news-list__item { border-top-color: rgba(29, 165, 249, 0.1); } .c-photo-video-list .is-news-grid .c-news-gallery-grid { padding-top: 8px; } @media (max-width: 480px) { .c-photo-video-list .is-news-grid .c-news-gallery-grid { padding-top: 10px; } } .c-photo-video-list .is-news-grid .c-photo-video-grid { padding-top: 1.66667vh; } @media (max-width: 1140px) { .c-photo-video-list .is-news-grid .c-photo-video-grid { padding-top: 1.11111vh; } } @media (max-width: 800px) { .c-photo-video-list .is-news-grid .c-photo-video-grid { padding-top: 10px; } } @media (max-width: 480px) { .c-photo-video-list .is-news-grid .c-photo-video-grid { padding-top: 10px; } } .c-photo-video-list .is-news-grid .c-news-list { color: #001217; } .c-photo-video-list__articles { padding-top: 50px; } @media (min-width: 480px) { .c-photo-video-list__articles { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-photo-video-list__articles { padding-top: 80px; } } .c-news-gallery-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } @media (max-width: 480px) { .c-news-gallery-grid { margin-left: 0; margin-right: 0; } } @media (max-width: 1140px) { .c-news-gallery-grid--videos { margin-left: -3px; margin-right: -3px; } } @media (max-width: 480px) { .c-news-gallery-grid--videos { margin-left: 0; margin-right: 0; } } .c-news-gallery-grid--videos .c-news-gallery-grid__item { width: calc(33.333% - 16px); padding-bottom: 22%; } @media (max-width: 1140px) { .c-news-gallery-grid--videos .c-news-gallery-grid__item { margin: 3px; } } @media (max-width: 800px) { .c-news-gallery-grid--videos .c-news-gallery-grid__item { width: calc(50% - 16px); padding-bottom: 32%; } } @media (max-width: 480px) { .c-news-gallery-grid--videos .c-news-gallery-grid__item { width: 100%; margin: 0; margin-bottom: 10px; padding-bottom: 56.25%; } } .c-news-gallery-grid__item { position: relative; display: inline-block; overflow: hidden; width: calc(50% - 16px); margin: 8px; cursor: pointer; } @media (max-width: 480px) { .c-news-gallery-grid__item { display: block; width: 100%; margin: 0; margin-bottom: 10px; } } @media (hover: hover) { .c-news-gallery-grid__item:hover i { -webkit-transform: scale(1.1); transform: scale(1.1); } .c-news-gallery-grid__item:hover video { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } } .c-news-gallery-grid__item i { background-position: center; background-size: cover; height: 0; display: block; padding-top: 68.04348%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } @media (max-width: 800px) { .c-news-gallery-grid__item i { padding-top: 56.25%; } } .c-news-gallery-grid__item video { display: block; height: 100%; max-width: none; width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .c-news-gallery-grid__item p { position: relative; padding-right: 150px; color: #ffffff; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 1140px) { .c-news-gallery-grid__item p { padding-right: 70px; } } .c-news-gallery-grid__item p span.u-b3 { line-height: 18px; position: absolute; top: 0; right: 0; } .c-news-gallery-grid__item-play { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -17px; margin-bottom: 15px; border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 60px; height: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-news-gallery-grid__item-play:after { content: ""; position: absolute; width: 100%; left: 0; height: 100%; bottom: 0; z-index: 0; background-color: #1da5f9; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-news-gallery-grid__item-play .u-icon { color: #ffffff; font-size: 15px; position: relative; z-index: 2; } .c-news-gallery-grid__item-play:hover { border-color: #1da5f9; color: #ffffff; } .c-news-gallery-grid__item-play:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); } .c-news-gallery-grid__item-video-content { min-height: 60px; width: 100%; display: block; position: absolute; text-align: left; left: 0; bottom: 0; height: auto; padding: 20px 30px; } @media (max-width: 1140px) { .c-news-gallery-grid__item-video-content { padding: 15px 20px; } } .c-news-gallery-grid .js-item-info { display: none; } .c-two-side-header { height: 100vh; min-height: 600px; position: relative; } .c-two-side-header__left { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .c-two-side-header__right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .c-two-side-header__videos { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-two-side-header__video { height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; opacity: 1; visibility: visible; } .c-two-side-header__article { position: absolute; top: 0; left: 0; padding: 140px 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-two-side-header__text { width: 300px; max-width: 100%; } .c-two-side-header__scroll { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .c-driving-modes__slider-container .swiper-slide { -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .c-driving-modes__slide-figure { width: 100%; height: 100vh; position: relative; } @media (max-width: 1140px) { .c-driving-modes__slide-figure { height: 100vh; } } @media (max-width: 480px) { .c-driving-modes__slide-figure { min-height: 100vh; padding-bottom: 0; } } .c-driving-modes__slide-figure:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(49.45% 52.13% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0.3) 100%); } .c-driving-modes__slide-image { width: 100%; position: absolute; top: 0; left: 0; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .c-driving-modes__content { position: absolute; top: 9.86111vw; left: 40px; z-index: 2; } @media (max-width: 800px) { .c-driving-modes__content { bottom: 142px; top: unset; left: 60px; } } .c-driving-modes__eyebrow { padding-bottom: 11px; } .c-driving-modes__description { max-width: 21.53846em; } .c-driving-modes-navigation { position: absolute; bottom: 0; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-bottom: 50px; } @media (min-width: 480px) { .c-driving-modes-navigation { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-driving-modes-navigation { padding-bottom: 80px; } } @media (max-width: 800px) { .c-driving-modes-navigation { left: 60px; -webkit-transform: none; transform: none; max-width: calc(100vw - 60px); overflow: scroll; } } .c-driving-modes-navigation__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-driving-modes-navigation__button { background-color: transparent; outline: none; border-radius: 0; -webkit-appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); width: 97px; padding: 6px 10px; color: #ffffff; cursor: pointer; } .c-driving-modes-navigation__button.is-active { background-color: #ffffff; color: #001217; border-color: #ffffff; } .c-driving-modes-navigation__button-label { display: inline-block; vertical-align: middle; position: relative; } .c-driving-modes-navigation__button-label span { display: block; width: 100%; font-style: normal; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c-driving-modes-navigation__button-label:after { text-align: center; display: block; content: attr(data-label); position: absolute; top: 100%; left: 0; width: 100%; color: currentColor; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c-driving-modes-navigation__button:hover .c-driving-modes-navigation__button-label span { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .c-driving-modes-navigation__button:hover .c-driving-modes-navigation__button-label:after { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } .c-repository { background-color: #f1f5f7; color: #001217; } .c-repository__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 30px; } @media (max-width: 1140px) { .c-repository__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 20px; width: 100%; } } .c-repository__filter { width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1140px) { .c-repository__filter { padding-bottom: 10px; width: 100%; } } .c-repository__filter a { padding: 10px 40px 10px 0; display: block; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } @media (max-width: 1140px) { .c-repository__filter a { padding: 10px 30px 10px 0; } } @media (max-width: 800px) { .c-repository__filter a { padding: 10px 20px 10px 0; } } .c-repository__filter a.is-active { pointer-events: none; text-decoration: underline; } @media (hover: hover) { .c-repository__filter a:hover { opacity: 0.5; } } .c-repository__filter .c-repository__select .c-form__select { padding-left: 0; } .c-repository__sort .c-repository__filter .c-repository__select .c-form__select { padding-left: 20px; } .c-repository__filter .c-repository__select .c-select.ss-main .ss-single-selected { border-bottom: none; } .c-repository__sort { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1140px) { .c-repository__sort { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } } @media (max-width: 800px) { .c-repository__sort { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 800px) { .c-repository__sort .c-repository__select p { display: none; } } @media (max-width: 800px) { .c-repository__sort .c-repository__select .c-form__select { padding-left: 0; } } @media (max-width: 480px) { .c-repository__filter .c-form__select, .c-repository__sort .c-form__select { width: 100%; } } .c-repository__toggle { display: block; font-size: 15px; } .c-repository__toggle span { cursor: pointer; } @media (max-width: 800px) { .c-repository__toggle { font-size: 20px; } } @media (max-width: 480px) { .c-repository__toggle { display: none; } } .c-repository__toggle-list { padding-right: 10px; pointer-events: none; opacity: 0.7; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; display: inline-block; color: #1da5f9; } @media (max-width: 800px) { .c-repository__toggle-list { display: none; padding-right: 0; } } .is-grid .c-repository__toggle-list { color: #001217; opacity: 1; pointer-events: auto; } @media (max-width: 800px) { .is-grid .c-repository__toggle-list { display: block; } } .c-repository__toggle-grid { padding-left: 10px; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; display: inline-block; } @media (max-width: 800px) { .c-repository__toggle-grid { display: block; padding-left: 0; } } .is-grid .c-repository__toggle-grid { pointer-events: none; color: #1da5f9; } @media (max-width: 800px) { .is-grid .c-repository__toggle-grid { display: none; } } .c-repository__select { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 480px) { .c-repository__select { width: 100%; } } .c-repository__main-wrapper { padding-bottom: 50px; } @media (min-width: 480px) { .c-repository__main-wrapper { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-repository__main-wrapper { padding-bottom: 80px; } } .c-repository__main-wrapper.is-grid { padding-top: 15px; } .c-repository__list-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 20px; padding-top: 30px; opacity: 0.6; } .is-grid .c-repository__list-header { display: none; } .c-repository__file-name { width: 60%; } @media (max-width: 800px) { .c-repository__file-name { width: 50%; } } .c-repository__file-size { width: 20%; } @media (max-width: 800px) { .c-repository__file-size { width: 25%; } } .c-repository__file-type { width: 20%; } @media (max-width: 800px) { .c-repository__file-type { width: 25%; } } .c-repository__list-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid rgba(29, 165, 249, 0.1); } .is-grid .c-repository__list-grid { border-bottom: 0; margin-left: -8px; margin-right: -8px; } @media (max-width: 800px) { .is-grid .c-repository__list-grid { margin-left: -4px; margin-right: -4px; } } .c-repository__load-more { text-align: center; padding-bottom: 40px; } @media (min-width: 480px) { .c-repository__load-more { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-repository__load-more { padding-bottom: 60px; } } .c-repository__load-more a { color: #001217; text-transform: uppercase; } .c-repository__blank { padding: 100px 0; width: 100%; z-index: 4; } .c-repository__blank .u-a2 { margin-bottom: 0.4em; } .c-repository__blank .u-b0 { color: #667275; margin-bottom: 0; } .c-repository .c-form__select { padding-left: 20px; margin-right: 40px; } @media (max-width: 800px) { .c-repository .c-form__select { margin-right: 30px; } } @media (max-width: 800px) { .c-repository .c-form__select { margin-right: 15px; } } @media (max-width: 480px) { .c-repository .c-form__select { margin-right: 0; } } .c-repository .c-form__select .c-select { color: #001217; } .c-repository .c-form__select .c-select-icon { border-color: #001217; } .c-repository-item { width: 100%; color: #001217; -webkit-transition: color 0.25s; transition: color 0.25s; position: relative; } @media (hover: hover) { .c-repository-item:hover { color: #1da5f9; } } .is-grid .c-repository-item { width: 33.33333%; padding: 8px 8px 15px 8px; } @media (max-width: 800px) { .is-grid .c-repository-item { width: 50%; padding: 4px 4px 10px 4px; } } @media (max-width: 480px) { .is-grid .c-repository-item { width: 100%; } } @media (hover: hover) { .is-grid .c-repository-item:hover { color: #001217; } .is-grid .c-repository-item:hover .c-repository-item__name { -webkit-transform: translateX(15px); transform: translateX(15px); } .is-grid .c-repository-item:hover .c-repository-item__size { -webkit-transform: translateX(15px); transform: translateX(15px); } .is-grid .c-repository-item:hover .c-repository-item__type { -webkit-transform: translateX(15px); transform: translateX(15px); } .is-grid .c-repository-item:hover .c-repository-item__preview { -webkit-transform: scale(1.1); transform: scale(1.1); } } .c-repository-item__info { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; border-top: 1px solid rgba(29, 165, 249, 0.1); } @media (max-width: 800px) { .c-repository-item__info { padding: 15px 0; } } .is-grid .c-repository-item__info { border-top: 0; padding-left: 20px; position: static; } @media (max-width: 800px) { .is-grid .c-repository-item__info { padding-left: 15px; } } @media (max-width: 480px) { .is-grid .c-repository-item__info { padding-left: 10px; } } .c-repository-item__type-icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.6; } .c-repository-item__type-icon .u-icon { vertical-align: middle; font-size: 18px; } @media (max-width: 800px) { .c-repository-item__type-icon .u-icon { font-size: 13px; } } .is-grid .c-repository-item__type-icon { position: absolute; top: 35%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #001217; } @media (max-width: 800px) { .is-grid .c-repository-item__type-icon { top: 32%; } } @media (max-width: 800px) { .is-grid .c-repository-item__type-icon { top: 38%; } } .is-grid .c-repository-item__type-icon .u-icon { font-size: 48px; } @media (max-width: 800px) { .is-grid .c-repository-item__type-icon .u-icon { font-size: 32px; } } .c-repository-item__name { width: 60%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 50px; } @media (max-width: 1140px) { .c-repository-item__name { padding-left: 30px; } } @media (max-width: 800px) { .c-repository-item__name { width: 50%; padding-right: 10px; padding-left: 20px; position: relative; } } .is-grid .c-repository-item__name { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; padding-right: 50px; padding-bottom: 10px; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.25s 0.1s ease-out; transition: -webkit-transform 0.25s 0.1s ease-out; transition: transform 0.25s 0.1s ease-out; transition: transform 0.25s 0.1s ease-out, -webkit-transform 0.25s 0.1s ease-out; padding-left: 0; } @media (max-width: 800px) { .is-grid .c-repository-item__name { width: 100%; padding-right: 50px; padding-left: 0; } } @media (max-width: 480px) { .is-grid .c-repository-item__name { width: 100%; } } .c-repository-item__size { width: 20%; } @media (max-width: 800px) { .c-repository-item__size { width: 25%; } } @media (max-width: 480px) { .c-repository-item__size { font-size: 12px; } } .is-grid .c-repository-item__size { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: auto; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; -webkit-transform: translateX(0px); transform: translateX(0px); font-size: 15px; line-height: 21px; } @media (max-width: 1440px) { .is-grid .c-repository-item__size { font-size: 13px; line-height: 18px; } } .c-repository-item__type { width: 20%; padding-right: 50px; } @media (max-width: 800px) { .c-repository-item__type { width: 75px; } } @media (max-width: 480px) { .c-repository-item__type { font-size: 12px; width: 70px; } } .is-grid .c-repository-item__type { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: auto; padding-right: 5px; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; -webkit-transform: translateX(0px); transform: translateX(0px); font-size: 15px; line-height: 21px; } @media (max-width: 1440px) { .is-grid .c-repository-item__type { font-size: 13px; line-height: 18px; } } .c-repository-item__download { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 5px; } @media (max-width: 1140px) { .c-repository-item__download { right: 5px; } } @media (max-width: 800px) { .c-repository-item__download { right: 0; } } .c-repository-item__download .u-icon { font-size: 20px; opacity: 0.6; } .is-grid .c-repository-item__download { bottom: 52px; top: auto; -webkit-transform: none; transform: none; } @media (max-width: 800px) { .is-grid .c-repository-item__download { bottom: 45px; } } @media (max-width: 480px) { .is-grid .c-repository-item__download { bottom: 42px; } } .c-repository-item__preview-wrapper { display: none; height: 0; padding-top: 66.52174%; position: relative; overflow: hidden; background-color: rgba(0, 18, 23, 0.1); z-index: 1; } .is-grid .c-repository-item__preview-wrapper { display: block; } .c-repository-item__preview { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } .c-accordion__item { border-bottom: 1px solid rgba(29, 165, 249, 0.1); } .c-accordion__item--performance { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .c-accordion-header { padding-top: 30px; padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; cursor: pointer; } @media (min-width: 480px) { .c-accordion-header { padding-top: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-accordion-header { padding-top: 40px; } } @media (min-width: 480px) { .c-accordion-header { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-accordion-header { padding-bottom: 40px; } } .c-accordion-header--tech-spec { padding-top: 10px; padding-bottom: 10px; position: relative; } @media (min-width: 480px) { .c-accordion-header--tech-spec { padding-top: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-accordion-header--tech-spec { padding-top: 20px; } } @media (min-width: 480px) { .c-accordion-header--tech-spec { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-accordion-header--tech-spec { padding-bottom: 20px; } } .c-accordion-header--tech-spec:after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; border-bottom: 1px solid rgba(29, 165, 249, 0.1); opacity: 0; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .is-opened .c-accordion-header--tech-spec:after { opacity: 1; } .c-accordion-header--tech-spec .c-accordion-header__title-row p { -webkit-transform: translateX(0vw); transform: translateX(0vw); -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-accordion-header--tech-spec:hover { /* 2 */ } .c-accordion-header--tech-spec:hover .c-accordion-header__title-row p { -webkit-transform: translateX(0.7vw); transform: translateX(0.7vw); } } .c-accordion-header p.u-b1 { width: 100%; padding-right: 30px; } .c-accordion-header__state { width: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; position: relative; } .c-accordion-header__state-icon { margin-right: 8px; width: 8px; height: 8px; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); display: inline-block; position: relative; } .is-opened .c-accordion-header__state-icon { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .c-accordion-header__state-icon:after { content: ""; position: absolute; top: -2px; left: 0; display: inline-block; width: 8px; height: 8px; border-left: 1px solid #001217; border-bottom: 1px solid #001217; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .c-accordion-header__state-icon--white:after { border-color: #ffffff; } .c-accordion-header__state-label { white-space: nowrap; position: absolute; top: 50%; padding-left: 24px; margin-top: -8px; } .c-accordion-header__state-label--closed { -webkit-transform: translateY(0); transform: translateY(0); } .is-opened .c-accordion-header__state-label--closed { opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateY(10px); transform: translateY(10px); } .c-accordion-header__state-label--opened { opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateY(-10px); transform: translateY(-10px); } .is-opened .c-accordion-header__state-label--opened { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .c-accordion-header__state--tech-spec .c-accordion-header__state-label { right: 0; padding-left: 27px; } @media (max-width: 800px) { .c-accordion-header__state--tech-spec .c-accordion-header__state-label { font-size: 0; } } .c-accordion-header__state--tech-spec .c-accordion-header__state-label:after { content: ""; position: absolute; border: 0; top: 50%; height: 1px; left: 0; width: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #ffffff; } .c-accordion-header__state--tech-spec .c-accordion-header__state-label:before { content: ""; position: absolute; top: 50%; left: 5px; width: 1px; height: 10px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; } .c-accordion-header__state--tech-spec .c-accordion-header__state-label--opened:before { display: none; } .c-accordion-header__numbering { width: 4.16667vw; display: block; margin-right: 0; } .c-accordion-header__title-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-accordion-header__title-row p { margin-bottom: 0; } .c-accordion-content { padding-top: 30px; padding-bottom: 50px; } @media (min-width: 480px) { .c-accordion-content { padding-top: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-accordion-content { padding-top: 40px; } } @media (min-width: 480px) { .c-accordion-content { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-accordion-content { padding-bottom: 80px; } } .c-accordion-content__header { margin: 0 auto; padding-right: 20px; padding-left: 20px; width: 37.5%; min-width: 540px; padding-bottom: 40px; } @media (min-width: 480px) { .c-accordion-content__header { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-accordion-content__header { padding-bottom: 50px; } } @media (max-width: 1140px) { .c-accordion-content__header { width: 58.33333%; } } @media (max-width: 800px) { .c-accordion-content__header { width: 91.66667%; min-width: auto; } } @media (max-width: 480px) { .c-accordion-content__header { width: 100%; } } .c-accordion-content__header .u-b2, .c-accordion-content__header .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-accordion-content__header p.c-development-statistics__subtitle { color: #667275; } .c-accordion-content ul { padding-left: 4.16667vw; margin-bottom: 0; } .c-accordion-content ul li { position: relative; padding-bottom: 10px; } @media (min-width: 480px) { .c-accordion-content ul li { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-accordion-content ul li { padding-bottom: 20px; } } .c-accordion-content ul li:before { position: absolute; left: -2.08333vw; top: 0.6em; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; display: inline-block; width: 5px; height: 5px; background-color: #1da5f9; } .c-accordion-content ul li:last-child { padding-bottom: 0; } .c-accordion-content__faded { color: rgba(255, 255, 255, 0.4); } @media (max-width: 480px) { .c-accordion-content__faded { display: block; } } .c-accordion-content--tech-spec ul { max-width: 660px; } @media (min-width: 1440px) { .c-accordion-content--tech-spec ul { max-width: 45.83333vw; } } .c-accordion-content--tech-spec li p { width: 100%; } .c-tabs-navigation { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-tabs-navigation__item { padding: 0 20px; } @media (max-width: 800px) { .c-tabs-navigation__item { padding: 0 10px; } } .c-tabs-navigation__item a { padding: 10px 0; display: block; position: relative; text-align: center; } .c-tabs-navigation__item a:after { content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; -webkit-transform: scaleX(0); transform: scaleX(0); background-color: rgba(0, 18, 23, 0.2); bottom: 2px; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .c-tabs-navigation__item a:focus { outline: none; } .c-tabs-navigation__item a[aria-selected="true"]:after, .c-tabs-navigation__item a:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .c-tabs-content { border-top: 1px solid rgba(29, 165, 249, 0.1); } .c-docs-list-wrapper { max-width: 1200px; margin: 0 auto; width: 100%; } .c-docs-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(29, 165, 249, 0.1); } @media (min-width: 480px) { .c-docs-list__item { padding-top: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-docs-list__item { padding-top: 40px; } } @media (min-width: 480px) { .c-docs-list__item { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-docs-list__item { padding-bottom: 40px; } } .c-docs-list__item-left { width: 100%; padding-right: 30px; } .c-docs-list__item-left .u-icon { margin-right: 12px; } .c-docs-list__item-right { width: 180px; } .c-docs-list__item-right .u-icon { margin-right: 12px; } .c-download-link__prepend { -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .c-download-link__label { display: inline-block; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .c-download-link:hover { color: #1da5f9; } .c-video-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0a222e; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; -webkit-transform: translateY(110%); transform: translateY(110%); overflow: scroll; } @media (max-width: 800px) { .c-video-popup { display: block; } } .c-video-popup .c-custom-video-player { opacity: 0; visibility: hidden; width: 100%; padding-top: 50px; padding-bottom: 50px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 800px) { .c-video-popup .c-custom-video-player__cover { position: absolute; bottom: 30px; } } @media (max-width: 480px) { .c-video-popup .c-custom-video-player__cover { bottom: 20px; } } .c-video-popup .c-hamburger { opacity: 0; visibility: hidden; position: absolute; z-index: 10; margin-top: 5px; top: 20px; right: 30px; } @media (min-width: 480px) { .c-video-popup .c-hamburger { top: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-video-popup .c-hamburger { top: 30px; } } @media (min-width: 480px) { .c-video-popup .c-hamburger { right: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-video-popup .c-hamburger { right: 40px; } } @media (max-width: 480px) { .c-video-popup .c-hamburger { right: 20px; } } @media (max-width: 374px) { .c-video-popup .c-hamburger { right: 20px; } } .c-video-popup .c-hamburger__line--center { margin-top: -2px; } .c-development-phase { padding-bottom: 80px; padding-top: 40px; } @media (min-width: 480px) { .c-development-phase { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-development-phase { padding-bottom: 140px; } } @media (min-width: 480px) { .c-development-phase { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-development-phase { padding-top: 60px; } } .c-development-phase + .c-development-phase, .c-development-phase + .c-development-statistics { padding-top: 0; } .c-development-phase__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-development-phase__number-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 38.88889%; padding-right: 11.11111%; } @media (max-width: 1140px) { .c-development-phase__number-wrapper { padding-right: 5.55556%; } } @media (max-width: 600px) { .c-development-phase__number-wrapper { padding-right: 0; width: 100%; } } .c-development-phase h3.c-development-phase__title { color: var(--text-color); } .c-development-phase p.c-development-phase__number { width: auto; white-space: nowrap; min-width: auto; padding-left: 0; padding-right: 0; margin: 0; color: var(--text-color); font-family: "TTSupermolotNeue", sans-serif; font-size: 80px; line-height: 80px; font-variation-settings: "wght" 500, "GRAD" 88; letter-spacing: -0.05385em; font-weight: normal; } @media (min-width: 480px) { .c-development-phase p.c-development-phase__number { font-size: calc(12.5vw + 20px); } } @media (min-width: 1440px) { .c-development-phase p.c-development-phase__number { font-size: calc(31.25vw - 250px); } } @media (min-width: 1920px) { .c-development-phase p.c-development-phase__number { font-size: calc(7.8125vw + 200px); } } @media (min-width: 2560px) { .c-development-phase p.c-development-phase__number { font-size: 400px; } } @media (min-width: 480px) { .c-development-phase p.c-development-phase__number { line-height: calc(12.5vw + 20px); } } @media (min-width: 1440px) { .c-development-phase p.c-development-phase__number { line-height: calc(31.25vw - 250px); } } @media (min-width: 1920px) { .c-development-phase p.c-development-phase__number { line-height: calc(7.8125vw + 200px); } } @media (min-width: 2560px) { .c-development-phase p.c-development-phase__number { line-height: 400px; } } @media only screen and (min-width: 1440px) { .c-development-phase p.c-development-phase__number.u-a6 { font-size: 230px; line-height: 260px; } } @media (max-width: 480px) { .c-development-phase p.c-development-phase__number { letter-spacing: 0; } } .c-development-phase p.c-development-phase__number:before { content: ""; display: block; border-top: 1px solid #1da5f9; opacity: 0.2; padding-bottom: 10px; max-width: 250px; width: 100%; } @media (min-width: 480px) { .c-development-phase p.c-development-phase__number:before { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-development-phase p.c-development-phase__number:before { padding-bottom: 20px; } } .c-development-phase p.c-development-phase__number-title { width: auto; min-width: auto; padding-left: 0; padding-right: 0; margin: 0; margin-bottom: 0.6em; color: var(--text-color); font-family: "TTSupermolotNeue", sans-serif; font-size: 30px; line-height: 38px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01579em; font-weight: normal; } @media (min-width: 480px) { .c-development-phase p.c-development-phase__number-title { font-size: calc(0.83333vw + 26px); } } @media (min-width: 1440px) { .c-development-phase p.c-development-phase__number-title { font-size: calc(0.625vw + 29px); } } @media (min-width: 1920px) { .c-development-phase p.c-development-phase__number-title { font-size: calc(2.96875vw - 16px); } } @media (min-width: 2560px) { .c-development-phase p.c-development-phase__number-title { font-size: 60px; } } @media (min-width: 480px) { .c-development-phase p.c-development-phase__number-title { line-height: calc(0.41667vw + 36px); } } @media (min-width: 1440px) { .c-development-phase p.c-development-phase__number-title { line-height: calc(1.45833vw + 21px); } } @media (min-width: 1920px) { .c-development-phase p.c-development-phase__number-title { line-height: calc(3.59375vw - 20px); } } @media (min-width: 2560px) { .c-development-phase p.c-development-phase__number-title { line-height: 72px; } } .c-development-phase p.c-development-phase__number-subtitle { width: auto; max-width: 400px; min-width: auto; padding-left: 0; padding-right: 0; margin: 0; font-family: "Roboto-Regular", sans-serif; font-size: 15px; line-height: 21px; font-weight: normal; letter-spacing: 0.4px; font-style: normal; } @media (max-width: 1440px) { .c-development-phase p.c-development-phase__number-subtitle { font-size: 13px; line-height: 18px; max-width: 320px; } } @media (max-width: 800px) { .c-development-phase p.c-development-phase__number-subtitle { max-width: 300px; padding-bottom: 30px; } } @media (max-width: 800px) and (min-width: 480px) { .c-development-phase p.c-development-phase__number-subtitle { padding-bottom: calc(1.04167vw + 25px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-development-phase p.c-development-phase__number-subtitle { padding-bottom: 40px; } } .c-development-phase__content { width: 61.11111%; } @media (max-width: 600px) { .c-development-phase__content { width: 100%; } } .c-development-phase__content-media-wrapper img, .c-development-phase__content-media-wrapper .c-custom-video-player { width: 100%; } .c-development-phase h3.c-development-phase__title { width: auto; min-width: auto; padding-left: 0; padding-right: 0; margin: 0; margin-bottom: 0.6em; font-family: "TTSupermolotNeue", sans-serif; font-size: 21px; line-height: 24px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.016em; font-weight: normal; } @media (min-width: 480px) { .c-development-phase h3.c-development-phase__title { font-size: calc(0.41667vw + 19px); } } @media (min-width: 1440px) { .c-development-phase h3.c-development-phase__title { font-size: calc(1.04167vw + 10px); } } @media (min-width: 1920px) { .c-development-phase h3.c-development-phase__title { font-size: calc(1.5625vw + 0px); } } @media (min-width: 2560px) { .c-development-phase h3.c-development-phase__title { font-size: 40px; } } @media (min-width: 480px) { .c-development-phase h3.c-development-phase__title { line-height: calc(0.41667vw + 22px); } } @media (min-width: 1440px) { .c-development-phase h3.c-development-phase__title { line-height: calc(1.66667vw + 4px); } } @media (min-width: 1920px) { .c-development-phase h3.c-development-phase__title { line-height: calc(3.125vw - 24px); } } @media (min-width: 2560px) { .c-development-phase h3.c-development-phase__title { line-height: 56px; } } .c-development-phase p.c-development-phase__description { padding-right: 24.54545%; padding-left: 0; min-width: auto; width: auto; margin: 0; margin-bottom: 2.3em; font-family: "Roboto-Regular", sans-serif; font-size: 14px; line-height: 18px; font-weight: normal; letter-spacing: -0.00588em; } @media (min-width: 480px) { .c-development-phase p.c-development-phase__description { font-size: calc(0.3125vw + 12.5px); } } @media (min-width: 1440px) { .c-development-phase p.c-development-phase__description { font-size: calc(0.83333vw + 5px); } } @media (min-width: 1920px) { .c-development-phase p.c-development-phase__description { font-size: 21px; } } @media (min-width: 480px) { .c-development-phase p.c-development-phase__description { line-height: calc(0.41667vw + 16px); } } @media (min-width: 1440px) { .c-development-phase p.c-development-phase__description { line-height: calc(1.66667vw - 2px); } } @media (min-width: 1920px) { .c-development-phase p.c-development-phase__description { line-height: 30px; } } @media (max-width: 480px) { .c-development-phase p.c-development-phase__description { padding-right: 0; } } .c-development-phase--reversed .c-development-phase__inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .c-development-phase--reversed .c-development-phase__number-wrapper { padding-right: 0; padding-left: 11.11111%; } @media (max-width: 1140px) { .c-development-phase--reversed .c-development-phase__number-wrapper { padding-left: 5.55556%; } } @media (max-width: 600px) { .c-development-phase--reversed .c-development-phase__number-wrapper { padding-left: 0; } } .c-development-phase--no-content .c-development-phase__number-wrapper { margin-left: 38.88889%; } @media (max-width: 1140px) { .c-development-phase--no-content .c-development-phase__number-wrapper { margin-left: 27.77778%; } } @media (max-width: 600px) { .c-development-phase--no-content .c-development-phase__number-wrapper { margin-left: 0; } } .c-development-phase--no-number .c-development-phase__content { margin-left: 38.88889%; } @media (max-width: 1140px) { .c-development-phase--no-number .c-development-phase__content { margin-left: 27.77778%; } } @media (max-width: 600px) { .c-development-phase--no-number .c-development-phase__content { margin-left: 0; } } .c-development-phase--no-number.c-development-phase--reversed .c-development-phase__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .c-development-phase--no-number.c-development-phase--reversed .c-development-phase__content { margin-left: 0; } .c-development-phase .plyr__controls { display: none; } .c-development-phase .c-custom-video-player__time { display: none; } .c-development-statistics { padding-bottom: 80px; padding-top: 40px; } @media (min-width: 480px) { .c-development-statistics { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-development-statistics { padding-bottom: 140px; } } @media (min-width: 480px) { .c-development-statistics { padding-top: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-development-statistics { padding-top: 60px; } } .c-development-statistics + .c-development-phase, .c-development-statistics + .c-development-statistics { padding-top: 0; } .c-development-statistics__inner { padding-left: 27.77778%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1140px) { .c-development-statistics__inner { padding-left: 16.66667%; } } @media (max-width: 800px) { .c-development-statistics__inner { padding-left: 0; } } .c-development-statistics__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 50%; padding-right: 30px; } @media (max-width: 480px) { .c-development-statistics__item { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; } } @media (max-width: 800px) { .c-development-statistics__item { padding-right: 15px; } } @media (max-width: 480px) { .c-development-statistics__item { padding-right: 0; padding-bottom: 50px; } } @media (max-width: 480px) and (min-width: 480px) { .c-development-statistics__item { padding-bottom: calc(3.125vw + 35px); } } @media (max-width: 480px) and (min-width: 1440px) { .c-development-statistics__item { padding-bottom: 80px; } } .c-development-statistics__item:nth-child(2) { padding-left: 30px; padding-right: 0; } @media (max-width: 800px) { .c-development-statistics__item:nth-child(2) { padding-left: 15px; } } @media (max-width: 480px) { .c-development-statistics__item:nth-child(2) { padding-left: 0; padding-bottom: 0; } } .c-development-statistics__item:before { content: ""; display: block; border-top: 1px solid #1da5f9; opacity: 0.2; padding-bottom: 10px; max-width: 250px; width: 100%; } @media (min-width: 480px) { .c-development-statistics__item:before { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-development-statistics__item:before { padding-bottom: 20px; } } @media (max-width: 480px) { .c-development-statistics__item { width: 100%; } } .c-development-statistics p.c-development-statistics__number { width: auto; white-space: nowrap; min-width: auto; padding-right: 0; padding-left: 0; margin: 0; color: var(--text-color); font-family: "TTSupermolotNeue", sans-serif; font-size: 80px; line-height: 80px; font-variation-settings: "wght" 500, "GRAD" 88; letter-spacing: -0.05385em; font-weight: normal; } @media (min-width: 480px) { .c-development-statistics p.c-development-statistics__number { font-size: calc(12.5vw + 20px); } } @media (min-width: 1440px) { .c-development-statistics p.c-development-statistics__number { font-size: calc(31.25vw - 250px); } } @media (min-width: 1920px) { .c-development-statistics p.c-development-statistics__number { font-size: calc(7.8125vw + 200px); } } @media (min-width: 2560px) { .c-development-statistics p.c-development-statistics__number { font-size: 400px; } } @media (min-width: 480px) { .c-development-statistics p.c-development-statistics__number { line-height: calc(12.5vw + 20px); } } @media (min-width: 1440px) { .c-development-statistics p.c-development-statistics__number { line-height: calc(31.25vw - 250px); } } @media (min-width: 1920px) { .c-development-statistics p.c-development-statistics__number { line-height: calc(7.8125vw + 200px); } } @media (min-width: 2560px) { .c-development-statistics p.c-development-statistics__number { line-height: 400px; } } @media only screen and (min-width: 1440px) { .c-development-statistics p.c-development-statistics__number.u-a6 { font-size: 230px; } } .c-development-statistics p.c-development-statistics__title { width: auto; min-width: auto; padding-right: 0; padding-left: 0; margin: 0; color: var(--text-color); font-family: "TTSupermolotNeue", sans-serif; font-size: 30px; line-height: 38px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01579em; font-weight: normal; } @media (min-width: 480px) { .c-development-statistics p.c-development-statistics__title { font-size: calc(0.83333vw + 26px); } } @media (min-width: 1440px) { .c-development-statistics p.c-development-statistics__title { font-size: calc(0.625vw + 29px); } } @media (min-width: 1920px) { .c-development-statistics p.c-development-statistics__title { font-size: calc(2.96875vw - 16px); } } @media (min-width: 2560px) { .c-development-statistics p.c-development-statistics__title { font-size: 60px; } } @media (min-width: 480px) { .c-development-statistics p.c-development-statistics__title { line-height: calc(0.41667vw + 36px); } } @media (min-width: 1440px) { .c-development-statistics p.c-development-statistics__title { line-height: calc(1.45833vw + 21px); } } @media (min-width: 1920px) { .c-development-statistics p.c-development-statistics__title { line-height: calc(3.59375vw - 20px); } } @media (min-width: 2560px) { .c-development-statistics p.c-development-statistics__title { line-height: 72px; } } .c-development-statistics p.c-development-statistics__subtitle { max-width: 280px; width: 100%; min-width: auto; padding-right: 0; padding-left: 0; margin: 0; } .c-development-double-image { padding-bottom: 10px; } @media (min-width: 480px) { .c-development-double-image { padding-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-development-double-image { padding-bottom: 20px; } } .c-development-double-image__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } .c-development-double-image__image { padding: 0 8px; width: 50%; } @media (max-width: 600px) { .c-development-double-image__image { width: 100%; } } @media (max-width: 600px) { .c-development-double-image__image:nth-child(2) { padding-top: 30px; } } .c-development-double-image p.u-b2, .c-development-double-image .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-development-double-image p.c-development-statistics__subtitle { padding-top: 10px; max-width: 260px; width: 100%; min-width: auto; margin: 0; padding-left: 0; padding-right: 0; color: #667275; font-family: "Roboto-Regular", sans-serif; font-size: 15px; line-height: 21px; font-weight: normal; letter-spacing: 0.4px; font-style: normal; } @media (max-width: 1440px) { .c-development-double-image p.u-b2, .c-development-double-image .c-development-statistics p.c-development-statistics__subtitle, .c-development-statistics .c-development-double-image p.c-development-statistics__subtitle { font-size: 13px; line-height: 18px; } } .c-development-double-image .u-media-wrapper { padding-bottom: 56.25%; } @media (max-width: 480px) { .c-next-steps { padding-left: 20px; } } .c-next-steps__inner { width: 37.5%; min-width: 450px; position: relative; margin: 0 auto; margin-bottom: 50px; margin-top: 60px; } @media (min-width: 480px) { .c-next-steps__inner { margin-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-next-steps__inner { margin-bottom: 80px; } } @media (min-width: 480px) { .c-next-steps__inner { margin-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-next-steps__inner { margin-top: 100px; } } @media (max-width: 1140px) { .c-next-steps__inner { width: 58.33333%; } } @media (max-width: 800px) { .c-next-steps__inner { min-width: auto; width: 91.66667%; } } @media (max-width: 480px) { .c-next-steps__inner { width: 100%; } } .c-next-steps__inner:before { content: ""; position: absolute; display: block; left: 5px; top: 0; height: 100%; border-left: 1px solid #1da5f9; } @media (max-width: 480px) { .c-next-steps__inner:before { left: 0; } } .c-next-steps p.u-b3 { width: auto; min-width: auto; margin: 0; font-family: "TTSupermolotNeue", sans-serif; font-size: 13px; line-height: 15px; letter-spacing: 1.6px; font-variation-settings: "wght" 400, "slnt" 0; padding-bottom: 10px; } @media (max-width: 1440px) { .c-next-steps p.u-b3 { font-size: 11px; line-height: 12px; letter-spacing: 1.8px; } } .c-next-steps .u-a3 { width: auto; min-width: auto; margin: 0; } .has-padding-top .c-draggable-simple-slider { padding-top: 20px; } @media (min-width: 480px) { .has-padding-top .c-draggable-simple-slider { padding-top: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .has-padding-top .c-draggable-simple-slider { padding-top: 30px; } } .c-draggable-simple-slider__container.swiper-container { overflow: visible; } .c-draggable-simple-slider__item .c-image-with-caption { overflow: hidden; height: 0; padding-bottom: 56.25%; position: relative; } .c-draggable-simple-slider__item .c-image-with-caption picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-draggable-simple-slider__item .c-image-with-caption img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-draggable-simple-slider__item .c-image-with-caption__caption { opacity: 0; } .c-draggable-simple-slider__item .c-image-with-caption__caption-text { color: #ffffff; } .is-dark .c-draggable-simple-slider__item .c-image-with-caption__caption-text { color: #001217; } .c-draggable-simple-slider__item .c-image-with-caption__caption-text .u-a1 { color: #ffffff; } .is-dark .c-draggable-simple-slider__item .c-image-with-caption__caption-text .u-a1 { color: #001217; } .c-draggable-simple-slider__item a { display: block; } .c-draggable-simple-slider__item a .c-image-with-caption { padding-left: 0; padding-right: 0; } .c-draggable-simple-slider__item a:hover .c-image-with-caption img, .c-draggable-simple-slider__item a:hover .c-image-with-caption i { -webkit-transform: scale(1.05); transform: scale(1.05); } .c-draggable-simple-slider__item.swiper-slide { width: 58.33333vw; } @media (max-width: 800px) { .c-draggable-simple-slider__item.swiper-slide { width: 89.06667vw; } } .c-draggable-simple-slider__item.swiper-slide .c-image-with-caption__caption { opacity: 0; -webkit-transition: 0.2s 0.1s; transition: 0.2s 0.1s; } .c-draggable-simple-slider__item.swiper-slide.is-active .c-image-with-caption__caption { opacity: 1; } .c-draggable-simple-slider__item-inner { padding-left: 4.16667vw; padding-right: 4.16667vw; } @media (max-width: 800px) { .c-draggable-simple-slider__item-inner { padding-left: 3.47222vw; padding-right: 3.47222vw; } } .c-draggable-simple-slider-wrapper { overflow: hidden; } .c-draggable-simple-slider-wrapper--technology-archive { padding-top: 60px; padding-bottom: 60px; background-color: #f1f5f7; } @media (min-width: 480px) { .c-draggable-simple-slider-wrapper--technology-archive { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-draggable-simple-slider-wrapper--technology-archive { padding-top: 100px; } } @media (min-width: 480px) { .c-draggable-simple-slider-wrapper--technology-archive { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-draggable-simple-slider-wrapper--technology-archive { padding-bottom: 100px; } } .c-draggable-simple-slider-wrapper--technology-archive .c-image-with-caption__caption-text, .c-draggable-simple-slider-wrapper--technology-archive .c-image-with-caption__caption-text h5 { color: #001217 !important; } .c-draggable-simple-slider-wrapper--technology-archive .c-draggable-slider-cursor__label { color: #ffffff; } .c-draggable-simple-slider-wrapper--about-us { padding-top: 60px; padding-bottom: 40px; } @media (min-width: 480px) { .c-draggable-simple-slider-wrapper--about-us { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-draggable-simple-slider-wrapper--about-us { padding-top: 100px; } } @media (min-width: 480px) { .c-draggable-simple-slider-wrapper--about-us { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-draggable-simple-slider-wrapper--about-us { padding-bottom: 50px; } } .c-draggable-simple-slider-wrapper--about-us .c-image-with-caption__caption-text, .c-draggable-simple-slider-wrapper--about-us .c-image-with-caption__caption-text h5 { color: #001217 !important; } .c-draggable-simple-slider-wrapper--about-us .c-image-with-caption__caption-number { display: none; } .c-draggable-simple-slider-wrapper--about-us .c-draggable-slider-cursor__label { color: #ffffff; } .c-draggable-simple-slider-wrapper--careers { padding-bottom: 40px; background-color: #f1f5f7; } @media (min-width: 480px) { .c-draggable-simple-slider-wrapper--careers { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-draggable-simple-slider-wrapper--careers { padding-bottom: 50px; } } .c-draggable-simple-slider-wrapper--careers .c-image-with-caption__caption-text, .c-draggable-simple-slider-wrapper--careers .c-image-with-caption__caption-text h5 { color: #001217 !important; } .c-draggable-simple-slider-wrapper--careers .c-draggable-slider-cursor__label { color: #ffffff; } .c-configurator { position: relative; color: #ffffff; } @media (max-width: 1140px) { .c-configurator { padding-top: 80px; padding-bottom: 100px; background-color: #000000; } } @media (max-width: 1140px) and (min-width: 480px) { .c-configurator { padding-top: calc(6.25vw + 50px); } } @media (max-width: 1140px) and (min-width: 1440px) { .c-configurator { padding-top: 140px; } } @media (max-width: 800px) { .c-configurator { padding-top: 0; padding-bottom: 0; } } .c-configurator__elipsis { position: absolute; bottom: 15.46667%; width: 69.79167%; left: 13.54167%; z-index: 0; } .c-configurator__top { position: absolute; top: 0; z-index: 2; padding-top: 80px; padding-left: 40px; width: 100%; pointer-events: none; } @media (min-width: 480px) { .c-configurator__top { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-configurator__top { padding-top: 140px; } } @media (max-width: 800px) { .c-configurator__top { position: relative; } } .c-configurator__top-content { max-width: 21.53846em; z-index: 2; position: relative; } .c-configurator__top-title { margin-bottom: 10px; } @media (min-width: 480px) { .c-configurator__top-title { margin-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-configurator__top-title { margin-bottom: 20px; } } .c-configurator__top p { opacity: 0.8; } @media (max-width: 1140px) { .c-configurator__top:after { position: absolute; bottom: 0; left: 0; content: ""; display: block; height: 102px; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(81.77%, rgba(0, 0, 0, 0.17)), to(rgba(0, 0, 0, 0))); background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.17) 81.77%, rgba(0, 0, 0, 0) 100%); z-index: 1; } } @media (max-width: 800px) { .c-configurator__top:after { top: 100%; height: 75px; } } .c-configurator__slider { position: relative; background: url("../ui/configurator-bg.jpg") center; background-size: cover; } .c-configurator__slider .swiper-slide { -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .c-configurator__slide-inner { padding-left: 3.68056vw; padding-right: 3.68056vw; z-index: 2; } .c-configurator__image { position: relative; z-index: 2; height: 100vh; } @media (max-width: 1140px) { .c-configurator__image { height: unset; padding-bottom: 52.08333%; } } @media (max-width: 800px) { .c-configurator__image { padding-bottom: 88.26667%; } } @media (max-width: 600px) { .c-configurator__image { width: 120%; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .c-configurator__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; opacity: 0; visibility: hidden; -webkit-transition: 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); transition: 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035); } .c-configurator__image img.is-active { visibility: visible; opacity: 1; } .c-configurator__bottom { position: absolute; bottom: 0; z-index: 2; width: 100%; padding-bottom: 30px; padding-right: 40px; padding-left: 40px; } @media (min-width: 480px) { .c-configurator__bottom { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-configurator__bottom { padding-bottom: 40px; } } @media (min-width: 480px) { .c-configurator__bottom { padding-right: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-configurator__bottom { padding-right: 50px; } } @media (min-width: 480px) { .c-configurator__bottom { padding-left: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-configurator__bottom { padding-left: 60px; } } @media (max-width: 1140px) { .c-configurator__bottom { background-color: #000000; } .c-configurator__bottom:after { position: absolute; bottom: 100%; left: 0; content: ""; display: block; height: 50px; width: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(81.77%, rgba(0, 0, 0, 0.17)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.17) 81.77%, rgba(0, 0, 0, 0) 100%); z-index: 1; pointer-events: none; } } @media (max-width: 800px) { .c-configurator__bottom { position: relative; padding-right: 0; } .c-configurator__bottom:after { height: 75px; } } .c-configurator__bottom-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; position: relative; } @media (max-width: 800px) { .c-configurator__bottom-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 800px) { .c-configurator__bottom-col--left { padding-bottom: 10px; } .c-configurator__bottom-col--right { margin-left: auto; padding-right: 22px; padding-top: 50px; } } .c-configurator-color-switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .c-configurator-color-switch__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 800px) { .c-configurator-color-switch { width: 100%; overflow: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .c-configurator-color-switch__item { width: 95px; margin-right: 5px; cursor: pointer; padding-bottom: 12px; position: relative; } .c-configurator-color-switch__item:after { content: ""; position: absolute; display: inline-block; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #ffffff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0.4; } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-configurator-color-switch__item:hover { /* 2 */ } .c-configurator-color-switch__item:hover:after { opacity: 0.4; -webkit-transform: scaleX(1); transform: scaleX(1); } } @media (min-width: 1440px) { .c-configurator-color-switch__item { width: 105px; } } .c-configurator-color-switch__item.is-active:after { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } .c-configurator-color-switch__color { height: 12px; width: 100%; display: block; background-blend-mode: overlay, normal; margin-bottom: 6px; } .c-configurator-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-configurator-actions__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 43px; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); background: transparent; border: 0; color: #ffffff; -webkit-box-shadow: none; box-shadow: none; outline: none; cursor: pointer; } .c-configurator-actions__item.is-blurred { opacity: 0.3; } .c-configurator-actions__item svg { width: 0.7em; } @media (max-width: 1140px) { .c-configurator-actions__item svg { width: 1.4em; height: 1.4em; } } .c-configurator-actions__item p { padding-left: 13px; } @media (max-width: 1140px) { .c-configurator-actions__item p { display: none; } } .c-configurator-navigation { position: absolute; top: 50%; left: 11.59722%; right: 11.59722%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 800px) { .c-configurator-navigation { top: unset; bottom: 0; padding-bottom: 38px; -webkit-transform: none; transform: none; } } .c-configurator-navigation__arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; padding: 5px; position: relative; } .c-configurator-navigation__arrow:before { position: absolute; content: ""; display: inline-block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: 0.2s ease; transition: 0.2s ease; } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-configurator-navigation__arrow:hover { /* 2 */ } .c-configurator-navigation__arrow:hover:before { opacity: 1; } } .c-configurator-navigation__arrow.is-disabled { pointer-events: none; opacity: 0.3; } .c-configurator-navigation__arrow .icon { margin: auto; width: 11px; } .c-inpage-navigation-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; opacity: 0; visibility: hidden; } .is-inpage-navigation-opened .c-inpage-navigation-wrapper { opacity: 1; visibility: visible; } .c-inpage-navigation-wrapper.has-no-interaction { pointer-events: none; } .c-inpage-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; height: 100%; padding: 40px 20px; } .c-inpage-navigation__links-wrapper { position: relative; } .c-inpage-navigation__links-item { padding: 2px 20px; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .c-inpage-navigation__links-item:hover .c-inpage-navigation-link__number { color: #ffffff; } .c-inpage-navigation__links-item:hover .c-inpage-navigation-link:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .c-inpage-navigation__links-item.is-blurred { opacity: 0.3; } .c-inpage-navigation-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#0a222e), color-stop(88.02%, rgba(10, 34, 46, 0.24)), to(rgba(10, 34, 46, 0))); background: linear-gradient(90deg, #0a222e 0%, rgba(10, 34, 46, 0.24) 88.02%, rgba(10, 34, 46, 0) 100%); z-index: 1; } @media (max-width: 600px) { .c-inpage-navigation-overlay { width: calc(100% - 52px); background-color: #0a222e; } } .c-inpage-navigation-close { position: absolute; z-index: 3; top: calc(50% - 19px); left: 100%; } .c-inpage-navigation-close:hover .c-close-button { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0.5; } .c-share-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; background: rgba(13, 41, 54, 0.8); visibility: hidden; opacity: 0; } .c-share-modal__inner { padding-top: 50px; padding-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-top: auto; margin-bottom: auto; background-color: #001217; position: relative; } @media (min-width: 480px) { .c-share-modal__inner { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-share-modal__inner { padding-top: 80px; } } @media (min-width: 480px) { .c-share-modal__inner { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-share-modal__inner { padding-bottom: 100px; } } .c-share-modal__title { padding-bottom: 50px; text-align: center; } @media (min-width: 480px) { .c-share-modal__title { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-share-modal__title { padding-bottom: 80px; } } .c-share-modal__list { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 800px) { .c-share-modal__list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .c-share-modal__item { margin: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 800px) { .c-share-modal__item { width: calc(50% - 32px); max-width: 90px; } } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-share-modal__item:hover { /* 2 */ opacity: 0.4; } } .c-share-modal__item .u-icon { width: 1.5625em; height: 1.5625em; } @media (min-width: 1440px) { .c-share-modal__item .u-icon { width: 1.73611vw; height: 1.73611vw; } } .c-share-modal__close { position: absolute; right: 30px; top: 30px; width: 28px; height: 28px; background-color: transparent; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; cursor: pointer; -webkit-transition: 0.2s ease; transition: 0.2s ease; } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-share-modal__close:hover { /* 2 */ opacity: 0.3; } } .c-share-modal__close:before, .c-share-modal__close:after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; } .c-share-modal__close:before { width: 100%; height: 1px; background-color: #ffffff; -webkit-transform: rotate(45deg) translate(10px, 10px); transform: rotate(45deg) translate(10px, 10px); } .c-share-modal__close:after { width: 100%; height: 1px; background-color: #ffffff; -webkit-transform: rotate(-45deg) translate(-10px, 10px); transform: rotate(-45deg) translate(-10px, 10px); } .c-scroll-progress-navigation-wrapper { position: fixed; left: 0; height: 100%; top: 0; padding: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 10; } .c-scroll-progress-navigation__list { text-align: center; } .c-scroll-progress-navigation__list-item { margin: 6px 0; } .c-scroll-progress-navigation__segment { display: block; width: 1px; height: 40px; background-color: rgba(255, 255, 255, 0.2); position: relative; } .c-scroll-progress-navigation__segment-line { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; } .c-countdown { position: relative; } .c-countdown__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; } .c-countdown__bg .c-custom-video-player { width: 100%; height: 100%; } .c-countdown__bg .c-custom-video-player__cover-image-wrapper { width: 100%; height: 100%; } @media (max-width: 800px) { .c-countdown__bg .c-custom-video-player__cover-image-wrapper { position: absolute; top: 0; left: 0; } } .c-countdown__bg .plyr__controls { display: none; } .c-countdown__bg video { -o-object-fit: cover; object-fit: cover; max-height: 100% !important; max-width: 100% !important; } .c-countdown__bg button { display: none !important; } .c-countdown__bg .c-custom-video-player__time { display: none; } .c-countdown__content { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 600px; padding-top: 40px; } @media (min-width: 1440px) { .c-countdown__content { padding-top: 2.77778vw; min-height: 41.66667vw; } } @media (max-width: 800px) { .c-countdown__content { padding-top: 90px; padding-bottom: 42px; } } .c-countdown__circle-wrapper { width: 33.125vw; height: 33.125vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 25px; pointer-events: none; } @media (min-width: 1440px) { .c-countdown__circle-wrapper { margin-bottom: 1.73611vw; } } @media (max-width: 800px) { .c-countdown__circle-wrapper { width: 60vw; height: 60vw; } } @media (max-width: 600px) { .c-countdown__circle-wrapper { width: 92vw; height: 92vw; } } .c-countdown__circle-dashed { width: 105%; height: 105%; position: absolute; } .c-countdown__circle-full { width: 105%; height: 105%; position: absolute; } .c-countdown__circle-full circle { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center; transform-origin: center; } .c-countdown__eyebrow { margin-bottom: 30px; max-width: 170px; margin-left: auto; margin-right: auto; } @media (min-width: 480px) { .c-countdown__eyebrow { margin-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-countdown__eyebrow { margin-bottom: 40px; } } .c-countdown__timer { font-family: "TTSupermolotNeue", sans-serif; font-size: 6.04167vw; letter-spacing: -0.03079em; line-height: 1; margin-bottom: 10px; } @media (min-width: 1440px) { .c-countdown__timer { margin-bottom: 0.69444vw; } } @media (max-width: 800px) { .c-countdown__timer { font-size: 9.72222vw; } } @media (max-width: 600px) { .c-countdown__timer { font-size: 13.88889vw; text-align: center; } } .c-countdown__timer-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 110%; left: -5%; position: relative; } @media (max-width: 800px) { .c-countdown__timer-desc { font-size: 12px; } } @media (max-width: null) { .c-countdown__timer-desc { font-size: 10px; } } .c-countdown__timer-desc span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } .c-countdown .c-button { text-transform: none !important; } .c-countdown__play-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: auto; margin-top: 30px; border: 0; color: #ffffff; position: relative; z-index: 3; } @media (min-width: 800px) { .c-countdown__play-mobile { display: none; } } .c-countdown__play-mobile i { width: 1.5em; height: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border-radius: 50%; margin-bottom: 1em; } .c-countdown__play-mobile i .u-icon { width: 0.5em; height: 0.5em; color: #001217; } .c-countdown__bottom-text { margin-bottom: 15px; color: #ffffff; } @media (max-width: 800px) { .c-countdown__bottom-text { margin-bottom: 47px; } } .c-countdown__trigger { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: rgba(0, 18, 23, 0.4); } @media (max-width: 800px) { .c-countdown__trigger { pointer-events: none; } } .c-countdown__booking { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-countdown__booking .c-button__icon { width: 10px; height: 100%; position: relative; display: block; margin-left: 7px; } @media (max-width: 800px) { .c-countdown__booking .c-button__icon { display: none; } } .c-countdown__booking .c-button__icon:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; width: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; background-color: #ffffff; } .c-countdown__booking .c-button__icon:after { content: ""; display: inline-block; position: absolute; top: 0; left: 50%; width: 1px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 10px; background-color: #ffffff; } .c-countdown__booking .c-button.is-active .c-button__icon:after { display: none; } .c-countdown__booking .c-button .c-button__icon { mix-blend-mode: difference; } .c-countdown-cursor { position: fixed; width: 126px; height: 126px; top: -63px; left: -63px; z-index: 99; pointer-events: none; mix-blend-mode: difference; } @media (max-width: 800px) { .c-countdown-cursor { display: none; } } .c-countdown-cursor__circle { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; text-align: center; } .is-cursor-visible .c-countdown-cursor__circle { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .is-link-hovered .c-countdown-cursor__circle { border-color: rgba(255, 255, 255, 0.3); -webkit-transform: scale(0.5); transform: scale(0.5); } .c-countdown-cursor__label { -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); margin-top: 2px; text-align: center; } .is-link-hovered .c-countdown-cursor__label { opacity: 0; } .c-booking-drawer { padding-top: 20px; overflow: hidden; pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } @media (max-width: 800px) { .c-booking-drawer { margin-left: auto; margin-right: auto; } } .c-booking-drawer.is-active { opacity: 1; visibility: visible; } .c-booking-drawer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 800px) { .c-booking-drawer__row { width: 300px; margin-left: auto; margin-right: auto; } } .c-booking-drawer__item { margin-right: 32px; pointer-events: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 800px) { .c-booking-drawer__item { width: 50%; margin-right: 0; margin-bottom: 10px; } } .c-booking-drawer__item:last-child { margin-right: 0; } .c-booking-drawer__item .u-icon { margin-right: 9px; } .c-event-popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0, 18, 23, 0.6); opacity: 0; visibility: hidden; } .c-event-popup__inner { padding-top: 60px; padding-bottom: 60px; margin-top: auto; margin-bottom: auto; background-color: #0d2936; color: #ffffff; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 480px) { .c-event-popup__inner { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-event-popup__inner { padding-top: 100px; } } @media (min-width: 480px) { .c-event-popup__inner { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-event-popup__inner { padding-bottom: 100px; } } .c-event-popup__close { position: absolute; right: 2.77778vw; top: 2.08333vw; } .c-event-popup__title { text-align: center; margin-bottom: 10px; max-width: 13.92em; } .c-event-popup__description { padding-bottom: 30px; max-width: 350px; margin-left: auto; margin-right: auto; text-align: center; } @media (min-width: 480px) { .c-event-popup__description { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .c-event-popup__description { padding-bottom: 40px; } } .c-event-start { min-height: 100vh; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 600px; padding-top: 40px; text-align: center; } @media (min-width: 1440px) { .c-event-start { padding-top: 2.77778vw; height: 41.66667vw; } } @media (max-width: 800px) { .c-event-start { height: 400px; } } .c-event-start__bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .c-event-start__content { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-event-start__eyebrow { padding-bottom: 25px; } .c-event-start__logo { width: 37.5vw; height: auto; display: block; margin-bottom: 80px; } @media (min-width: 1440px) { .c-event-start__logo { margin-bottom: 80px; } } @media (max-width: 800px) { .c-event-start__logo { width: 70vw; margin-bottom: 60px; } } @media (max-width: 600px) { .c-event-start__logo { width: 80vw; } } .c-event-start__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(13, 41, 54, 0.65); display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; } @media (max-width: 800px) { .c-event-start__overlay { overflow-y: scroll; } } @media (max-width: 480px) { .c-event-start__overlay { padding-top: 50px; } } .c-event-start__overlay-content { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: hidden; } @media (max-width: 800px) { .c-event-start__overlay-content { min-height: 100%; height: auto; } } .c-event-start__video-triggers-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 58.33333%; margin-top: 43vh; position: relative; } @media (max-width: 1140px) { .c-event-start__video-triggers-wrapper { width: 840px; max-width: 90%; } } @media (max-width: 800px) { .c-event-start__video-triggers-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 120px; } } @media (max-width: 480px) { .c-event-start__video-triggers-wrapper { margin-top: auto; } } .c-event-start__video-triggers-wrapper:before, .c-event-start__video-triggers-wrapper:after { content: ""; position: absolute; display: block; width: calc(10 / 24 * 100% - 25px); bottom: 9px; height: 1px; background-color: rgba(255, 255, 255, 0.4); } @media (max-width: 800px) { .c-event-start__video-triggers-wrapper:before, .c-event-start__video-triggers-wrapper:after { display: none; } } .c-event-start__video-triggers-wrapper:before { right: 100%; } .c-event-start__video-triggers-wrapper:after { left: 100%; } .c-event-start__bottom { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 60px; } @media (max-width: 800px) { .c-event-start__bottom { margin-top: 60px; } } @media (max-width: 480px) { .c-event-start__bottom { margin-bottom: auto; padding-bottom: 0; } } .c-event-start__bottom .c-button { margin-bottom: 20px; } .c-video-trigger-card { text-align: left; width: 33.33333%; padding-left: 25px; padding-right: 25px; position: relative; } @media (max-width: 800px) { .c-video-trigger-card { width: 100%; max-width: 240px; margin-bottom: 30px; } .c-video-trigger-card:after { content: ""; position: absolute; display: block; width: 1px; bottom: -14px; left: 41px; height: 30px; background-color: rgba(255, 255, 255, 0.4); } .c-video-trigger-card:last-child { margin-bottom: 0; } .c-video-trigger-card:last-child:after { display: none; } } .c-video-trigger-card__inner { cursor: pointer; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; position: relative; } .c-video-trigger-card__inner.is-blurred { opacity: 0.2; } .c-video-trigger-card__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-video-trigger-card__icon { display: -webkit-box; display: -ms-flexbox; display: flex; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-video-trigger-card__text { padding-left: 10px; } .c-video-trigger-card__number { opacity: 0.5; } .c-video-trigger-card__bar { width: 100%; height: 18px; background-color: #ffffff; display: block; border-radius: 50px; } @media (max-width: 800px) { .c-video-trigger-card__bar { display: none; } } .c-video-trigger-card__preview { margin-top: 25px; padding-bottom: 56.25%; position: absolute; left: 0; top: 100%; width: 100%; opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s ease-out !important; transition: opacity 0.3s ease-out !important; visibility: hidden; } @media (max-width: 800px) { .c-video-trigger-card__preview { display: none; } } .c-video-trigger-card__preview-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-video-trigger-card:hover { /* 2 */ } .c-video-trigger-card:hover .c-video-trigger-card__preview { opacity: 1; visibility: visible; } } .c-nevera-welcome { padding-top: 80px; padding-bottom: 80px; } @media (min-width: 480px) { .c-nevera-welcome { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-nevera-welcome { padding-top: 140px; } } @media (min-width: 480px) { .c-nevera-welcome { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-nevera-welcome { padding-bottom: 140px; } } .c-nevera-welcome__header { padding-left: 8.33333%; width: 50%; margin-left: auto; margin-right: auto; padding-bottom: 50px; } @media (max-width: 800px) { .c-nevera-welcome__header { width: 83.33333%; } } @media (min-width: 480px) { .c-nevera-welcome__header { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-nevera-welcome__header { padding-bottom: 80px; } } .c-nevera-welcome__eyebrow { padding-bottom: 40px; } @media (min-width: 480px) { .c-nevera-welcome__eyebrow { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .c-nevera-welcome__eyebrow { padding-bottom: 50px; } } .c-nevera-welcome__slider { padding-bottom: 50px; } @media (min-width: 480px) { .c-nevera-welcome__slider { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-nevera-welcome__slider { padding-bottom: 80px; } } .c-nevera-welcome__slider .c-draggable-simple-slider__item.swiper-slide { width: 87.5vw; } .c-nevera-welcome__slider .c-draggable-simple-slider__item-inner { padding-left: 2.08333vw; padding-right: 2.08333vw; } .c-nevera-welcome__footer { padding-left: 8.33333%; width: 50%; margin-left: auto; margin-right: auto; padding-bottom: 20px; } @media (max-width: 800px) { .c-nevera-welcome__footer { width: 83.33333%; } } .c-nevera-welcome__footer-title { padding-bottom: 20px; } @media (min-width: 480px) { .c-nevera-welcome__footer-title { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-nevera-welcome__footer-title { padding-bottom: 30px; } } .c-nevera-welcome__footer-description p { max-width: 29.41176em; padding-bottom: 20px; opacity: 0.6; } @media (min-width: 480px) { .c-nevera-welcome__footer-description p { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-nevera-welcome__footer-description p { padding-bottom: 30px; } } .c-nevera-welcome__footer-description p:last-child { padding-bottom: 0; } .c-extra-technology { position: relative; } .c-extra-technology__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; } .c-extra-technology__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .c-extra-technology__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(0, 18, 23, 0.6); z-index: 0; } .c-extra-technology__header { min-height: 100vh; padding-top: 25vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .c-extra-technology__header h2 { width: 68.05556vw; } @media (max-width: 800px) { .c-extra-technology__header h2 { width: 89.33333%; } } .c-extra-technology__header p { width: 34.72222vw; } @media (max-width: 800px) { .c-extra-technology__header p { width: 73.33333%; } } .c-extra-technology__content { min-height: 100vh; padding-bottom: 50vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; } .c-extra-technology__content h4 { width: 34.72222vw; } @media (max-width: 800px) { .c-extra-technology__content h4 { width: 78.66667%; padding-left: 20px; } } .c-extra-technology__content p { width: 34.72222vw; } @media (max-width: 800px) { .c-extra-technology__content p { width: 78.66667%; padding-left: 20px; } } .c-experience { height: 100vh; position: relative; padding: 140px 4.16667% 4.16667%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } @media (max-width: 800px) { .c-experience { padding: 60px; } } .c-experience__bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .c-experience__bg img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; display: block; } .c-experience__overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(49.45% 52.13% at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0.3) 100%); opacity: 0.8; } .c-experience__eyebrow { padding-bottom: 10px; } .c-experience__title { padding-bottom: 20px; } @media (min-width: 480px) { .c-experience__title { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-experience__title { padding-bottom: 30px; } } .c-experience__content { position: relative; z-index: 2; width: 280px; } @media (min-width: 1440px) { .c-experience__content { width: 19.44444vw; } } .c-experience__content--bottom-right { margin-left: auto; margin-top: auto; width: 360px; } @media (min-width: 1440px) { .c-experience__content--bottom-right { width: 25vw; } } .c-experience__content--bottom-left { margin-top: auto; width: 360px; } @media (min-width: 1440px) { .c-experience__content--bottom-left { width: 25vw; } } @media (max-width: 800px) { .c-experience__content { margin-top: auto; } } .c-panel-pining { position: relative; height: 100vh; width: 100%; overflow: hidden; } .c-panel-pining__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-nevera-loader { position: fixed; top: 0; left: 0; bottom: auto; width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #0a222e; z-index: 999999; overflow: hidden; } .c-nevera-loader__inner { position: absolute; top: 50%; left: 50%; width: 61.59722%; height: 34.72222%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-nevera-app-header { min-height: 100vh; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 50px; padding-bottom: 40px; } @media (min-width: 480px) { .c-nevera-app-header { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-nevera-app-header { padding-top: 80px; } } @media (min-width: 480px) { .c-nevera-app-header { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-nevera-app-header { padding-bottom: 60px; } } @media (max-width: 800px) { .c-nevera-app-header { padding-top: 60px; } } @media (max-width: 800px) and (min-width: 480px) { .c-nevera-app-header { padding-top: calc(4.16667vw + 40px); } } @media (max-width: 800px) and (min-width: 1440px) { .c-nevera-app-header { padding-top: 100px; } } @media (max-width: 480px) { .c-nevera-app-header { padding-bottom: 60px; } } @media (max-width: 480px) and (min-width: 480px) { .c-nevera-app-header { padding-bottom: calc(4.16667vw + 40px); } } @media (max-width: 480px) and (min-width: 1440px) { .c-nevera-app-header { padding-bottom: 100px; } } .c-nevera-app-header:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, right top, left top, from(rgba(0, 18, 23, 0.55)), to(rgba(0, 18, 23, 0.15))); background: linear-gradient(270deg, rgba(0, 18, 23, 0.55) 0%, rgba(0, 18, 23, 0.15) 100%); display: block; z-index: 1; } .c-nevera-app-header__inner { position: relative; z-index: 2; text-align: center; } .c-nevera-app-header__inner h1 { max-width: 600px; margin: 0 auto; padding-bottom: 20px; } @media (min-width: 480px) { .c-nevera-app-header__inner h1 { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-nevera-app-header__inner h1 { padding-bottom: 30px; } } @media (min-width: 1920px) { .c-nevera-app-header__inner h1 { max-width: 41.66667vw; } } .c-nevera-app-header__inner p { max-width: 500px; margin: 0 auto; padding-bottom: 20px; opacity: 0.8; } @media (min-width: 480px) { .c-nevera-app-header__inner p { padding-bottom: calc(1.04167vw + 15px); } } @media (min-width: 1440px) { .c-nevera-app-header__inner p { padding-bottom: 30px; } } @media (min-width: 1920px) { .c-nevera-app-header__inner p { max-width: 34.72222vw; } } .c-nevera-app-header__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; pointer-events: none; } .c-nevera-app-header__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .c-nevera-app-header__app-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-nevera-app-header__app-links a { display: inline-block; padding: 3px; } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-nevera-app-header__app-links a:hover { /* 2 */ } .c-nevera-app-header__app-links a:hover img { -webkit-box-shadow: 0 0 5px 5px rgba(7, 21, 29, 0.5); box-shadow: 0 0 5px 5px rgba(7, 21, 29, 0.5); } } .c-nevera-app-header__app-links img { display: block; width: 140px; height: auto; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; -webkit-box-shadow: 0 0 5px 5px rgba(7, 21, 29, 0); box-shadow: 0 0 5px 5px rgba(7, 21, 29, 0); } .c-nevera-app-header .c-scroll-indicator { position: absolute; } .c-nevera-app-download { background-color: #001217; padding-top: 60px; padding-bottom: 60px; } @media (min-width: 480px) { .c-nevera-app-download { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-nevera-app-download { padding-top: 100px; } } @media (min-width: 480px) { .c-nevera-app-download { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-nevera-app-download { padding-bottom: 100px; } } .c-nevera-app-download__inner { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-nevera-app-download__app-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-nevera-app-download__app-links a { display: inline-block; padding: 3px; } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-nevera-app-download__app-links a:hover { /* 2 */ } .c-nevera-app-download__app-links a:hover img { -webkit-box-shadow: 0 0 5px 5px rgba(7, 21, 29, 0.5); box-shadow: 0 0 5px 5px rgba(7, 21, 29, 0.5); } } .c-nevera-app-download__app-links img { display: block; width: 140px; height: auto; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; -webkit-box-shadow: 0 0 5px 5px rgba(7, 21, 29, 0); box-shadow: 0 0 5px 5px rgba(7, 21, 29, 0); } .c-nevera-app-faq { padding-top: 80px; padding-bottom: 60px; } @media (min-width: 480px) { .c-nevera-app-faq { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-nevera-app-faq { padding-top: 140px; } } @media (min-width: 480px) { .c-nevera-app-faq { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-nevera-app-faq { padding-bottom: 100px; } } .c-nevera-app-faq__inner { padding-left: 9.09091%; padding-right: 9.09091%; } @media (max-width: 1140px) { .c-nevera-app-faq__inner { padding-left: 4.54545%; padding-right: 4.54545%; } } @media (max-width: 800px) { .c-nevera-app-faq__inner { padding-left: 0; padding-right: 0; } } .c-nevera-app-faq__intro { max-width: 600px; margin: 0 auto; text-align: center; padding-bottom: 50px; } @media (min-width: 480px) { .c-nevera-app-faq__intro { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-nevera-app-faq__intro { padding-bottom: 80px; } } @media (min-width: 1920px) { .c-nevera-app-faq__intro { max-width: 41.66667vw; } } .c-nevera-app-faq__intro p { opacity: 0.8; margin: 0; } .c-nevera-app-faq__outro { padding-top: 50px; } @media (min-width: 480px) { .c-nevera-app-faq__outro { padding-top: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-nevera-app-faq__outro { padding-top: 80px; } } .c-nevera-app-faq__outro h3 { padding-bottom: 40px; } @media (min-width: 480px) { .c-nevera-app-faq__outro h3 { padding-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-nevera-app-faq__outro h3 { padding-bottom: 60px; } } .c-nevera-app-faq__outro a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(29, 165, 249, 0.1); } .c-nevera-app-faq__outro a .u-icon { font-size: 24px; } @media (max-width: 800px) { .c-nevera-app-faq__outro a .u-icon { font-size: 21px; } } @media (max-width: 800px) { .c-nevera-app-faq__outro a .u-icon { font-size: 18px; } } .c-nevera-app-faq__outro a p { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-nevera-app-faq__outro a p .u-icon { font-size: 24px; margin-right: 40px; } @media (max-width: 800px) { .c-nevera-app-faq__outro a p .u-icon { margin-right: 20px; font-size: 21px; } } @media (max-width: 800px) { .c-nevera-app-faq__outro a p .u-icon { margin-right: 12px; font-size: 18px; } } .c-nevera-app-faq__outro a span { display: inline-block; -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; padding-right: 30px; } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-nevera-app-faq__outro a:hover { /* 2 */ } .c-nevera-app-faq__outro a:hover span { -webkit-transform: translateX(10px); transform: translateX(10px); } } @media (max-width: 480px) { .c-nevera-app-faq .c-accordion-header__numbering { padding-right: 5px; width: auto; display: inline-block; } } @media (max-width: 800px) { .c-nevera-app-faq .c-accordion-header__state { width: 100px; } } @media (max-width: 480px) { .c-nevera-app-faq .c-accordion-header__state { width: 50px; } } .c-nevera-app-intro { padding-top: 80px; padding-bottom: 50px; } @media (min-width: 480px) { .c-nevera-app-intro { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-nevera-app-intro { padding-top: 140px; } } @media (min-width: 480px) { .c-nevera-app-intro { padding-bottom: calc(3.125vw + 35px); } } @media (min-width: 1440px) { .c-nevera-app-intro { padding-bottom: 80px; } } .c-nevera-app-intro__inner { text-align: center; } .c-nevera-app-intro__inner p { opacity: 0.8; } .c-nevera-app-phone-wrapper { position: relative; } .c-nevera-app-phone-wrapper__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-nevera-app-phone-wrapper__element { position: -webkit-sticky; position: sticky; top: 100px; width: 22.22222vw; } .c-nevera-app-phone-wrapper__element:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 95%; height: 95%; -webkit-box-shadow: 0 0 40px 20px #001217; box-shadow: 0 0 40px 20px #001217; border-radius: 45px; } .c-nevera-app-phone-wrapper img { display: block; position: relative; z-index: 1; width: 100%; } .c-nevera-app-phone-wrapper img.c-nevera-app-phone-wrapper__screen { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; visibility: hidden; opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; } .c-nevera-app-phone-wrapper img.c-nevera-app-phone-wrapper__screen.is-active { opacity: 1; visibility: visible; } .c-nevera-app-section { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 80px; padding-bottom: 80px; } @media (min-width: 480px) { .c-nevera-app-section { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-nevera-app-section { padding-top: 140px; } } @media (min-width: 480px) { .c-nevera-app-section { padding-bottom: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-nevera-app-section { padding-bottom: 140px; } } .c-nevera-app-section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 50vh; } .c-nevera-app-section__inner h3 { margin-bottom: 15px; } .c-nevera-app-section__left { max-width: 280px; } .c-nevera-app-section__left p { opacity: 0.8; } @media (min-width: 1440px) { .c-nevera-app-section__left { max-width: 19.44444vw; } } .c-nevera-app-section__right { padding-top: 80px; max-width: 320px; } @media (min-width: 480px) { .c-nevera-app-section__right { padding-top: calc(6.25vw + 50px); } } @media (min-width: 1440px) { .c-nevera-app-section__right { padding-top: 140px; } } @media (min-width: 1440px) { .c-nevera-app-section__right { max-width: 22.22222vw; } } .c-nevera-app-section__accordion-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; padding-bottom: 25px; padding-top: 25px; border-bottom: 1px solid #2e4952; } .c-nevera-app-section__accordion-header .u-icon { font-size: 10px; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } .is-opened .c-nevera-app-section__accordion-header .u-icon { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .c-nevera-app-section__accordion-content { position: relative; } .c-nevera-app-section__accordion-content:after { content: ''; position: absolute; left: 0; width: 100%; bottom: 0; height: 1px; background-color: #2e4952; } .c-nevera-app-section__accordion-content-inner { padding-bottom: 25px; padding-top: 25px; opacity: 0.8; } .c-nevera-app-form { min-height: 100vh; padding-bottom: 60px; padding-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 480px) { .c-nevera-app-form { padding-bottom: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-nevera-app-form { padding-bottom: 100px; } } @media (min-width: 480px) { .c-nevera-app-form { padding-top: calc(4.16667vw + 40px); } } @media (min-width: 1440px) { .c-nevera-app-form { padding-top: 100px; } } .c-nevera-app-form__inner { max-width: 360px; width: 100%; margin: 0 auto; } .c-nevera-app-form__inner h3 { text-align: center; margin-bottom: 40px; } @media (min-width: 480px) { .c-nevera-app-form__inner h3 { margin-bottom: calc(2.08333vw + 30px); } } @media (min-width: 1440px) { .c-nevera-app-form__inner h3 { margin-bottom: 60px; } } .c-nevera-app-form__inner h4 { text-transform: uppercase; text-align: center; margin-bottom: 10px; } @media (min-width: 480px) { .c-nevera-app-form__inner h4 { margin-bottom: calc(1.04167vw + 5px); } } @media (min-width: 1440px) { .c-nevera-app-form__inner h4 { margin-bottom: 20px; } } .c-nevera-app-form__inner h1 { text-align: center; } @media (min-width: 1440px) { .c-nevera-app-form__inner { max-width: 25vw; } } .c-nevera-app-form .c-form__fieldset { padding-right: 0; } .c-nevera-app-form .c-form__error { padding-right: 0; } .c-nevera-app-form .c-button { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } :root { --app-height: 100%; } .c-nevera-sticky { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; } .c-nevera-sticky__inner { position: -webkit-sticky; position: sticky; top: 0; width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media not all and (hover: hover) { .c-nevera-sticky__inner { height: var(--app-height); } } @media (max-width: 800px) { .c-nevera-sticky__inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .c-nevera-sticky__button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 40px; margin-bottom: 40px; padding: 12px 24px; pointer-events: auto; border: 1px solid #817365; background: rgba(0, 18, 23, 0.2); -webkit-transition: background-color 0.25s, color 0.25s; transition: background-color 0.25s, color 0.25s; } @media (max-width: 800px) { .c-nevera-sticky__button { margin-right: 0; margin-bottom: 30px; } } .c-nevera-sticky__button.is-dark { background-color: transparent; color: #001217; } @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c-nevera-sticky__button:hover { /* 2 */ } .c-nevera-sticky__button:hover span { -webkit-animation-name: textAnim; animation-name: textAnim; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; } } .c-nevera-sticky span { display: inline-block; line-height: 1; padding-right: 11px; } .c-nevera-sticky .u-icon { display: inline-block; font-size: 11px; } @-webkit-keyframes textAnim { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 51% { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes textAnim { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 51% { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } 100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } .c-sales-enquiry__wrapper { max-width: 81.81818%; margin: 0 auto; } @media (max-width: 1440px) { .c-sales-enquiry__wrapper { max-width: 1080px; } } /** * Pages */ /** * Utilities */ .u-icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .u-arrow-datepicker { display: inline-block; width: 10px; height: 10px; } .u-arrow-datepicker--prev { border-bottom: 1px solid #667275; border-left: 1px solid #667275; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .u-arrow-datepicker--next { border-bottom: 1px solid #667275; border-right: 1px solid #667275; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .u-media-wrapper { position: relative; width: 100%; height: 0; overflow: hidden; background-position: center; background-size: cover; } .u-media-wrapper img { display: block; position: absolute; bottom: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .u-media-wrapper--16-9 img, .u-media-wrapper--9-5 img, .u-media-wrapper--1-1 img, .u-media-wrapper--3-2 img, .u-media-wrapper--4-3 img, .u-media-wrapper--2-3 img { display: block; position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .u-media-wrapper--16-9 { padding-bottom: 43.75%; } .u-media-wrapper--16-9 i { height: 0; padding-bottom: 56.25%; } .u-media-wrapper--1-08 { padding-bottom: 80%; } .u-media-wrapper--1-08 i { height: 120% !important; } .u-media-wrapper--1-1 { padding-bottom: 100%; } .u-media-wrapper--3-2 { padding-bottom: 66.66667%; } .u-media-wrapper--4-3 { padding-bottom: 75%; } .u-media-wrapper--9-5 { padding-bottom: 55.55556%; } .u-media-wrapper--2-3 { padding-bottom: 150%; } .u-media-wrapper--logo { padding-bottom: 66.66667%; } .u-media-wrapper--video { height: auto; padding-bottom: 56.25%; } .u-media-wrapper--video video { display: block; -o-object-fit: cover; object-fit: cover; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-position: center; background-size: cover; } .u-media-wrapper i { display: block; height: 110%; position: absolute; bottom: 0; left: 0; width: 100%; background-position: center; background-size: cover; } .u-spacer { display: block; width: 100%; } .u-spacer--25vh { height: 25vh; } .u-spacer--50vh { height: 50vh; } .u-spacer--100vh { height: 100vh; } .u-spacer--dimmed { background-color: #f1f5f7; } @media (max-width: 600px) { .u-spacer--desktop { display: none; } } @media (min-width: 600px) { .u-spacer--mobile { display: none; } } :root { --font-weight: 400; } .u-a6 { font-family: "TTSupermolotNeue", sans-serif; font-size: 80px; line-height: 80px; font-variation-settings: "wght" 500, "GRAD" 88; letter-spacing: -0.05385em; font-weight: normal; } @media (min-width: 480px) { .u-a6 { font-size: calc(12.5vw + 20px); } } @media (min-width: 1440px) { .u-a6 { font-size: calc(31.25vw - 250px); } } @media (min-width: 1920px) { .u-a6 { font-size: calc(7.8125vw + 200px); } } @media (min-width: 2560px) { .u-a6 { font-size: 400px; } } @media (min-width: 480px) { .u-a6 { line-height: calc(12.5vw + 20px); } } @media (min-width: 1440px) { .u-a6 { line-height: calc(31.25vw - 250px); } } @media (min-width: 1920px) { .u-a6 { line-height: calc(7.8125vw + 200px); } } @media (min-width: 2560px) { .u-a6 { line-height: 400px; } } @media (max-width: 480px) { .u-a6 { letter-spacing: 0; } } .u-a5 { font-family: "TTSupermolotNeue", sans-serif; font-size: 62px; line-height: 68px; font-variation-settings: "wght" 500, "GRAD" 88; letter-spacing: -0.03077em; font-weight: normal; } @media (min-width: 480px) { .u-a5 { font-size: calc(7.08333vw + 28px); } } @media (min-width: 1440px) { .u-a5 { font-size: calc(10.41667vw - 20px); } } @media (min-width: 1920px) { .u-a5 { font-size: calc(6.25vw + 60px); } } @media (min-width: 2560px) { .u-a5 { font-size: 220px; } } @media (min-width: 480px) { .u-a5 { line-height: calc(7.5vw + 32px); } } @media (min-width: 1440px) { .u-a5 { line-height: calc(10.41667vw - 10px); } } @media (min-width: 1920px) { .u-a5 { line-height: calc(6.25vw + 70px); } } @media (min-width: 2560px) { .u-a5 { line-height: 230px; } } @media (max-width: 480px) { .u-a5 { letter-spacing: 0; } } .u-a4 { font-family: "TTSupermolotNeue", sans-serif; font-size: 29px; line-height: 31px; letter-spacing: 0.08em; font-weight: normal; font-style: normal; font-variation-settings: "wght" 400, "slnt" 0; margin-bottom: 0.4em; } @media (min-width: 480px) { .u-a4 { font-size: calc(2.1875vw + 18.5px); } } @media (min-width: 1440px) { .u-a4 { font-size: calc(0.83333vw + 38px); } } @media (min-width: 1920px) { .u-a4 { font-size: calc(2.8125vw + 0px); } } @media (min-width: 2560px) { .u-a4 { font-size: 72px; } } @media (min-width: 480px) { .u-a4 { line-height: calc(1.97917vw + 21.5px); } } @media (min-width: 1440px) { .u-a4 { line-height: calc(2.91667vw + 8px); } } @media (min-width: 1920px) { .u-a4 { line-height: calc(2.96875vw + 7px); } } @media (min-width: 2560px) { .u-a4 { line-height: 83px; } } .u-a4.u-uppercase { letter-spacing: 0.18em; } .u-a4--big { font-family: "TTSupermolotNeue", sans-serif; font-size: 46px; line-height: 48px; letter-spacing: 0.08em; font-weight: normal; font-style: normal; font-variation-settings: "wght" 400, "slnt" 0; margin-bottom: 0.4em; } @media (min-width: 480px) { .u-a4--big { font-size: calc(4.79167vw + 23px); } } @media (min-width: 1440px) { .u-a4--big { font-size: calc(4.16667vw + 32px); } } @media (min-width: 1920px) { .u-a4--big { font-size: calc(1.25vw + 88px); } } @media (min-width: 2560px) { .u-a4--big { font-size: 120px; } } @media (min-width: 480px) { .u-a4--big { line-height: calc(4.58333vw + 26px); } } @media (min-width: 1440px) { .u-a4--big { line-height: calc(4.16667vw + 32px); } } @media (min-width: 1920px) { .u-a4--big { line-height: calc(1.25vw + 88px); } } @media (min-width: 2560px) { .u-a4--big { line-height: 120px; } } .u-a4--big.u-uppercase { letter-spacing: 0.18em; } .u-a3, .c-next-steps .u-a3 { font-family: "TTSupermolotNeue", sans-serif; font-size: 30px; line-height: 38px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01579em; font-weight: normal; margin-bottom: 0.52em; } @media (min-width: 480px) { .u-a3, .c-next-steps .u-a3 { font-size: calc(0.83333vw + 26px); } } @media (min-width: 1440px) { .u-a3, .c-next-steps .u-a3 { font-size: calc(0.625vw + 29px); } } @media (min-width: 1920px) { .u-a3, .c-next-steps .u-a3 { font-size: calc(2.96875vw - 16px); } } @media (min-width: 2560px) { .u-a3, .c-next-steps .u-a3 { font-size: 60px; } } @media (min-width: 480px) { .u-a3, .c-next-steps .u-a3 { line-height: calc(0.41667vw + 36px); } } @media (min-width: 1440px) { .u-a3, .c-next-steps .u-a3 { line-height: calc(1.45833vw + 21px); } } @media (min-width: 1920px) { .u-a3, .c-next-steps .u-a3 { line-height: calc(3.59375vw - 20px); } } @media (min-width: 2560px) { .u-a3, .c-next-steps .u-a3 { line-height: 72px; } } .u-a2 { font-family: "TTSupermolotNeue", sans-serif; font-size: 21px; line-height: 24px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.016em; font-weight: normal; margin-bottom: 0.95em; } @media (min-width: 480px) { .u-a2 { font-size: calc(0.41667vw + 19px); } } @media (min-width: 1440px) { .u-a2 { font-size: calc(1.04167vw + 10px); } } @media (min-width: 1920px) { .u-a2 { font-size: calc(1.5625vw + 0px); } } @media (min-width: 2560px) { .u-a2 { font-size: 40px; } } @media (min-width: 480px) { .u-a2 { line-height: calc(0.41667vw + 22px); } } @media (min-width: 1440px) { .u-a2 { line-height: calc(1.66667vw + 4px); } } @media (min-width: 1920px) { .u-a2 { line-height: calc(3.125vw - 24px); } } @media (min-width: 2560px) { .u-a2 { line-height: 56px; } } .u-a2--development-hub-header-slider { font-size: 18px; line-height: 20px; } @media (min-width: 480px) { .u-a2--development-hub-header-slider { font-size: calc(0.3125vw + 16.5px); } } @media (min-width: 1440px) { .u-a2--development-hub-header-slider { font-size: calc(1.875vw - 6px); } } @media (min-width: 1920px) { .u-a2--development-hub-header-slider { font-size: calc(1.5625vw + 0px); } } @media (min-width: 2560px) { .u-a2--development-hub-header-slider { font-size: 40px; } } @media (min-width: 480px) { .u-a2--development-hub-header-slider { line-height: calc(0.41667vw + 18px); } } @media (min-width: 1440px) { .u-a2--development-hub-header-slider { line-height: calc(2.5vw - 12px); } } @media (min-width: 1920px) { .u-a2--development-hub-header-slider { line-height: calc(3.125vw - 24px); } } @media (min-width: 2560px) { .u-a2--development-hub-header-slider { line-height: 56px; } } .u-a1 { font-family: "TTSupermolotNeue", sans-serif; font-size: 18px; line-height: 20px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01429em; font-weight: normal; } @media (min-width: 480px) { .u-a1 { font-size: calc(0.3125vw + 16.5px); } } @media (min-width: 1440px) { .u-a1 { font-size: calc(0.625vw + 12px); } } @media (min-width: 1920px) { .u-a1 { font-size: calc(0.9375vw + 6px); } } @media (min-width: 2560px) { .u-a1 { font-size: 30px; } } @media (min-width: 480px) { .u-a1 { line-height: calc(0.41667vw + 18px); } } @media (min-width: 1440px) { .u-a1 { line-height: calc(1.04167vw + 9px); } } @media (min-width: 1920px) { .u-a1 { line-height: calc(1.71875vw - 4px); } } @media (min-width: 2560px) { .u-a1 { line-height: 40px; } } .u-a1--bold { font-family: "TTSupermolotNeue", sans-serif; letter-spacing: -0.7px; } .u-b0 { font-family: "Roboto-Regular", sans-serif; font-size: 14px; line-height: 18px; font-weight: normal; letter-spacing: -0.00588em; margin-bottom: 1.764em; font-style: normal; } @media (min-width: 480px) { .u-b0 { font-size: calc(0.3125vw + 12.5px); } } @media (min-width: 1440px) { .u-b0 { font-size: calc(0.83333vw + 5px); } } @media (min-width: 1920px) { .u-b0 { font-size: 21px; } } @media (min-width: 480px) { .u-b0 { line-height: calc(0.41667vw + 16px); } } @media (min-width: 1440px) { .u-b0 { line-height: calc(1.66667vw - 2px); } } @media (min-width: 1920px) { .u-b0 { line-height: 30px; } } .u-b0--tall { line-height: 28px; } @media (min-width: 480px) { .u-b0--tall { line-height: calc(0.625vw + 25px); } } @media (min-width: 1440px) { .u-b0--tall { line-height: calc(1.25vw + 16px); } } @media (min-width: 1920px) { .u-b0--tall { line-height: 40px; } } .u-b1 { font-family: "TTSupermolotNeue", sans-serif; font-variation-settings: "wght" 400, "slnt" 0; font-weight: normal; letter-spacing: 0.142857px; font-size: 18px; line-height: 22px; } @media (max-width: 1440px) { .u-b1 { font-size: 15px; line-height: 18px; } } .u-b2, .c-development-statistics p.c-development-statistics__subtitle { font-family: "Roboto-Regular", sans-serif; font-size: 17px; line-height: 22px; font-weight: normal; letter-spacing: 0.4px; font-style: normal; } @media (max-width: 1920px) { .u-b2, .c-development-statistics p.c-development-statistics__subtitle { font-size: 15px; line-height: 21px; } } @media (max-width: 1440px) { .u-b2, .c-development-statistics p.c-development-statistics__subtitle { font-size: 13px; line-height: 18px; } } .u-b2--A { font-family: "TTSupermolotNeue", sans-serif; font-variation-settings: "wght" 400, "slnt" 0; font-size: 15px; line-height: 21px; font-weight: normal; letter-spacing: 0.4px; font-style: normal; } @media (max-width: 1440px) { .u-b2--A { font-size: 13px; line-height: 18px; } } .u-b3 { font-family: "TTSupermolotNeue", sans-serif; font-size: 13px; line-height: 15px; letter-spacing: 1.6px; font-variation-settings: "wght" 400, "slnt" 0; } @media (max-width: 1440px) { .u-b3 { font-size: 11px; line-height: 12px; letter-spacing: 1.8px; } } .u-b3--condensed { letter-spacing: -0.183333px; } .u-b4, .c-newsletter-form .wpcf7 .your-email .wpcf7-not-valid-tip { font-family: "TTSupermolotNeue", sans-serif; font-size: 12px; line-height: 16px; letter-spacing: 0.8px; font-variation-settings: "wght" 400, "slnt" 0; } @media (max-width: 1440px) { .u-b4, .c-newsletter-form .wpcf7 .your-email .wpcf7-not-valid-tip { font-size: 10px; line-height: 12px; } } .u-text-transparent-60 { color: #667275; } .u-uppercase { text-transform: uppercase; } .u-capitalize { text-transform: capitalize; } .u-text-center { text-align: center; } .u-text-right { text-align: right; } .u-underline { text-decoration: underline; } .u-fw-thin, .u-fw-100 { font-weight: 100; } .u-fw-extra-light, .u-fw-200 { font-weight: 200; } .u-fw-light, .u-fw-300 { font-weight: 300; } .u-fw-regular, .u-fw-normal, .u-fw-400 { font-weight: 400; } .u-fw-medium, .u-fw-500 { font-weight: 500; } .u-fw-semi-bold, .u-fw-600 { font-weight: 600; } .u-fw-bold, .u-fw-700 { font-weight: 700; } .u-fw-extra-bold, .u-fw-800 { font-weight: 800; } .u-fw-black, .u-fw-900 { font-weight: 900; } .u-full-width { width: 100%; } .u-center { margin-left: auto; margin-right: auto; } .u-variable-font { font-variation-settings: "wght" var(--font-weight), "GRAD" 88; } .u-split-text-char { font-variation-settings: "wght" var(--font-weight), "GRAD" 88; } .u-content-editor h2, .u-content-editor h3, .u-content-editor h4, .u-content-editor h5, .u-content-editor h6, .u-content-editor p, .u-content-editor cite, .u-content-editor ul, .u-content-editor ol { margin: 0 auto; padding-left: 20px; padding-right: 20px; width: 37.5%; min-width: 540px; } @media (max-width: 1140px) { .u-content-editor h2, .u-content-editor h3, .u-content-editor h4, .u-content-editor h5, .u-content-editor h6, .u-content-editor p, .u-content-editor cite, .u-content-editor ul, .u-content-editor ol { width: 58.33333%; } } @media (max-width: 800px) { .u-content-editor h2, .u-content-editor h3, .u-content-editor h4, .u-content-editor h5, .u-content-editor h6, .u-content-editor p, .u-content-editor cite, .u-content-editor ul, .u-content-editor ol { min-width: auto; width: 91.66667%; } } @media (max-width: 480px) { .u-content-editor h2, .u-content-editor h3, .u-content-editor h4, .u-content-editor h5, .u-content-editor h6, .u-content-editor p, .u-content-editor cite, .u-content-editor ul, .u-content-editor ol { width: 100%; } } .u-content-editor h2, .u-content-editor h3, .u-content-editor h4, .u-content-editor h5, .u-content-editor h6 { color: var(--text-color); } .o-page--default .u-content-editor h2, .o-page--default .u-content-editor h3, .o-page--default .u-content-editor h4, .o-page--default .u-content-editor h5, .o-page--default .u-content-editor h6 { color: #001217; } .u-content-editor h2 { font-family: "TTSupermolotNeue", sans-serif; font-size: 30px; line-height: 38px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01579em; font-weight: normal; margin-bottom: 0.52em; } @media (min-width: 480px) { .u-content-editor h2 { font-size: calc(0.83333vw + 26px); } } @media (min-width: 1440px) { .u-content-editor h2 { font-size: calc(0.83333vw + 26px); } } @media (min-width: 1920px) { .u-content-editor h2 { font-size: 42px; } } @media (min-width: 480px) { .u-content-editor h2 { line-height: calc(0.41667vw + 36px); } } @media (min-width: 1440px) { .u-content-editor h2 { line-height: calc(1.66667vw + 18px); } } @media (min-width: 1920px) { .u-content-editor h2 { line-height: 50px; } } .u-content-editor h3 { font-family: "TTSupermolotNeue", sans-serif; font-size: 21px; line-height: 24px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.016em; font-weight: normal; margin-bottom: 0.95em; } @media (min-width: 480px) { .u-content-editor h3 { font-size: calc(0.41667vw + 19px); } } @media (min-width: 1440px) { .u-content-editor h3 { font-size: calc(1.45833vw + 4px); } } @media (min-width: 1920px) { .u-content-editor h3 { font-size: 32px; } } @media (min-width: 480px) { .u-content-editor h3 { line-height: calc(0.41667vw + 22px); } } @media (min-width: 1440px) { .u-content-editor h3 { line-height: calc(1.875vw + 1px); } } @media (min-width: 1920px) { .u-content-editor h3 { line-height: 37px; } } .u-content-editor h4 { font-family: "TTSupermolotNeue", sans-serif; font-size: 18px; line-height: 20px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01429em; font-weight: normal; margin-bottom: 0.55em; } @media (min-width: 480px) { .u-content-editor h4 { font-size: calc(0.3125vw + 16.5px); } } @media (min-width: 1440px) { .u-content-editor h4 { font-size: calc(0.83333vw + 9px); } } @media (min-width: 1920px) { .u-content-editor h4 { font-size: 25px; } } @media (min-width: 480px) { .u-content-editor h4 { line-height: calc(0.41667vw + 18px); } } @media (min-width: 1440px) { .u-content-editor h4 { line-height: calc(1.25vw + 6px); } } @media (min-width: 1920px) { .u-content-editor h4 { line-height: 30px; } } .u-content-editor h5, .u-content-editor h6 { margin-bottom: 0.55em; } .u-content-editor p, .u-content-editor ul, .u-content-editor ol, .u-content-editor figcaption, .u-content-editor cite { color: #667275; } .u-content-editor p { font-family: "Roboto-Regular", sans-serif; font-size: 14px; line-height: 18px; font-weight: normal; letter-spacing: -0.00588em; margin-bottom: 1.764em; font-style: normal; } @media (min-width: 480px) { .u-content-editor p { font-size: calc(0.3125vw + 12.5px); } } @media (min-width: 1440px) { .u-content-editor p { font-size: calc(0.83333vw + 5px); } } @media (min-width: 1920px) { .u-content-editor p { font-size: 21px; } } @media (min-width: 480px) { .u-content-editor p { line-height: calc(0.41667vw + 16px); } } @media (min-width: 1440px) { .u-content-editor p { line-height: calc(1.66667vw - 2px); } } @media (min-width: 1920px) { .u-content-editor p { line-height: 30px; } } .u-content-editor p:last-child { margin-bottom: 0; } .u-content-editor p img { width: 100% !important; height: auto !important; } .u-content-editor p + .wp-block-image.size-large { padding-top: 30px; } .u-content-editor p.has-small-font-size { font-size: 0.8em; } .u-content-editor figcaption { font-family: "Roboto-Regular", sans-serif; font-size: 15px; line-height: 21px; font-weight: normal; letter-spacing: 0.4px; font-style: normal; width: 100%; max-width: 37.5%; margin: 0 auto; } @media (max-width: 1440px) { .u-content-editor figcaption { font-size: 13px; line-height: 18px; } } @media (max-width: 800px) { .u-content-editor figcaption { max-width: 100%; } } .u-content-editor ul, .u-content-editor ol { list-style: none; list-style-position: inside; padding-bottom: 40px; } @media (min-width: 480px) { .u-content-editor ul, .u-content-editor ol { padding-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-content-editor ul, .u-content-editor ol { padding-bottom: 50px; } } .u-content-editor ul li, .u-content-editor ol li { padding-left: 30px; margin-bottom: 0.6em; font-size: 14px; line-height: 18px; } @media (min-width: 480px) { .u-content-editor ul li, .u-content-editor ol li { font-size: calc(0.3125vw + 12.5px); } } @media (min-width: 1440px) { .u-content-editor ul li, .u-content-editor ol li { font-size: calc(0.83333vw + 5px); } } @media (min-width: 1920px) { .u-content-editor ul li, .u-content-editor ol li { font-size: 21px; } } @media (min-width: 480px) { .u-content-editor ul li, .u-content-editor ol li { line-height: calc(0.41667vw + 16px); } } @media (min-width: 1440px) { .u-content-editor ul li, .u-content-editor ol li { line-height: calc(1.66667vw - 2px); } } @media (min-width: 1920px) { .u-content-editor ul li, .u-content-editor ol li { line-height: 30px; } } .u-content-editor ul li:last-child, .u-content-editor ol li:last-child { margin-bottom: 0; } .u-content-editor ul li > p, .u-content-editor ol li > p { margin-left: 0; margin-right: auto; } .u-content-editor ul ul, .u-content-editor ul ol, .u-content-editor ol ul, .u-content-editor ol ol { margin-top: 0.6em; margin-left: 0; width: 100%; } .u-content-editor ul ul li:before, .u-content-editor ul ol li:before, .u-content-editor ol ul li:before, .u-content-editor ol ol li:before { background-color: transparent; } .u-content-editor ul ul li:before, .u-content-editor ol ul li:before { border: 1px solid #1da5f9; } .u-content-editor ul ul li:before > p, .u-content-editor ol ul li:before > p { margin-left: 0; margin-right: auto; padding-left: 0; } .u-content-editor ul li:before { content: ""; display: block; position: absolute; left: 0; top: 0.7em; width: 5px; height: 5px; background-color: #1da5f9; font-size: 0.8em; } .u-content-editor ul li > p { margin-left: 0; margin-right: auto; padding-left: 0; } .u-content-editor ol { counter-reset: li; } .u-content-editor ol li:before { display: block; position: absolute; left: 0; top: 0.1em; counter-increment: li; content: counter(li, decimal-leading-zero); color: #1da5f9; font-size: 0.8em; font-family: "TTSupermolotNeue", sans-serif; } .u-content-editor ol li > p { margin-left: 0; margin-right: auto; padding-left: 0; } .u-content-editor li { position: relative; } .u-content-editor li > p { margin-left: 0; margin-right: auto; padding-left: 0; } .u-content-editor a { color: #1da5f9; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .u-content-editor a:hover { color: rgba(29, 165, 249, 0.5); } .u-content-editor .wp-block-image { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 40px; width: 37.5%; min-width: 450px; } @media (min-width: 480px) { .u-content-editor .wp-block-image { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-content-editor .wp-block-image { margin-bottom: 50px; } } @media (max-width: 1140px) { .u-content-editor .wp-block-image { width: 58.33333%; } } @media (max-width: 800px) { .u-content-editor .wp-block-image { min-width: auto; width: 100%; } } .u-content-editor .wp-block-image img { width: 100%; } .u-content-editor .wp-block-image.alignwide { width: 100%; max-width: 66.66667%; padding-left: 20px; padding-right: 20px; } .u-content-editor .wp-block-image.alignwide figcaption { max-width: 66.66667%; } .u-content-editor .wp-block-image.alignfull { max-width: 100%; width: 100%; padding-left: 0; padding-right: 0; } .u-content-editor .wp-block-image.alignfull figcaption { max-width: 100%; padding-left: 20px; padding-right: 20px; } .u-content-editor .wp-block-image--inline img { width: auto; max-width: 100%; height: auto; } .u-content-editor .wp-block-quote { width: 100%; max-width: 66.66667%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 40px; } @media (min-width: 480px) { .u-content-editor .wp-block-quote { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-content-editor .wp-block-quote { margin-bottom: 50px; } } @media (max-width: 1440px) { .u-content-editor .wp-block-quote { max-width: 37.5%; } } @media (max-width: 800px) { .u-content-editor .wp-block-quote { max-width: 100%; padding-left: 50px; } } .u-content-editor .wp-block-quote.is-style-large { max-width: 66.66667%; margin-left: auto; margin-right: auto; margin-bottom: 40px; } @media (min-width: 480px) { .u-content-editor .wp-block-quote.is-style-large { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-content-editor .wp-block-quote.is-style-large { margin-bottom: 50px; } } @media (max-width: 480px) { .u-content-editor .wp-block-quote.is-style-large { max-width: calc(100% - 30px); margin-left: 30px; } } .u-content-editor .wp-block-quote.is-style-large p, .u-content-editor .wp-block-quote.is-style-large cite { font-style: normal; width: 100%; max-width: 100%; } .u-content-editor .wp-block-quote.is-style-large p { color: var(--text-color); font-family: "TTSupermolotNeue", sans-serif; font-size: 30px; line-height: 38px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.01579em; font-weight: normal; margin-bottom: 0.52em; } @media (min-width: 480px) { .u-content-editor .wp-block-quote.is-style-large p { font-size: calc(0.83333vw + 26px); } } @media (min-width: 1440px) { .u-content-editor .wp-block-quote.is-style-large p { font-size: calc(0.625vw + 29px); } } @media (min-width: 1920px) { .u-content-editor .wp-block-quote.is-style-large p { font-size: calc(2.96875vw - 16px); } } @media (min-width: 2560px) { .u-content-editor .wp-block-quote.is-style-large p { font-size: 60px; } } @media (min-width: 480px) { .u-content-editor .wp-block-quote.is-style-large p { line-height: calc(0.41667vw + 36px); } } @media (min-width: 1440px) { .u-content-editor .wp-block-quote.is-style-large p { line-height: calc(1.45833vw + 21px); } } @media (min-width: 1920px) { .u-content-editor .wp-block-quote.is-style-large p { line-height: calc(3.59375vw - 20px); } } @media (min-width: 2560px) { .u-content-editor .wp-block-quote.is-style-large p { line-height: 72px; } } .u-content-editor .wp-block-quote.is-style-large cite { font-family: "Roboto-Regular", sans-serif; font-size: 15px; line-height: 21px; font-weight: normal; letter-spacing: 0.4px; font-style: normal; } @media (max-width: 1440px) { .u-content-editor .wp-block-quote.is-style-large cite { font-size: 13px; line-height: 18px; } } @media (max-width: 800px) { .u-content-editor .wp-block-quote.is-style-large cite { padding-right: 40px; } } .u-content-editor .wp-block-quote p { color: var(--text-color); font-family: "TTSupermolotNeue", sans-serif; margin-bottom: 1.2em; padding-left: 0; padding-right: 0; position: relative; width: 100%; font-size: 21px; line-height: 24px; font-variation-settings: "wght" 400, "slnt" 0; letter-spacing: -0.016em; font-weight: normal; } @media (min-width: 480px) { .u-content-editor .wp-block-quote p { font-size: calc(0.41667vw + 19px); } } @media (min-width: 1440px) { .u-content-editor .wp-block-quote p { font-size: calc(1.04167vw + 10px); } } @media (min-width: 1920px) { .u-content-editor .wp-block-quote p { font-size: calc(1.5625vw + 0px); } } @media (min-width: 2560px) { .u-content-editor .wp-block-quote p { font-size: 40px; } } @media (min-width: 480px) { .u-content-editor .wp-block-quote p { line-height: calc(0.41667vw + 22px); } } @media (min-width: 1440px) { .u-content-editor .wp-block-quote p { line-height: calc(1.66667vw + 4px); } } @media (min-width: 1920px) { .u-content-editor .wp-block-quote p { line-height: calc(3.125vw - 24px); } } @media (min-width: 2560px) { .u-content-editor .wp-block-quote p { line-height: 56px; } } .u-content-editor .wp-block-quote p:before { content: ""; position: absolute; top: 0; left: -30px; height: 100%; border-left: 1px solid #1da5f9; } .u-content-editor .wp-block-quote cite { font-style: normal; padding-left: 0; padding-right: 0; font-family: "Roboto-Regular", sans-serif; font-size: 15px; line-height: 21px; font-weight: normal; letter-spacing: 0.4px; } @media (max-width: 1440px) { .u-content-editor .wp-block-quote cite { font-size: 13px; line-height: 18px; } } @media (max-width: 800px) { .u-content-editor .wp-block-quote cite { padding-right: 40px; } } .u-content-editor .wp-block-video { width: 100%; max-width: 37.5%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 40px; } @media (min-width: 480px) { .u-content-editor .wp-block-video { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-content-editor .wp-block-video { margin-bottom: 50px; } } @media (max-width: 800px) { .u-content-editor .wp-block-video { max-width: 100%; } } .u-content-editor .wp-block-video video { width: 100%; } .u-content-editor .wp-block-video.alignwide { max-width: 66.66667%; padding-left: 20px; padding-right: 20px; } .u-content-editor .wp-block-video.alignwide figcaption { max-width: 66.66667%; } @media (max-width: 800px) { .u-content-editor .wp-block-video.alignwide figcaption { max-width: 100%; } } .u-content-editor .wp-block-video.alignfull { max-width: 100%; padding-left: 0; padding-right: 0; } .u-content-editor .wp-block-video.alignfull figcaption { max-width: 100%; padding-left: 20px; padding-right: 20px; } .u-content-editor .c-editor-iframe { display: block; position: relative; height: 0; padding-top: 22.5%; margin-bottom: 60px; } .u-content-editor .c-editor-iframe iframe { position: absolute; top: 0; left: 20px; right: 20px; height: 100%; width: calc(100% - 40px); display: block; } @media (max-width: 1140px) { .u-content-editor .c-editor-iframe { padding-top: 32.14286%; } } @media (max-width: 800px) { .u-content-editor .c-editor-iframe { padding-top: 50%; } } @media (max-width: 480px) { .u-content-editor .c-editor-iframe { padding-top: 52.94118%; } } .u-content-editor--careers h2, .u-content-editor--careers h3, .u-content-editor--careers h4, .u-content-editor--careers h5, .u-content-editor--careers h6, .u-content-editor--careers p, .u-content-editor--careers cite, .u-content-editor--careers ul, .u-content-editor--careers ol { width: 45.83333%; } @media (max-width: 1140px) { .u-content-editor--careers h2, .u-content-editor--careers h3, .u-content-editor--careers h4, .u-content-editor--careers h5, .u-content-editor--careers h6, .u-content-editor--careers p, .u-content-editor--careers cite, .u-content-editor--careers ul, .u-content-editor--careers ol { width: 58.33333%; } } @media (max-width: 800px) { .u-content-editor--careers h2, .u-content-editor--careers h3, .u-content-editor--careers h4, .u-content-editor--careers h5, .u-content-editor--careers h6, .u-content-editor--careers p, .u-content-editor--careers cite, .u-content-editor--careers ul, .u-content-editor--careers ol { width: 91.66667%; } } @media (max-width: 480px) { .u-content-editor--careers h2, .u-content-editor--careers h3, .u-content-editor--careers h4, .u-content-editor--careers h5, .u-content-editor--careers h6, .u-content-editor--careers p, .u-content-editor--careers cite, .u-content-editor--careers ul, .u-content-editor--careers ol { width: 100%; } } .u-content-editor--simple img { margin: 20px auto; } .u-editor-block .u-a5 { margin-bottom: 0.8em; } .u-editor-block .u-a4 { margin-bottom: 0.8em; } .u-editor-block .u-a3 { margin-bottom: 0.5em; } .u-editor-block .u-a2 { margin-bottom: 0.95em; } .u-editor-block .u-b0 { margin-bottom: 40px; } @media (min-width: 480px) { .u-editor-block .u-b0 { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-editor-block .u-b0 { margin-bottom: 50px; } } .u-editor-block ul, .u-editor-block ol { list-style: none; padding: 0; } .u-editor-block ul li, .u-editor-block ol li { padding-left: 0; margin-bottom: 0; } .u-editor-block ul li:before, .u-editor-block ol li:before { display: none; } .u-editor-block p { padding: 0; } .u-editor-block--quote { margin-bottom: 40px; } @media (min-width: 480px) { .u-editor-block--quote { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-editor-block--quote { margin-bottom: 50px; } } .u-editor-block--quote .u-a2 { color: #001217; margin-bottom: 0.95em; } .o-section--development-single-content .u-editor-block--quote .u-a2 { color: var(--text-color); } .u-editor-block--custom-video { margin-bottom: 40px; margin-left: auto; margin-right: auto; max-width: 75%; } @media (min-width: 480px) { .u-editor-block--custom-video { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-editor-block--custom-video { margin-bottom: 50px; } } @media (max-width: 1440px) { .u-editor-block--custom-video { max-width: 1000px; padding-left: 20px; padding-right: 20px; } } .u-editor-block--custom-video .c-custom-video-player__cover-text { max-width: 100%; } .u-editor-block--custom-video h4, .u-editor-block--custom-video .u-a1, .u-editor-block--custom-video p, .u-editor-block--custom-video .u-b0, .u-editor-block--custom-video time { color: #ffffff; margin-left: 0; margin-right: auto; padding-left: 0; padding-right: 0; } @media (max-width: 800px) { .u-editor-block--custom-video h4, .u-editor-block--custom-video .u-a1, .u-editor-block--custom-video p, .u-editor-block--custom-video .u-b0, .u-editor-block--custom-video time { color: var(--text-color); } } .u-editor-block--related-assets .c-related-assets__content p { width: auto; margin-left: 0; } @media (max-width: 480px) { .u-editor-block--related-assets .c-related-assets__content p { margin-bottom: 10px; } } .u-editor-block--image-text-button-info { background-color: #f1f5f7; padding-bottom: 30px; } @media (min-width: 480px) { .u-editor-block--image-text-button-info { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .u-editor-block--image-text-button-info { padding-bottom: 40px; } } .u-editor-block--image-text-button-info p { margin: 0; width: 75%; min-width: auto; max-width: none; color: #ffffff; } @media (max-width: 1140px) { .u-editor-block--image-text-button-info p { width: 91.66667%; } } @media (max-width: 800px) { .u-editor-block--image-text-button-info p { width: 100%; } } @media (max-width: 480px) { .u-editor-block--image-text-button-info p { max-width: 350px; } } .u-editor-block--image-text-button-info p.c-image-text-info-block__eyebrow { margin-bottom: 40px; } @media (min-width: 480px) { .u-editor-block--image-text-button-info p.c-image-text-info-block__eyebrow { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-editor-block--image-text-button-info p.c-image-text-info-block__eyebrow { margin-bottom: 50px; } } .u-editor-block--image-text-button-info p.c-image-text-info-block__description { margin-bottom: 40px; } @media (min-width: 480px) { .u-editor-block--image-text-button-info p.c-image-text-info-block__description { margin-bottom: calc(1.04167vw + 35px); } } @media (min-width: 1440px) { .u-editor-block--image-text-button-info p.c-image-text-info-block__description { margin-bottom: 50px; } } .u-editor-block--image-text-button-info p.u-b0, .u-editor-block--image-text-button-info a { color: #ffffff; } @media (hover: hover) { .u-editor-block--image-text-button-info a:hover { color: #ffffff; } } .is-visually-hidden { opacity: 0; visibility: hidden; } .js-onboarding-title, .js-onboarding-text, .u-split-text-parent, .u-split-parent { display: block; overflow: hidden; } .no-padding-left { padding-left: 0 !important; } .no-padding-right { padding-right: 0 !important; } .u-mw-100p { max-width: 100%; } /** * Vendor */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } @-webkit-keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0; } } @-webkit-keyframes plyr-popup { 0% { opacity: .5; -webkit-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes plyr-popup { 0% { opacity: .5; -webkit-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes plyr-fade-in { from { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-box-align: center; -ms-flex-align: center; align-items: center; direction: ltr; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); height: 100%; line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; -webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; z-index: 0; } .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { -webkit-box-sizing: border-box; box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before { -webkit-box-sizing: inherit; box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { -ms-touch-action: manipulation; touch-action: manipulation; } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { -webkit-animation: plyr-fade-in .3s ease; animation: plyr-fade-in .3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; width: 100%; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: calc(10px * 2); padding: calc(var(--plyr-control-spacing,10px) * 2); } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px); } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { -webkit-transform: translateY(calc(10px * -4)); transform: translateY(calc(10px * -4)); -webkit-transform: translateY(calc(var(--plyr-control-spacing,10px) * -4)); transform: translateY(calc(var(--plyr-control-spacing,10px) * -4)); } .plyr__caption { background: rgba(0, 0, 0, 0.8); background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8)); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: .2em .5em; white-space: pre-wrap; } .plyr__caption div { display: inline; } .plyr__control { background: 0 0; border: 0; border-radius: 3px; border-radius: var(--plyr-control-radius, 3px); color: inherit; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; overflow: visible; padding: calc(10px * .7); padding: calc(var(--plyr-control-spacing,10px) * .7); position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .plyr__control svg { display: block; fill: currentColor; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px); } .plyr__control:focus { outline: 0; } .plyr__control.plyr__tab-focus { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } a.plyr__control { text-decoration: none; } a.plyr__control::after, a.plyr__control::before { display: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed { display: none; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: calc(10px / 4); margin-left: calc(var(--plyr-control-spacing,10px)/ 4); } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4); padding-left: calc(var(--plyr-control-spacing,10px)/ 4); } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2); padding: 0 calc(var(--plyr-control-spacing,10px)/ 2); } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr__controls:empty { display: none; } .plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] { display: none; } .plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; } .plyr__menu { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .plyr__menu .plyr__control svg { -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .plyr__menu .plyr__control[aria-expanded=true] svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; } .plyr__menu__container { -webkit-animation: plyr-popup .2s ease; animation: plyr-popup .2s ease; background: rgba(255, 255, 255, 0.9); background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); border-radius: 4px; bottom: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container::after { border: 4px solid transparent; border: var(--plyr-menu-arrow-size, 4px) solid transparent; border-top-color: rgba(255, 255, 255, 0.9); border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9)); content: ''; height: 0; position: absolute; right: calc(((18px / 2) + calc(10px * .7)) - (4px / 2)); right: calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2)); top: 100%; width: 0; } .plyr__menu__container [role=menu] { padding: calc(10px * .7); padding: calc(var(--plyr-control-spacing,10px) * .7); } .plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] { margin-top: 2px; } .plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13px; font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)); padding-bottom: calc(calc(10px * .7)/ 1.5); padding-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5); padding-left: calc(calc(10px * .7) * 1.5); padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5); padding-right: calc(calc(10px * .7) * 1.5); padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5); padding-top: calc(calc(10px * .7)/ 1.5); padding-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5); -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .plyr__menu__container .plyr__control::after { border: 4px solid transparent; border: var(--plyr-menu-item-arrow-size, 4px) solid transparent; content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: calc(calc(10px * .7) * 4); padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4); } .plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: calc((calc(10px * .7) * 1.5) - 4px); right: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px)); } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: calc(10px * .7); margin: calc(var(--plyr-control-spacing,10px) * .7); margin-bottom: calc(calc(10px * .7)/ 2); margin-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2); padding-left: calc(calc(10px * .7) * 4); padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4); position: relative; width: calc(100% - (calc(10px * .7) * 2)); width: calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2)); } .plyr__menu__container .plyr__control--back::after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: calc((calc(10px * .7) * 1.5) - 4px); left: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px)); } .plyr__menu__container .plyr__control--back::before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ''; height: 1px; left: 0; margin-top: calc(calc(10px * .7)/ 2); margin-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2); overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; } .plyr__menu__container .plyr__control[role=menuitemradio] { padding-left: calc(10px * .7); padding-left: calc(var(--plyr-control-spacing,10px) * .7); } .plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before { border-radius: 100%; } .plyr__menu__container .plyr__control[role=menuitemradio]::before { background: rgba(0, 0, 0, 0.1); content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); -webkit-transition: all .3s ease; transition: all .3s ease; width: 16px; } .plyr__menu__container .plyr__control[role=menuitemradio]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); -webkit-transition: opacity .3s ease,-webkit-transform .3s ease; transition: opacity .3s ease,-webkit-transform .3s ease; transition: transform .3s ease,opacity .3s ease; transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease; width: 6px; } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #00b3ff; background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after { opacity: 1; -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before { background: rgba(35, 40, 47, 0.1); } .plyr__menu__container .plyr__menu__value { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: calc((calc(10px * .7) - 2) * -1); margin-right: calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1); overflow: hidden; padding-left: calc(calc(10px * .7) * 3.5); padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5); pointer-events: none; } .plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: calc(13px * 2); border-radius: calc(var(--plyr-range-thumb-height,13px) * 2); color: #00b3ff; color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); display: block; height: calc((3px * 2) + 13px); height: calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px)); margin: 0; padding: 0; -webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; width: 100%; } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow .3s ease; -webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; -webkit-user-select: none; user-select: none; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(0, transparent)); background-image: linear-gradient(to right, currentColor 0, transparent 0); background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent)); background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); } .plyr--full-ui input[type=range]::-webkit-slider-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -webkit-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); -webkit-appearance: none; margin-top: calc(((13px - 5px)/ 2) * -1); margin-top: calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1); } .plyr--full-ui input[type=range]::-moz-range-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -moz-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type=range]::-moz-range-progress { background: currentColor; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); } .plyr--full-ui input[type=range]::-ms-track { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; color: transparent; } .plyr--full-ui input[type=range]::-ms-fill-upper { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; } .plyr--full-ui input[type=range]::-ms-fill-lower { background: 0 0; border: 0; border-radius: calc(5px / 2); border-radius: calc(var(--plyr-range-track-height,5px)/ 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -ms-user-select: none; user-select: none; background: currentColor; } .plyr--full-ui input[type=range]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -ms-transition: all .2s ease; transition: all .2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); margin-top: 0; } .plyr--full-ui input[type=range]::-ms-tooltip { display: none; } .plyr--full-ui input[type=range]:focus { outline: 0; } .plyr--full-ui input[type=range]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track { outline-color: #00b3ff; outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); outline-offset: 2px; outline-style: dotted; outline-width: 3px; } .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr__time { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); } .plyr__time + .plyr__time::before { content: '\2044'; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: calc(768px - 1)) { .plyr__time + .plyr__time { display: none; } } .plyr__tooltip { background: rgba(255, 255, 255, 0.9); background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; border-radius: var(--plyr-tooltip-radius, 3px); bottom: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2); opacity: 0; padding: calc(10px / 2) calc(calc(10px / 2) * 1.5); padding: calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5); pointer-events: none; position: absolute; -webkit-transform: translate(-50%, 10px) scale(0.8); transform: translate(-50%, 10px) scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease; transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease; white-space: nowrap; z-index: 2; } .plyr__tooltip::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1); content: ''; height: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: calc((18px / 2) + calc(10px * .7)); left: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)); } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc((18px / 2) + calc(10px * .7)); right: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)); -webkit-transform: translateX(50%); transform: translateX(50%); } .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .plyr__progress { left: calc(13px * .5); left: calc(var(--plyr-range-thumb-height,13px) * .5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } .plyr__progress input[type=range], .plyr__progress__buffer { margin-left: calc(13px * -.5); margin-left: calc(var(--plyr-range-thumb-height,13px) * -.5); margin-right: calc(13px * -.5); margin-right: calc(var(--plyr-range-thumb-height,13px) * -.5); width: calc(100% + 13px); width: calc(100% + var(--plyr-range-thumb-height,13px)); } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); left: 0; } .plyr__progress__buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: calc((5px / 2) * -1); margin-top: calc((var(--plyr-range-track-height,5px)/ 2) * -1); padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: 0 0; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width .2s ease; transition: width .2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width .2s ease; transition: width .2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width .2s ease; transition: width .2s ease; } .plyr--loading .plyr__progress__buffer { -webkit-animation: plyr-progress 1s linear infinite; animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: transparent; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, 0.25); background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, 0.6); background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr__volume { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20%; } .plyr__volume input[type=range] { margin-left: calc(10px / 2); margin-left: calc(var(--plyr-control-spacing,10px)/ 2); margin-right: calc(10px / 2); margin-right: calc(var(--plyr-control-spacing,10px)/ 2); position: relative; z-index: 2; } .plyr--is-ios .plyr__volume { min-width: 0; width: auto; } .plyr--audio { display: block; } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px); } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-audio-control-color-hover, #fff); } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, 0.6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track { background-color: rgba(193, 200, 209, 0.6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type=range]::-ms-track { background-color: rgba(193, 200, 209, 0.6); background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb { -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); } .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, 0.6); color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); } .plyr--video { background: #000; overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; left: 0; position: absolute; top: 0; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; -webkit-transform: translateY(-38.28125%); transform: translateY(-38.28125%); } .plyr--video .plyr__controls { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: calc(10px / 2); padding: calc(var(--plyr-control-spacing,10px)/ 2); padding-top: calc(10px * 2); padding-top: calc(var(--plyr-control-spacing,10px) * 2); position: absolute; right: 0; -webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out; transition: opacity .4s ease-in-out,-webkit-transform .4s ease-in-out; transition: opacity .4s ease-in-out,transform .4s ease-in-out; transition: opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: calc(10px * 3.5); padding-top: calc(var(--plyr-control-spacing,10px) * 3.5); } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #00b3ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); color: #fff; color: var(--plyr-video-control-color-hover, #fff); } .plyr__control--overlaid { background: #00b3ff; background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: .9; padding: calc(10px * 1.5); padding: calc(var(--plyr-control-spacing,10px) * 1.5); position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .3s; transition: .3s; z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track { background-color: rgba(255, 255, 255, 0.25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type=range]::-ms-track { background-color: rgba(255, 255, 255, 0.25); background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb { -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb { box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); } .plyr--video .plyr__progress__buffer { color: rgba(255, 255, 255, 0.25); color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-webkit-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-webkit-full-screen video { height: 100%; } .plyr:-webkit-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-webkit-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-webkit-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-moz-full-screen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-moz-full-screen video { height: 100%; } .plyr:-moz-full-screen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-moz-full-screen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-moz-full-screen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr:-ms-fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:-ms-fullscreen video { height: 100%; } .plyr:-ms-fullscreen .plyr__video-wrapper { height: 100%; position: static; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:-ms-fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:-ms-fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; position: static; } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; position: relative; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads::after:empty { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin: -var(--plyr-range-track-height, 5px)/2 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: rgba(255, 255, 255, 0.9); background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); border-radius: 3px; bottom: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)); margin-bottom: calc(calc(10px / 2) * 2); margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2); opacity: 0; padding: 3px; padding: var(--plyr-tooltip-radius, 3px); pointer-events: none; position: absolute; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease; transition: opacity .2s .1s ease,-webkit-transform .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease; transition: transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .plyr__preview-thumb::before { border-left: 4px solid transparent; border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-right: 4px solid transparent; border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9)); bottom: calc(4px * -1); bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1); content: ''; height: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img { height: 100%; left: 0; max-height: none; max-width: none; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__time-container { bottom: 6px; left: 0; position: absolute; right: 0; white-space: nowrap; z-index: 3; } .plyr__preview-thumb__time-container span { background-color: rgba(0, 0, 0, 0.55); border-radius: calc(3px - 1px); border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px); color: #fff; font-size: 13px; font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); padding: 3px 6px; } .plyr__preview-scrubbing { bottom: 0; -webkit-filter: blur(1px); filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { -webkit-transition: none !important; transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } @font-face { font-family: 'lg'; src: url("../fonts/lg.ttf?22t19m") format("truetype"), url("../fonts/lg.woff?22t19m") format("woff"), url("../fonts/lg.svg?22t19m#lg") format("svg"); font-weight: normal; font-style: normal; font-display: block; } .lg-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'lg' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; outline: none; border: none; background-color: transparent; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; background: none; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toggle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; outline: medium none; border: none; } .lg-outer .lg-toggle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toggle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { -webkit-box-shadow: 0 0 0 2px white inset; box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -webkit-transition: -webkit-box-shadow 0.3s ease 0s; transition: -webkit-box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { -webkit-box-shadow: 0 0 0 8px white inset; box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e907"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e905"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e906"; } .lg-outer .lg-img-rotate { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s, -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s; } .lg-rotate-left:after { content: "\e900"; } .lg-rotate-right:after { content: "\e901"; } .lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver { font-size: 26px; } .lg-flip-hor:after { content: "\e903"; } .lg-flip-ver:after { content: "\e902"; } .group { *zoom: 1; } .group:before, .group:after { display: table; content: ""; line-height: 0; } .group:after { clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; outline: none; -webkit-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../img/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg .lg-sub-html { padding-top: 60px; padding-bottom: 30px; background-color: transparent; background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); } .lg .lg-sub-html p { font-family: "Roboto-Regular", sans-serif; font-size: 15px; line-height: 21px; font-weight: normal; letter-spacing: 0.4px; font-style: normal; display: inline-block; padding: 10px; } @media (max-width: 1440px) { .lg .lg-sub-html p { font-size: 13px; line-height: 18px; } } @media (max-width: 800px) { .lg .lg-sub-html p { padding: 0 10px; } } .lg-object.lg-image { max-width: 80%; max-height: 80%; } .lg-toolbar .lg-download { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lg-toolbar .lg-download:after { content: ""; background-image: url("../icons/icon-download.svg"); width: 22px; height: 22px; display: block; background-position: center; background-size: contain; background-repeat: no-repeat; } .lg-toggle-thumb { display: none; } .lg-close { width: 30px; height: 30px; position: relative; } .lg-close:after, .lg-close:before { content: "" !important; position: absolute; top: 50%; left: 50%; width: 25px; height: 2px; background-color: #ffffff; } .lg-close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .lg-close:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .lg-actions .lg-prev, .lg-actions .lg-next { width: 20px; height: 20px; border-color: #ffffff; border-style: solid; opacity: 1 !important; border-radius: 0; padding: 0; } @media (max-width: 800px) { .lg-actions .lg-prev, .lg-actions .lg-next { width: 15px; height: 15px; } } .lg-actions .lg-prev:after, .lg-actions .lg-prev:before, .lg-actions .lg-next:after, .lg-actions .lg-next:before { display: none; } .lg-actions .lg-prev { border-width: 0 0 2px 2px; -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; } @media (max-width: 800px) { .lg-actions .lg-prev { left: 10px; } } .lg-actions .lg-next { border-width: 0 2px 2px 0; -webkit-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; } @media (max-width: 800px) { .lg-actions .lg-next { right: 10px; } } .lg-toolbar { -webkit-transform: none !important; transform: none !important; opacity: 1 !important; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { border: 0; border-radius: 0; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item.active { pointer-events: none; opacity: 0.5; } .lg-outer .lg-video { height: auto; padding-bottom: 0; } .lg-outer .lg-video .lg-video-play { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); width: 70px; height: 40px; } .lg-outer .lg-video .lg-video-play:before { content: ""; position: absolute; top: 3px; bottom: 3px; left: -1px; right: -1px; border-left: 1px solid rgba(255, 255, 255, 0.4); border-right: 1px solid rgba(255, 255, 255, 0.4); } .lg-outer .lg-video .lg-video-play:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #ffffff; } .lg-outer .lg-video-object { position: relative; width: auto; height: auto; } .lg-outer .lg-video-cont { max-width: 90% !important; padding: 0 15px; } @media (max-width: 1440px) { .lg-outer .lg-video-cont { max-width: 90% !important; } } .lg-object.lg-image { max-width: 90% !important; padding: 0 15px; } @media (max-width: 1440px) { .lg-object.lg-image { max-width: 90% !important; } } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale(0.9); transform: scale(0.9); } .lg-img-wrap:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scaleX(0); transform: translate(-50%, -50%) scaleX(0); background-color: #ffffff; opacity: 0.7; -webkit-animation: loading 0.5s infinite; animation: loading 0.5s infinite; -webkit-animation-direction: alternate; animation-direction: alternate; height: 2px; width: 100px; } .lg-img-wrap .lg-object, .lg-img-wrap .lg-image { z-index: 1; position: relative; } @-webkit-keyframes loading { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } @keyframes loading { 0% { -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } } .plyr { --plyr-range-track-height: 1px; --plyr-range-thumb-height: 0px; } .plyr.plyr--video { z-index: 2; background-color: transparent; } .plyr__progress input { padding: 10px 0; cursor: pointer; } .plyr__progress__container { width: 100%; } .plyr__video-wrapper { opacity: 0; visibility: hidden; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); } .plyr__video-wrapper:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 18, 23, 0.3); z-index: 1; opacity: 1; visibility: visible; -webkit-transition: 0.25s; transition: 0.25s; } .no-poster .plyr__video-wrapper { opacity: 1; visibility: visible; } .is-playing .plyr__video-wrapper, .is-paused .plyr__video-wrapper { opacity: 1; visibility: visible; } .is-playing .plyr__video-wrapper:after { opacity: 0; visibility: hidden; } .is-paused .plyr__video-wrapper:after { opacity: 1; visibility: visible; } .plyr__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .plyr__control.plyr__control--overlaid { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; background-color: transparent; width: 60px; border: none; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 36px; height: auto; border-radius: 0; padding: 0; overflow: hidden; } .plyr__control.plyr__control--overlaid svg { width: 12px; height: 12px; } .plyr__control.plyr__control--overlaid:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #1da5f9; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .plyr__control.plyr__control--overlaid:hover { border-color: rgba(29, 165, 249, 0.3); background-color: transparent; } .plyr__control.plyr__control--overlaid:hover:before { -webkit-transform: translateY(0%); transform: translateY(0%); } .plyr video { max-height: 100vh; max-width: 100vw; } .plyr button { border-radius: 0 !important; } .plyr--video .plyr__controls { padding: 1.25rem 30px 2.5rem 30px; } @media (max-width: 800px) { .plyr--video .plyr__controls { padding: 1.25rem 20px 0.9375rem 20px; } } @media (max-width: 480px) { .plyr--video .plyr__controls { padding: 1.25rem 20px 0.625rem 20px; } } .plyr--fullscreen-enabled [data-plyr="fullscreen"] { position: absolute; right: 2.5rem; } .plyr__volume { margin-left: auto !important; margin-right: 4rem; } .datepicker { display: none; } .datepicker.active { display: block; } .datepicker-dropdown { position: absolute; top: 0; left: 0; z-index: 20; padding-top: 4px; } .datepicker-dropdown.datepicker-orient-top { padding-top: 0; padding-bottom: 0; margin-bottom: -4px; } .datepicker-picker { display: inline-block; background-color: white; } .datepicker-dropdown .datepicker-picker { -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } .datepicker-picker span { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 0; cursor: default; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 13px; color: #667275; } .datepicker-main { padding: 2px; margin-top: 4px; padding-top: 10px; border-top: 1px solid rgba(0, 18, 23, 0.1); } .datepicker-footer { -webkit-box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1); background-color: whitesmoke; } .datepicker-controls, .datepicker-view, .datepicker-view .days-of-week, .datepicker-grid { display: -webkit-box; display: -ms-flexbox; display: flex; } .datepicker-grid { -ms-flex-wrap: wrap; flex-wrap: wrap; } .datepicker-view .dow, .datepicker-view .days .datepicker-cell { -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571%; } .datepicker-view.datepicker-grid .datepicker-cell { -ms-flex-preferred-size: 25%; flex-basis: 25%; } .datepicker-view .week, .datepicker-cell { height: 2.25rem; line-height: 2.25rem; } .datepicker-title { -webkit-box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1); box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1); background-color: whitesmoke; padding: 0.375rem 0.75rem; text-align: center; font-weight: 700; } .datepicker-header .datepicker-controls { padding: 2px 2px 0; } .datepicker-controls .button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; border: 1px solid #dbdbdb; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; background-color: white; cursor: pointer; padding: calc(0.375em - 1px) 0.75em; height: 2.25em; vertical-align: top; text-align: center; line-height: 1.5; white-space: nowrap; color: #363636; font-size: 1rem; } .datepicker-controls .button:focus, .datepicker-controls .button:active { outline: none; } .datepicker-controls .button:hover { border-color: #b5b5b5; color: #363636; } .datepicker-controls .button:focus { border-color: #3273dc; color: #363636; } .datepicker-controls .button:focus:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .datepicker-controls .button:active { border-color: #4a4a4a; color: #363636; } .datepicker-controls .button[disabled] { cursor: not-allowed; } .datepicker-header .datepicker-controls .button { border-color: transparent; font-weight: bold; } .datepicker-header .datepicker-controls .button:hover { background-color: #f9f9f9; } .datepicker-header .datepicker-controls .button:focus:not(:active) { -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .datepicker-header .datepicker-controls .button:active { background-color: #f2f2f2; } .datepicker-header .datepicker-controls .button[disabled] { -webkit-box-shadow: none; box-shadow: none; } .datepicker-footer .datepicker-controls .button { margin: calc(0.375rem - 1px) 0.375rem; border-radius: 2px; width: 100%; font-size: 0.75rem; } .datepicker-controls .view-switch { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; font-weight: 400; font-size: 13px; min-height: 36px; } .datepicker-controls .prev-btn, .datepicker-controls .next-btn { padding-right: 0.375rem; padding-left: 0.375rem; width: 2.25rem; } .datepicker-controls .prev-btn.disabled, .datepicker-controls .next-btn.disabled { visibility: hidden; } .datepicker-view .dow { height: 1.5rem; line-height: 1.5rem; font-size: 12px; text-transform: uppercase; } .datepicker-view .week { width: 2.25rem; color: #b5b5b5; font-size: 0.75rem; } @media (max-width: 22.5rem) { .datepicker-view .week { width: 1.96875rem; } } .datepicker-grid { width: 15.75rem; } @media (max-width: 22.5rem) { .calendar-weeks + .days .datepicker-grid { width: 13.78125rem; } } .datepicker-cell:not(.disabled):hover { background-color: #f9f9f9; cursor: pointer; } .datepicker-cell.focused:not(.selected) { background-color: #e8e8e8; } .datepicker-cell.selected, .datepicker-cell.selected:hover { background-color: #1da5f9; color: #fff; font-weight: 600; } .datepicker-cell.disabled { color: #dbdbdb; } .datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) { color: rgba(0, 18, 23, 0.2); } .datepicker-cell.prev.selected, .datepicker-cell.next.selected { color: #e6e6e6; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) { border-radius: 0; background-color: whitesmoke; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover { background-color: #eeeeee; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused { background-color: #e8e8e8; } .datepicker-cell.today:not(.selected) { background-color: #00d1b2; } .datepicker-cell.today:not(.selected):not(.disabled) { color: #fff; } .datepicker-cell.today.focused:not(.selected) { background-color: #00c4a7; } .datepicker-cell.range-start:not(.selected), .datepicker-cell.range-end:not(.selected) { background-color: #b5b5b5; color: #fff; } .datepicker-cell.range-start.focused:not(.selected), .datepicker-cell.range-end.focused:not(.selected) { background-color: #afafaf; } .datepicker-cell.range-start { border-radius: 4px 0 0 4px; } .datepicker-cell.range-end { border-radius: 0 4px 4px 0; } .datepicker-cell.range { border-radius: 0; background-color: #dbdbdb; } .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover { background-color: #d5d5d5; } .datepicker-cell.range.disabled { color: #c2c2c2; } .datepicker-cell.range.focused { background-color: #cfcfcf; } .datepicker-view.datepicker-grid .datepicker-cell { height: 4.5rem; line-height: 4.5rem; } .datepicker-input.in-edit { border-color: #2366d1; } .datepicker-input.in-edit:focus, .datepicker-input.in-edit:active { -webkit-box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2); box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2); } .js-accordion-panel { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; height: 0; } #cmplz-document { margin: 0 auto; } #cmplz-document h1, #cmplz-document h2, #cmplz-document h3, #cmplz-document h4, #cmplz-document h5, #cmplz-document h6, #cmplz-document p, #cmplz-document ul, #cmplz-document ol { width: 100% !important; min-width: auto !important; } #cmplz-document > *:not(#cmplz-cookies-overview) { display: none; } #cmplz-cookies-overview { margin: 40px 0; } p.button-solo > a { background: #091f2a; border-radius: 5px; padding: 10px 20px; } .flex-line { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.6rem; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pr { position: relative; } .spliter { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (orientation: portrait) { .spliter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .spliter__one { position: relative; -ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-flex-basis 0.5s ease; transition: -webkit-flex-basis 0.5s ease; transition: flex-basis 0.5s ease; transition: flex-basis 0.5s ease, -webkit-flex-basis 0.5s ease, -ms-flex-preferred-size 0.5s ease; } .spliter__one.is-hover { -ms-flex-preferred-size: calc(50% / 40 * 60); flex-basis: calc(50% / 40 * 60); } .spec-logo svg { width: calc(300px / 2); fill: white; } .spec-logo--r svg { width: calc(375px / 2); fill: white; } .pad-y-sm { padding-bottom: 30px; padding-top: 30px; } @media (min-width: 480px) { .pad-y-sm { padding-bottom: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .pad-y-sm { padding-bottom: 40px; } } @media (min-width: 480px) { .pad-y-sm { padding-top: calc(1.04167vw + 25px); } } @media (min-width: 1440px) { .pad-y-sm { padding-top: 40px; } }