/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

footer,
header,
main,
section {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

/**
 * Address styling not present in IE 8/9.
 */

/**
 * Address inconsistent and variable font size in all browsers.
 */

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

/**
 * Address differences between Firefox and other browsers.
 */

/**
 * Contain overflow in all browsers.
 */

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

/**
 * Define consistent border, margin, and padding.
 */

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

.t-h1,
.t-h2,
.t-h3,
.t-h4,
.t-h5,
.t-h6 {
  margin: 0;
  font-weight: normal;
  line-height: 1;
}
.t-text--xs,
.t-text--sm,
.t-text--md,
.t-text--lg,
.t-text--xl {
  margin: 0;
  line-height: 1;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
.t-btn,
.t-input,
.t-textarea,
.t-input--select {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-appearance: none !important;
}
.o-list--none {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0;
  text-decoration: none;
}
.t-btn,
.t-link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.t-btn:hover,
.t-link:hover {
  text-decoration: none;
}
.t-btn:active,
.t-link:active,
.t-btn:focus,
.t-link:focus {
  outline: none;
}
.o-wrapper--valign,
.u-vacuum {
  font-size: 0px;
ss
  font-size: 0rem;
}
.o-wrapper--panel {
  top: 0;
  left: 0;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  font-family: 'AktivGrotesk-Regular', 'sans-serif';
  font-size: 16px;
ss
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #fff;
  height: auto;
  overflow: auto;
}
.is-disable-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
::-moz-selection {
  color: #fff;
  background: #000;
}
::selection {
  color: #fff;
  background: #000;
}
img {
  -ms-interpolation-mode: bicubic;
}
canvas {
  display: block;
}
strong {
  font-weight: normal;
}
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: 0;
}
@font-face {
  font-family: 'AktivGrotesk-Bold';
  src: url("./assets/fonts/AktivGrotesk-Bold.woff") format("woff");
}
@font-face {
  font-family: 'AktivGrotesk-Medium';
  src: url("./assets/fonts/AktivGrotesk-Medium.woff") format("woff");
}
@font-face {
  font-family: 'AktivGrotesk-Regular';
  src: url("./assets/fonts/AktivGrotesk-Regular.woff") format("woff");
}
@font-face {
  font-family: 'FiraMonoregular';
  src: url("./assets/fonts/FiraMonoregular.woff") format("woff");
}
.t-h1 {
  font-family: 'AktivGrotesk-Medium', 'sans-serif';
  font-size: calc(3.1vw + 3.1vh);
  line-height: 1.1;
}
@media screen and (min-width: 1600px) {
  .t-h1 {
    font-size: 80px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 1280px) {
  .t-h1 {
    font-size: calc(2.9vw + 2.9vh);
  }
}
@media screen and (max-width: 1024px) {
  .t-h1 {
    font-size: calc(2.6vw + 2.6vh);
  }
}
.t-h2 {
  font-size: 60px;
ss
  font-size: 3.75rem;
  font-family: 'AktivGrotesk-Regular', 'sans-serif';
}
@media screen and (max-width: 770px) {
  .t-h2 {
    font-size: 45px;
    font-size: 2.8125rem;
  }
}
.t-h3 {
  font-size: 36px;
ss
  font-size: 2.25rem;
}
.t-h4 {
  font-size: 24px;
ss
  font-size: 1.5rem;
  font-family: 'AktivGrotesk-Medium', 'sans-serif';
}
@media screen and (max-width: 770px) {
  .t-h4 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.t-h5 {
  font-size: 25px;
ss
  font-size: 1.5625rem;
}
.t-h6 {
  font-family: 'AktivGrotesk-Bold', 'sans-serif';
  font-size: 18px;
ss
  font-size: 1.125rem;
}
.t-icon--arrow-bottom {
  width: 7px;
  height: 19px;
}
.t-icon--error {
  width: 10px;
  height: 10px;
}
.t-icon--arrow-plain-bottom {
  width: 8px;
  height: 5px;
}
.t-icon--plus {
  width: 12px;
  height: 12px;
}
.t-icon--analytics {
  width: 21px;
  height: 11px;
  opacity: 0.5;
}
.t-input--select {
  height: 55px;
}
.t-input {
  height: 50px;
}
.t-input--borders {
  border: 1px solid rgba(255,255,255,0.1);
}
.t-input::-webkit-input-placeholder,
.t-textarea::-webkit-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.t-input::-moz-placeholder,
.t-textarea::-moz-placeholder {
  color: rgba(255,255,255,0.5);
}
.t-input:-ms-input-placeholder,
.t-textarea:-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.t-input:-moz-placeholder,
.t-textarea:-moz-placeholder {
  color: rgba(255,255,255,0.5);
}
.t-textarea {
  height: 200px;
  max-width: 100%;
  max-height: 200px;
}
.t-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #1f56fb inset;
  -webkit-text-fill-color: #fff;
}
.t-link--primary.is-active {
  text-decoration: underline;
}
.t-logo {
  width: 100px;
}
@media screen and (max-width: 770px) {
  .t-logo {
    width: 75px;
    height: 75px;
  }
}
.t-text--xs,
.t-text--sm,
.t-text--md,
.t-text--lg,
.t-text--xl {
  font-family: 'AktivGrotesk-Regular', 'sans-serif';
  line-height: 1.6;
}
.t-text--xs {
  font-size: 10px;
ss
  font-size: 0.625rem;
}
.t-text--sm {
  font-size: 12px;
ss
  font-size: 0.75rem;
}
.t-text--md {
  font-size: 14px;
ss
  font-size: 0.875rem;
}
.t-text--lg {
  font-size: 16px;
ss
  font-size: 1rem;
}
@media screen and (max-width: 1024px) {
  .t-text--lg {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.t-text--xl {
  font-size: 22px;
ss
  font-size: 1.375rem;
}
@media screen and (max-width: 1024px) {
  .t-text--xl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.t-text--bold {
  font-family: 'AktivGrotesk-Bold', 'sans-serif';
}
.t-text--medium {
  font-family: 'AktivGrotesk-Medium', 'sans-serif';
}
.t-text--serif {
  font-family: 'FiraMonoregular', 'serif';
}
.t-text--ls-xs {
  letter-spacing: 0.1em;
}
.t-text--ls-sm {
  letter-spacing: 0.15em;
}
.t-text--ls-md {
  letter-spacing: 0.29em;
}
.t-text--lh-sm {
  line-height: 1;
}
.t-text--lh-md {
  line-height: 1.4;
}
.t-text--lh-lg {
  line-height: 1.8;
}
.c-application.is-loading {
  cursor: wait;
}
.c-btn-close {
  width: 50px;
  height: 50px;
  z-index: 2;
}
@media screen and (max-width: 770px) {
  .c-btn-close {
    width: 44px;
    height: 44px;
  }
}
.c-btn-close:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1f56fb;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-ready .c-btn-close:before {
  opacity: 1;
  -webkit-transition: opacity 0.55s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.55s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-btn-close:hover:before {
  opacity: 0;
  -webkit-transition: opacity 0s 0s;
  transition: opacity 0s 0s;
}
.c-btn-close__cross {
  width: 10px;
  height: 10px;
}
.c-btn-close__cross-line {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.c-btn-close__cross-line:nth-of-type(1) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) translateZ(0);
          transform: translateX(-50%) translateY(-50%) rotate(-45deg) translateZ(0);
}
.c-btn-close__cross-line:nth-of-type(2) {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0);
          transform: translateX(-50%) translateY(-50%) rotate(45deg) translateZ(0);
}
.c-btn-close__cross-line:before,
.c-btn-close__cross-line:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
}
.c-btn-close__cross-line:before {
  background: #fff;
}
.c-btn-close__cross-line:after {
  background: #1f56fb;
  opacity: 0;
}
.c-btn-close__cross-line:nth-of-type(1):before {
  -webkit-transition: opacity 0.55s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-btn-close__cross-line:nth-of-type(1):before,
.c-btn-close__cross-line:nth-of-type(1):after {
  -webkit-transform: translateX(20px) scaleX(0) translateZ(0);
          transform: translateX(20px) scaleX(0) translateZ(0);
}
.c-btn-close__cross-line:nth-of-type(2):before {
  -webkit-transition: opacity 0.55s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-btn-close__cross-line:nth-of-type(2):before,
.c-btn-close__cross-line:nth-of-type(2):after {
  -webkit-transform: translateX(-20px) scaleX(0) translateZ(0);
          transform: translateX(-20px) scaleX(0) translateZ(0);
}
.is-ready .c-btn-close__cross-line:before {
  -webkit-transform: translateX(0) scaleX(1) translateZ(0);
          transform: translateX(0) scaleX(1) translateZ(0);
  -webkit-transition: -webkit-transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-ready .c-btn-close__cross-line:after {
  opacity: 1;
  -webkit-transform: translateX(0) scaleX(1) translateZ(0);
          transform: translateX(0) scaleX(1) translateZ(0);
  -webkit-transition: opacity 0.55s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-btn-close__corner {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-ready .c-btn-close__corner {
  -webkit-animation-name: glitch;
          animation-name: glitch;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
}
.is-loading .c-btn-close__corner {
  opacity: 0;
  -webkit-transition: opacity 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 1s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-btn-close__corner-line {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-ready .c-btn-close__corner-line {
  opacity: 0;
  -webkit-transition: opacity 0s 0.4s;
  transition: opacity 0s 0.4s;
}
.c-btn-close__left:before,
.c-btn-close__right:before,
.c-btn-close__left:after,
.c-btn-close__right:after {
  position: absolute;
  display: inline-block;
  content: '';
  background-color: #fff;
  z-index: 2;
}
.c-btn-close__left:before,
.c-btn-close__right:before {
  width: 1px;
  height: 100%;
  -webkit-transform: scaleY(0) translateZ(0);
          transform: scaleY(0) translateZ(0);
}
.c-btn-close__left:after,
.c-btn-close__right:after {
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0) translateZ(0);
          transform: scaleX(0) translateZ(0);
}
.c-btn-close__left {
  -webkit-transform: translate(-50%, 50%) translateZ(0);
          transform: translate(-50%, 50%) translateZ(0);
}
.c-btn-close__left:before {
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.c-btn-close__left:after {
  bottom: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.c-btn-close__right {
  -webkit-transform: translate(50%, -50%) translateZ(0);
          transform: translate(50%, -50%) translateZ(0);
}
.c-btn-close__right:before {
  top: 0;
  right: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.c-btn-close__right:after {
  top: 0;
  left: 0;
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.c-btn-close__left,
.c-btn-close__right {
  -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-ready .c-btn-close__left,
.is-ready .c-btn-close__right {
  -webkit-transform: translate(0, 0) translateZ(0);
          transform: translate(0, 0) translateZ(0);
  -webkit-transition: -webkit-transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-ready .c-btn-close__left:before,
.is-ready .c-btn-close__right:before {
  opacity: 0;
  -webkit-transform: scaleY(1) translateZ(0);
          transform: scaleY(1) translateZ(0);
  -webkit-transition: opacity 0s 1.2s, background-color 1s 0.7s, -webkit-transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 1.2s, background-color 1s 0.7s, -webkit-transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 1.2s, background-color 1s 0.7s;
  transition: transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 1.2s, background-color 1s 0.7s, -webkit-transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-ready .c-btn-close__left:after,
.is-ready .c-btn-close__right:after {
  opacity: 0;
  -webkit-transform: scaleX(1) translateZ(0);
          transform: scaleX(1) translateZ(0);
  -webkit-transition: opacity 0s 1.2s, background-color 1s 0.7s, -webkit-transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 1.2s, background-color 1s 0.7s, -webkit-transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 1.2s, background-color 1s 0.7s;
  transition: transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 1.2s, background-color 1s 0.7s, -webkit-transform 0.6s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-btn-close:hover .c-btn-close__left {
  -webkit-transform: translate(-25%, 25%) translateZ(0);
          transform: translate(-25%, 25%) translateZ(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-btn-close:hover .c-btn-close__left:before,
.c-btn-close:hover .c-btn-close__left:after {
  background-color: #1f56fb;
  -webkit-transition: background-color 0s 0s;
  transition: background-color 0s 0s;
}
.c-btn-close:hover .c-btn-close__left:before {
  opacity: 1;
  -webkit-transform: scaleY(0.2) translateZ(0);
          transform: scaleY(0.2) translateZ(0);
  -webkit-transition: opacity 0s 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-btn-close:hover .c-btn-close__left:after {
  opacity: 1;
  -webkit-transform: scaleX(0.2) translateZ(0);
          transform: scaleX(0.2) translateZ(0);
  -webkit-transition: opacity 0s 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-btn-close:hover .c-btn-close__right {
  -webkit-transform: translate(25%, -25%) translateZ(0);
          transform: translate(25%, -25%) translateZ(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-btn-close:hover .c-btn-close__right:before,
.c-btn-close:hover .c-btn-close__right:after {
  background-color: #1f56fb;
  -webkit-transition: background-color 0s 0s;
  transition: background-color 0s 0s;
}
.c-btn-close:hover .c-btn-close__right:before {
  opacity: 1;
  -webkit-transform: scaleY(0.2) translateZ(0);
          transform: scaleY(0.2) translateZ(0);
  -webkit-transition: opacity 0s 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-btn-close:hover .c-btn-close__right:after {
  opacity: 1;
  -webkit-transform: scaleX(0.2) translateZ(0);
          transform: scaleX(0.2) translateZ(0);
  -webkit-transition: opacity 0s 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
@-webkit-keyframes glitch {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes glitch {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-card {
  width: 76%;
  max-width: 290px;
  -webkit-perspective: 1600px;
          perspective: 1600px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.c-card:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 165%;
}
.c-card__title-container {
  opacity: 0;
  -webkit-transform: translateY(-150px) translateZ(0);
          transform: translateY(-150px) translateZ(0);
  -webkit-perspective: 1600px;
          perspective: 1600px;
}
.c-card__title-container:nth-of-type(1) {
  -webkit-transition: opacity 0.85s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.85s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card__title-container:nth-of-type(2) {
  -webkit-transition: opacity 0.85s 0.07s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.07s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.85s 0.07s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.07s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.07s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0.07s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.07s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0.07s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.07s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card__title-container:nth-of-type(3) {
  -webkit-transition: opacity 0.85s 0.14s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.14s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.85s 0.14s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.14s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.14s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0.14s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.14s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0.14s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.14s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-card__title-container {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-redirecting .c-card__title-container {
  opacity: 0;
  -webkit-transform: translateY(-150px) translateZ(0);
          transform: translateY(-150px) translateZ(0);
}
.is-redirecting .c-card__title-container:nth-of-type(1) {
  -webkit-transition: opacity 0.85s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.85s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-redirecting .c-card__title-container:nth-of-type(2) {
  -webkit-transition: opacity 0.85s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.85s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-redirecting .c-card__title-container:nth-of-type(3) {
  -webkit-transition: opacity 0.85s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.85s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.85s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card__front {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.c-card__front transform scaleY(0) translateZ(0),
.is-home-ready .c-card__front {
  -webkit-transform: scaleY(1) translateZ(0);
          transform: scaleY(1) translateZ(0);
}
.c-card__front-color:nth-of-type(1) {
  background: #2867f9;
  -webkit-transform: scaleY(0) translateZ(0);
          transform: scaleY(0) translateZ(0);
}
.c-card__front-color:nth-of-type(2):before,
.c-card__front-color:nth-of-type(2):after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1e3b89;
}
.c-card__front-color:nth-of-type(2):before {
  opacity: 0;
}
.c-card__front-color:nth-of-type(2):after {
  opacity: 0;
}
.c-card__front-color:nth-of-type(3) {
  opacity: 0;
  background: #fff;
}
.is-home-ready .c-card__front-color {
  -webkit-transition: -webkit-transform 0.5s 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.5s 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-card__front-color-1:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: scaleY(1) translateZ(0);
          transform: scaleY(1) translateZ(0);
  -webkit-transition: opacity 6s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 6s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 6s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 6s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-card__front-color-1:nth-of-type(2):before {
  opacity: 1;
  -webkit-transition: opacity 5s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 5s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-home-ready .c-card__front-color-1:nth-of-type(3) {
  -webkit-transition: opacity 0.65s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.65s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-home-ready .c-card__front-color-2:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: scaleY(1) translateZ(0);
          transform: scaleY(1) translateZ(0);
  -webkit-transition: opacity 6s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 6s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 6s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 6s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-card__front-color-2:nth-of-type(2):before {
  opacity: 1;
  -webkit-transition: opacity 5s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 5s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-home-ready .c-card__front-color-2:nth-of-type(3) {
  -webkit-transition: opacity 0.65s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.65s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-home-ready .c-card__front-color-3:nth-of-type(1) {
  opacity: 0;
  -webkit-transform: scaleY(1) translateZ(0);
          transform: scaleY(1) translateZ(0);
  -webkit-transition: opacity 6s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 6s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 6s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 6s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-card__front-color-3:nth-of-type(2):before {
  opacity: 1;
  -webkit-transition: opacity 5s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 5s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-home-ready .c-card__front-color-3:nth-of-type(3) {
  -webkit-transition: opacity 0.65s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.65s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-cards-active .c-card__front-color:nth-of-type(2):before {
  opacity: 0;
  -webkit-transition: opacity 0.65s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.65s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-cards-active .c-card__front-color:nth-of-type(3) {
  opacity: 1;
  -webkit-transition: opacity 0.65s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.65s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-card__back {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card__title {
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.9s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.9s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.9s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.9s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card__corner {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card__front-container {
  top: 50%;
  left: 50%;
  -webkit-perspective: 1600px;
          perspective: 1600px;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) translateZ(0);
          transform: translate(-50%, -50%) translateZ(0);
}
.c-card__front-container:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 176%;
}
.is-home-ready .c-card__front-container {
  opacity: 0.6;
  -webkit-transition: opacity 2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card__corner-container {
  top: 50%;
  left: 50%;
  -webkit-perspective: 1600px;
          perspective: 1600px;
  opacity: 0;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.2) translateZ(0);
          transform: translate(-50%, -50%) scale(1.2) translateZ(0);
}
.c-card__corner-container:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 176%;
}
.is-home-ready .c-card__corner-container {
  opacity: 0.7;
  -webkit-transform: translate(-50%, -50%) scale(1) translateZ(0);
          transform: translate(-50%, -50%) scale(1) translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card__back {
  opacity: 0.04;
}
.c-card__back:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1f56fb;
  -webkit-transform: scaleY(0) translateZ(0);
          transform: scaleY(0) translateZ(0);
}
.is-home-ready .c-card__back:before {
  -webkit-transform: scaleY(1) translateZ(0);
          transform: scaleY(1) translateZ(0);
}
.c-card:nth-of-type(1) .c-card__back:before {
  -webkit-transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card:nth-of-type(2) .c-card__back:before {
  -webkit-transition: opacity 0.45s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card:nth-of-type(3) .c-card__back:before {
  -webkit-transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-card__corner-box {
  height: 7px;
  width: 7px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-card__corner-box:nth-of-type(1) {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.c-card__corner-box:nth-of-type(2) {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.c-card__corner-box:nth-of-type(3) {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
.c-card__corner-box:nth-of-type(4) {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
.is-home-ready .c-card__corner-box {
  -webkit-animation-name: glitch;
          animation-name: glitch;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
}
.c-card__title-label {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-card__title.is-active .c-card__title-label {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-catchline__title {
  opacity: 0;
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-catchline__title {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: opacity 0.45s 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-leaving-home .c-catchline__title {
  opacity: 0;
  -webkit-transform: translateY(-100%) translateZ(0);
          transform: translateY(-100%) translateZ(0);
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-catchline__line span {
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
.is-home-ready .c-catchline__line span {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-leaving-home .c-catchline__line span {
  -webkit-transform: translateY(-100%) translateZ(0);
          transform: translateY(-100%) translateZ(0);
}
.c-catchline__line:nth-of-type(1) span {
  -webkit-transition: -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-catchline__line:nth-of-type(1) span {
  -webkit-transition: -webkit-transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-leaving-home .c-catchline__line:nth-of-type(1) span {
  -webkit-transition: -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-catchline__line:nth-of-type(2) span {
  -webkit-transition: -webkit-transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-catchline__line:nth-of-type(2) span {
  -webkit-transition: -webkit-transform 0.75s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-leaving-home .c-catchline__line:nth-of-type(2) span {
  -webkit-transition: -webkit-transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-catchline__line:nth-of-type(3) span {
  -webkit-transition: -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-catchline__line:nth-of-type(3) span {
  -webkit-transition: -webkit-transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-leaving-home .c-catchline__line:nth-of-type(3) span {
  -webkit-transition: -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-catchline__line:nth-of-type(4) span {
  -webkit-transition: -webkit-transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-catchline__line:nth-of-type(4) span {
  -webkit-transition: -webkit-transform 0.75s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-leaving-home .c-catchline__line:nth-of-type(4) span {
  -webkit-transition: -webkit-transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-corner {
  width: 6px;
  height: 6px;
}
.c-corner--transparent {
  opacity: 0.2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.75s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.t-btn:hover .c-corner--transparent {
  opacity: 1;
}
.c-corner__line-x {
  height: 1px;
  width: 8px;
}
.c-corner__line-y {
  width: 1px;
  height: 8px;
}
.c-experience__intro {
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.has-scrolled .c-experience__intro {
  opacity: 0;
}
.c-experience__line-2,
.c-experience__line-3 {
  opacity: 0;
  -webkit-transform: translateY(50px) translateZ(0);
          transform: translateY(50px) translateZ(0);
}
.is-ready .c-experience__line-1,
.is-ready .c-experience__line-2,
.is-ready .c-experience__line-3 {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-ready .c-experience__line-1 {
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-ready .c-experience__line-2 {
  -webkit-transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-ready .c-experience__line-3 {
  -webkit-transition: opacity 0.45s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-experience__title {
  font-size: calc(5vw + 5vh);
  letter-spacing: -0.15em;
}
@media screen and (max-width: 770px) {
  .c-experience__title {
    font-size: 55px;
    font-size: 3.4375rem;
  }
}
.c-experience__last {
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-last .c-experience__last {
  opacity: 1;
  visibility: visible;
}
.c-footer {
  z-index: 35;
}
.c-footer__block-left,
.c-footer__block-right {
  opacity: 0;
  -webkit-transform: translateY(10px) translateZ(0);
          transform: translateY(10px) translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-ready .c-footer__block-left,
.is-ready .c-footer__block-right,
.is-home-ready .c-footer__block-left,
.is-home-ready .c-footer__block-right {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loading .c-footer__block-left,
.is-loading .c-footer__block-right {
  opacity: 0 !important;
  -webkit-transform: translateY(10px) translateZ(0) !important;
          transform: translateY(10px) translateZ(0) !important;
}
.c-footer__sound-link:before,
.c-footer__sound-link:after {
  position: absolute;
  content: '';
  top: 0;
  width: 1px;
  height: 16px;
  background: #1f56fb;
  opacity: 0.5;
}
.c-footer__sound-link:before {
  left: 6px;
}
.c-footer__sound-link:after {
  right: 6px;
}
.c-footer__sound {
  top: 0;
  -webkit-animation: slide 2.2s linear infinite;
          animation: slide 2.2s linear infinite;
}
.c-footer__sound:nth-of-type(1) {
  left: -100%;
}
.c-footer__sound:nth-of-type(2) {
  left: 0;
}
.c-footer__sound:nth-of-type(3) {
  left: 100%;
}
@-webkit-keyframes slide {
  100% {
    -webkit-transform: translateX(-100%) translateZ(0);
            transform: translateX(-100%) translateZ(0);
  }
}
@keyframes slide {
  100% {
    -webkit-transform: translateX(-100%) translateZ(0);
            transform: translateX(-100%) translateZ(0);
  }
}
.c-form__header {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.c-form__input-container:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-form__input-container:before {
  border: 1px solid #fff;
}
.c-form__input-container.is-active:before {
  opacity: 1;
}
.c-form__input-error {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-error .c-form__input-error {
  opacity: 1;
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-form__success {
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.c-form.is-success .c-form__success {
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s 0s, opacity 0.55s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: visibility 0s 0s, opacity 0.55s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-header {
  z-index: 34;
  background: linear-gradient(315deg, transparent 15px, #1f56fb 0) bottom right;
}
.c-header__circle {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  bottom: 3px;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-header__link:hover .c-header__circle {
  -webkit-transform: scale(1.2) translateZ(0);
          transform: scale(1.2) translateZ(0);
}
.c-header__circle--blue {
  border-color: #1f56fb;
}
.c-header__dot {
  width: 2px;
  height: 2px;
  border-radius: 50%;
}
.is-first-loading .c-header__logo {
  opacity: 0;
  -webkit-transform: translateY(50%) translateZ(0);
          transform: translateY(50%) translateZ(0);
}
.is-ready .c-header__logo,
.is-home-ready .c-header__logo {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loading .c-header__logo-loading {
  display: block;
}
.is-first-loading .c-header__logo-loading {
  display: none;
}
.c-header__link {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.c-header__link:nth-child(1) {
  -webkit-transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-header__link:nth-child(2) {
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loading .c-header__link {
  opacity: 0;
  -webkit-transform: translateY(-20px) translateZ(0);
          transform: translateY(-20px) translateZ(0);
}
.is-loading .c-header__link:nth-child(1) {
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loading .c-header__link:nth-child(2) {
  -webkit-transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-leaving-home .c-header__link {
  opacity: 0;
  -webkit-transform: translateY(-20px) translateZ(0);
          transform: translateY(-20px) translateZ(0);
}
.is-leaving-home .c-header__link:nth-child(1) {
  -webkit-transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-leaving-home .c-header__link:nth-child(2) {
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-intro {
  z-index: 30;
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.c-intro:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 20px);
  background: #1f56fb;
  background: linear-gradient(315deg, transparent 15px, #1f56fb 0) bottom right;
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}
.c-intro.is-active:before {
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-intro__logo-transparent {
  opacity: 0.4;
}
.c-intro__mask-out,
.c-intro__mask-in {
  -webkit-transition: opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loading .c-intro__mask-out,
.is-loading .c-intro__mask-in {
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
}
.is-loaded .c-intro__mask-out,
.is-loaded .c-intro__mask-in {
  opacity: 0;
}
.c-intro__progressbar {
  height: 4px;
  -webkit-transition: opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loaded .c-intro__progressbar {
  opacity: 0;
}
.c-loader {
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 1s;
  transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 1s;
}
.c-loader.is-active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0s;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0s;
}
.c-modal {
  z-index: 2;
  visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-modal.is-active {
  visibility: visible;
}
.c-modal__overlay {
  background: rgba(0,0,0,0.85);
}
.c-nav__col {
  width: 22%;
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-leaving .c-nav__col {
  opacity: 0;
  -webkit-transform: scale(0.85) translateZ(0);
          transform: scale(0.85) translateZ(0);
}
.is-home-leaving .c-nav__col:nth-of-type(1) {
  -webkit-transition: opacity 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-leaving .c-nav__col:nth-of-type(2) {
  -webkit-transition: opacity 1s 0.05s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1s 0.05s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0.05s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0.05s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-leaving .c-nav__col:nth-of-type(3) {
  -webkit-transition: opacity 1s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav__list {
  max-width: 1900px;
}
.is-modal-shown .c-page {
  -webkit-transform: translateY(35px) translateZ(0) !important;
          transform: translateY(35px) translateZ(0) !important;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.is-modal-active .c-page {
  -webkit-transform: translateY(100%) translateZ(0) !important;
          transform: translateY(100%) translateZ(0) !important;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.is-modal-closing .c-page {
  -webkit-transform: translateY(0) translateZ(0) !important;
          transform: translateY(0) translateZ(0) !important;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.c-portrait:before {
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 125%;
}
.c-portrait__small-line-y {
  height: 50px;
  width: 1px;
}
.c-portrait__line-y {
  width: 1px;
}
.c-portrait__line-x {
  height: 1px;
}
.c-portrait__small-line-x {
  width: 50px;
  height: 1px;
}
.c-portrait__media {
  bottom: 0;
}
.c-portrait__media-left {
  left: -40%;
  width: 150%;
}
.c-portrait__media-right {
  left: -50%;
  width: 160%;
}
.c-scrollbar {
  top: 50%;
  right: 45px;
  height: 80%;
  width: 3px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(-50%) translateZ(0);
          transform: translateY(-50%) translateZ(0);
  -webkit-transition: opacity 0s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 770px) {
  .c-scrollbar {
    right: 30px;
  }
}
.is-ready .c-scrollbar {
  opacity: 1;
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (max-height: 800px) {
  .c-scrollbar {
    height: 70%;
  }
}
.c-slide {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
  -webkit-transition: visibility 0s 0.8s, opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0s 1s;
  transition: visibility 0s 0.8s, opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0s 1s;
  transition: visibility 0s 0.8s, opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0s 1s;
  transition: visibility 0s 0.8s, opacity 0.45s 1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0s 1s, -webkit-transform 0s 1s;
}
.c-slide.is-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s 0s, -webkit-transform 0s 0s;
  transition: visibility 0s 0s, -webkit-transform 0s 0s;
  transition: visibility 0s 0s, transform 0s 0s;
  transition: visibility 0s 0s, transform 0s 0s, -webkit-transform 0s 0s;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.c-slide__media {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: -webkit-transform 1.2s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.2s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.2s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.2s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.2s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-switching .c-slide__media {
  -webkit-transform: translateY(-40px) translateZ(0);
          transform: translateY(-40px) translateZ(0);
  -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__cartouche-txt {
  max-width: 600px;
}
.c-slideshow__cartouche-txt span {
  opacity: 0;
  -webkit-transform: translateX(-30px) translateZ(0);
          transform: translateX(-30px) translateZ(0);
}
.c-slideshow__cartouche-txt span:nth-of-type(1) {
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__cartouche-txt span:nth-of-type(2) {
  -webkit-transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__cartouche-txt span:nth-of-type(3) {
  -webkit-transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide.is-active .c-slideshow__cartouche-txt span {
  opacity: 1;
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
}
.c-slide.is-active .c-slideshow__cartouche-txt span:nth-of-type(1) {
  -webkit-transition: opacity 0.45s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide.is-active .c-slideshow__cartouche-txt span:nth-of-type(2) {
  -webkit-transition: opacity 0.45s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide.is-active .c-slideshow__cartouche-txt span:nth-of-type(3) {
  -webkit-transition: opacity 0.45s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide.is-leaving .c-slideshow__cartouche-txt span {
  opacity: 0;
  -webkit-transform: translateX(30px) translateZ(0);
          transform: translateX(30px) translateZ(0);
}
.c-slide.is-leaving .c-slideshow__cartouche-txt span:nth-of-type(1) {
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide.is-leaving .c-slideshow__cartouche-txt span:nth-of-type(2) {
  -webkit-transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide.is-leaving .c-slideshow__cartouche-txt span:nth-of-type(3) {
  -webkit-transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide__subtitle span {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-slide__subtitle span:nth-of-type(1) {
  -webkit-transition: opacity 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide__subtitle span:nth-of-type(2) {
  -webkit-transition: opacity 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide.is-active .c-slide__subtitle span {
  opacity: 1;
}
.c-slide.is-active .c-slide__subtitle span:nth-of-type(1) {
  -webkit-transition: opacity 0.75s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.75s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide.is-active .c-slide__subtitle span:nth-of-type(2) {
  -webkit-transition: opacity 0.75s 0.85s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.75s 0.85s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loading .c-slide__subtitle span {
  opacity: 0;
}
.is-loading .c-slide__subtitle span:nth-of-type(1) {
  -webkit-transition: opacity 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.75s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loading .c-slide__subtitle span:nth-of-type(2) {
  -webkit-transition: opacity 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide__subtitle:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -5px;
  margin-left: -45px;
  height: 1px;
  width: 90px;
  background: #1f56fb;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: translateX(-20%) scaleX(0) translateZ(0);
          transform: translateX(-20%) scaleX(0) translateZ(0);
  opacity: 0;
  -webkit-transition: opacity 0s 0.6s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0.6s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 0.6s;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 0.6s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide.is-active .c-slide__subtitle:after {
  opacity: 1;
  -webkit-transform: translateX(0) scaleX(1) translateZ(0);
          transform: translateX(0) scaleX(1) translateZ(0);
  -webkit-transition: opacity 0s 0.55s, -webkit-transform 1s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0.55s, -webkit-transform 1s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.55s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 0.55s;
  transition: transform 1s 0.55s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 0.55s, -webkit-transform 1s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loading .c-slide__subtitle {
  -webkit-transform: translateX(-20%) scaleX(0) translateZ(0);
          transform: translateX(-20%) scaleX(0) translateZ(0);
  -webkit-transition: opacity 0s 0.6s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s 0.6s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 0.6s;
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 0.6s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__track {
  width: 1px;
  background: rgba(255,255,255,0.1);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.is-ready .c-slideshow__track {
  opacity: 1;
}
.c-slideshow__tracker {
  opacity: 0;
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-ready .c-slideshow__tracker {
  opacity: 0.1;
}
.c-slideshow__cartouche-slide {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0.5s;
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0.5s;
}
.c-slideshow__cartouche-slide.is-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0s;
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0s;
}
.c-slideshow__cartouche-slide-dot-container {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-slide.is-active .c-slideshow__cartouche-slide-dot-container {
  opacity: 1;
}
.c-slideshow__cartouche-slide-dot {
  width: 9px;
  height: 9px;
  opacity: 0.5;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-slideshow__cartouche-slide-dot:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  top: -3.25px;
  left: -3.25px;
}
.c-slideshow__cartouche-slide-dot.is-active {
  opacity: 1;
}
.c-slideshow__track,
.c-slideshow__tracker {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.c-slideshow__track-dot {
  opacity: 0.1;
  top: 50%;
  -webkit-transform: translateY(-50%) translateZ(0);
          transform: translateY(-50%) translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-slideshow__track-dot:hover {
  opacity: 0.5;
}
.c-slideshow__track-dot.is-active {
  opacity: 1;
}
.c-slideshow__cartouche-line {
  left: 0;
  bottom: -10px;
  height: 1px;
  opacity: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: translateX(0) scaleX(0.3) translateZ(0);
          transform: translateX(0) scaleX(0.3) translateZ(0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__cartouche-line span {
  -webkit-transform: translateX(0) scaleX(1) translateZ(0);
          transform: translateX(0) scaleX(1) translateZ(0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-leaving .c-slideshow__cartouche-line {
  opacity: 1;
  -webkit-transform: translateX(70%) scaleX(0.5) translateZ(0);
          transform: translateX(70%) scaleX(0.5) translateZ(0);
}
.is-leaving .c-slideshow__cartouche-line span {
  -webkit-transform: translateX(0) scaleX(0) translateZ(0);
          transform: translateX(0) scaleX(0) translateZ(0);
}
.c-slideshow__next {
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.is-ready .c-slideshow__next {
  opacity: 1;
}
.c-slideshow__next-label {
  visibility: hidden;
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
  -webkit-transition: visibility 0s 0.8s, -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: visibility 0s 0.8s, -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 0.8s;
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 0.8s, -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-last .c-slideshow__next-label {
  visibility: visible;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: visibility 0s 0s, -webkit-transform 0.7s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: visibility 0s 0s, -webkit-transform 0.7s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.55s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 0s;
  transition: transform 0.7s 0.55s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 0s, -webkit-transform 0.7s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__next-arrow {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.c-slideshow__next-arrow:nth-of-type(1) {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__next-arrow:nth-of-type(2) {
  -webkit-transform: translateY(-110%) translateZ(0);
          transform: translateY(-110%) translateZ(0);
  -webkit-transition: opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__next:hover .c-slideshow__next-arrow:nth-of-type(1) {
  -webkit-transform: translateY(110%) translateZ(0);
          transform: translateY(110%) translateZ(0);
  -webkit-transition: opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__next:hover .c-slideshow__next-arrow:nth-of-type(2) {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-last .c-slideshow__next-arrow {
  opacity: 0;
}
.is-last .c-slideshow__next-arrow:nth-of-type(1) {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-last .c-slideshow__next-arrow:nth-of-type(2) {
  -webkit-transform: translateY(-110%) translateZ(0);
          transform: translateY(-110%) translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__next:hover .is-last .c-slideshow__next-arrow:nth-of-type(1) {
  -webkit-transform: translateY(110%) translateZ(0);
          transform: translateY(110%) translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__next:hover .is-last .c-slideshow__next-arrow:nth-of-type(2) {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__prev-arrow {
  -webkit-transform: translateY(110%) rotate(-180deg) translateZ(0);
          transform: translateY(110%) rotate(-180deg) translateZ(0);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-last .c-slideshow__prev-arrow {
  -webkit-transform: translateY(0) rotate(-180deg) translateZ(0);
          transform: translateY(0) rotate(-180deg) translateZ(0);
  -webkit-transition: -webkit-transform 0.7s 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.7s 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.7s 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slideshow__cartouche {
  height: 230px;
  -webkit-perspective: 1600px;
          perspective: 1600px;
  max-width: 680px;
}
.c-slideshow__cartouche-txt {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-ready .c-slideshow__cartouche-txt {
  opacity: 1;
  -webkit-transition: opacity 0s 0s;
  transition: opacity 0s 0s;
}
.c-slideshow__cartouche-container {
  opacity: 0;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: rotateX(80deg) translateY(40px) translateZ(0);
          transform: rotateX(80deg) translateY(40px) translateZ(0);
  -webkit-transition: opacity 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-ready .c-slideshow__cartouche-container {
  opacity: 1;
  -webkit-transform: rotateX(0) translateY(0) translateZ(0);
          transform: rotateX(0) translateY(0) translateZ(0);
  -webkit-transition: opacity 1s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing {
  z-index: 100;
  visibility: hidden;
  -webkit-transition: visibility 0s 1s;
  transition: visibility 0s 1s;
}
.c-thing.is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.c-thing__content {
  z-index: 0;
}
.c-thing__content:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
  -webkit-transition: -webkit-transform 0.6s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.6s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing.is-active .c-thing__content:before {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing__content-mobile {
  z-index: 999;
  display: none;
  background: rgba(255,255,255,0.95);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s 1s, opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: visibility 0s 1s, opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-thing__content-mobile.is-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s 0s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: visibility 0s 0s, opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (max-width: 770px) {
  .c-thing__content-mobile {
    display: block;
  }
}
.c-thing__content-bottom-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.c-thing__content-bottom-left:before {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.c-thing__content-top-left {
  -webkit-transform: translateX(-100%) translateY(-100%);
          transform: translateX(-100%) translateY(-100%);
}
.c-thing__content-top-left:before {
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.c-thing__content-top-right {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.c-thing__content-top-right:before {
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.c-thing__label-bottom-left,
.c-thing__label-top-left {
  left: 0;
  margin-left: -25px;
  -webkit-transform: translateX(-100%) translateZ(0);
          transform: translateX(-100%) translateZ(0);
}
.c-thing__label-top-right,
.c-thing__label-bottom-right {
  left: 30px;
}
.c-thing__line:nth-child(1) {
  -webkit-transition: -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing__line:nth-child(2) {
  -webkit-transition: -webkit-transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing__content-bottom-right .c-thing__line:nth-child(1),
.c-thing__content-bottom-left .c-thing__line:nth-child(1) {
  -webkit-transition: -webkit-transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing__content-bottom-right .c-thing__line:nth-child(2),
.c-thing__content-bottom-left .c-thing__line:nth-child(2) {
  -webkit-transition: -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing.is-active .c-thing__line:nth-child(1) {
  -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing.is-active .c-thing__line:nth-child(2) {
  -webkit-transition: -webkit-transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing.is-active .c-thing__content-bottom-right .c-thing__line:nth-child(1),
.c-thing.is-active .c-thing__content-bottom-left .c-thing__line:nth-child(1) {
  -webkit-transition: -webkit-transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing.is-active .c-thing__content-bottom-right .c-thing__line:nth-child(2),
.c-thing.is-active .c-thing__content-bottom-left .c-thing__line:nth-child(2) {
  -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing__txt:before,
.c-thing__txt:after {
  position: absolute;
  content: attr(data-content);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  top: 0;
  left: 0;
}
.c-thing__txt:before {
  color: #fff;
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-thing__txt:after {
  -webkit-transition: opacity 0.45s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #1f56fb;
  opacity: 0;
}
.c-thing.is-active .c-thing__txt:before {
  opacity: 0;
  -webkit-transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-thing.is-active .c-thing__txt:after {
  opacity: 1;
  -webkit-transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-thing__desc {
  opacity: 0;
  -webkit-transform: translateY(50px) translateZ(0);
          transform: translateY(50px) translateZ(0);
  -webkit-transition: opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing__content-bottom-right .c-thing__desc,
.c-thing__content-bottom-left .c-thing__desc {
  -webkit-transform: translateY(-50px) translateZ(0);
          transform: translateY(-50px) translateZ(0);
}
.c-thing__content-top-right .c-thing__desc,
.c-thing__content-top-left .c-thing__desc {
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing.is-active .c-thing__desc {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing__header {
  opacity: 0;
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-thing.is-visible .c-thing__header {
  opacity: 1;
}
.c-thing__btn {
  width: 36px;
  height: 36px;
  z-index: 3;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0.5s;
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0.5s;
}
.c-thing.is-visible .c-thing__btn {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0s;
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0s 0s;
}
.c-thing__btn-base {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing__btn:hover .c-thing__btn-base,
.c-thing.is-active .c-thing__btn-base {
  opacity: 0;
}
.c-thing__btn-hover {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing__btn:hover .c-thing__btn-hover,
.c-thing.is-active .c-thing__btn-hover {
  opacity: 1;
}
.c-thing__btn-ico {
  -webkit-transform: rotate(0) translateZ(0);
          transform: rotate(0) translateZ(0);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-thing.is-active .c-thing__btn-ico {
  -webkit-transform: rotate(135deg) translateZ(0);
          transform: rotate(135deg) translateZ(0);
}
.c-turn-device {
  z-index: 9999;
  display: none;
}
@media screen and (max-device-width: 770px) and (orientation: portrait) {
  .c-turn-device {
    display: block;
  }
}
.o-box--16by9,
.o-box--1by1 {
  position: relative;
}
.o-box--16by9:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-bottom: 56.25%;
}
.o-box--1by1:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 100%;
}
.o-wrapper--valign {
  position: relative;
}
.o-wrapper--panel {
  position: absolute;
  top: 0;
  left: 0;
}
.o-wrapper--valign:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.c-fade-out {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-loading .c-fade-out {
  opacity: 0;
}
.c-background-touch {
  background-image: url("./assets/medias/images/grid.png");
  background-repeat: repeat;
  background-color: #0e0e0f;
}
.c-home {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-experience .c-home {
  opacity: 0;
  -webkit-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-home-ready .c-home {
  opacity: 1;
  -webkit-transition: opacity 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.u-w1of2 {
  width: 50%;
}
.u-h1of4 {
  height: 25%;
}
.u-w2of8 {
  width: 25%;
}
.u-w4of9 {
  width: 44.44444444444444%;
}
.u-pad-x-w1of10 {
  padding-left: 10%;
  padding-right: 10%;
}
.u-marg-b-vh1of10 {
  margin-bottom: 10vh;
}
.u-marg-x-w1of10 {
  margin-left: 10%;
  margin-right: 10%;
}
.u-marg-l-w2of10 {
  margin-left: 20%;
}
.u-marg-t-vh2of10 {
  margin-top: 20vh;
}
.u-pad-t-vh3of10 {
  padding-top: 30vh;
}
.u-w4of10 {
  width: 40%;
}
.u-w6of10 {
  width: 60%;
}
.u-w7of10 {
  width: 70%;
}
.u-vh8of10 {
  height: 80vh;
}
.u-h8of10 {
  height: 80%;
}
.u-pad-x-w1of11 {
  padding-left: 9.090909090909092%;
  padding-right: 9.090909090909092%;
}
.u-w5of11 {
  width: 45.45454545454546%;
}
.u-pad-x-w1of12 {
  padding-left: 8.333333333333334%;
  padding-right: 8.333333333333334%;
}
.u-w2of14 {
  width: 14.285714285714286%;
}
.u-marg-l-w2of14 {
  margin-left: 14.285714285714286%;
}
.u-w10of14 {
  width: 71.42857142857143%;
}
.u-w12of14 {
  width: 85.71428571428572%;
}
.u-marg-l-w1of16 {
  margin-left: 6.25%;
}
.u-marg-r-w1of16 {
  margin-right: 6.25%;
}
.u-w6of16 {
  width: 37.5%;
}
.u-w14of16 {
  width: 87.5%;
}
.u-marg-t-vh4of18 {
  margin-top: 22.22222222222222vh;
}
.u-h10of18 {
  height: 55.55555555555556%;
}
.u-vh12of18 {
  height: 66.66666666666666vh;
}
.u-w11of27 {
  width: 40.74074074074074%;
}
.u-w16of27 {
  width: 59.25925925925926%;
}
.u-marg-l-w1of29 {
  margin-left: 3.448275862068965%;
}
.u-pad-x-w1of29 {
  padding-left: 3.448275862068965%;
  padding-right: 3.448275862068965%;
}
.u-w2of29 {
  width: 6.896551724137931%;
}
.u-pad-x-w3of29 {
  padding-left: 10.344827586206897%;
  padding-right: 10.344827586206897%;
}
.u-w12of29 {
  width: 41.37931034482759%;
}
@media screen and (min-width: 1600px) {
  .u-w11of27\@xxl {
    width: 40.74074074074074%;
  }
}
@media screen and (min-width: 1400px) {
  .u-w11of27\@xl {
    width: 40.74074074074074%;
  }
}
@media screen and (max-width: 1280px) {
  .u-w11of27\@lg {
    width: 40.74074074074074%;
  }
}
@media screen and (max-width: 1024px) {
  .u-w3of4\@md {
    width: 75%;
  }
  .u-w10of10\@md {
    width: 100%;
  }
  .u-w11of27\@md {
    width: 40.74074074074074%;
  }
  .u-w14of29\@md {
    width: 48.275862068965516%;
  }
}
@media screen and (max-width: 770px) {
  .u-marg-l-w1of16\@sm {
    margin-left: 6.25%;
  }
  .u-pad-l-w2of16\@sm {
    padding-left: 12.5%;
  }
  .u-w7of16\@sm {
    width: 43.75%;
  }
  .u-w9of16\@sm {
    width: 56.25%;
  }
  .u-w11of27\@sm {
    width: 40.74074074074074%;
  }
  .u-w27of27\@sm {
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .u-w11of27\@xs {
    width: 40.74074074074074%;
  }
}
.u-force-3d {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.u-hide {
  display: none;
}
.u-transparent {
  color: transparent;
}
.u-pos-b {
  bottom: 0;
}
.u-align-center {
  text-align: center;
}
@media screen and (max-width: 770px) {
  .u-align-center\@sm {
    text-align: center;
  }
}
.u-align-left {
  text-align: left;
}
.u-valign-top {
  vertical-align: top;
}
.u-valign-bottom {
  vertical-align: bottom;
}
.u-valign-middle {
  vertical-align: middle;
}
.u-uppercase {
  text-transform: uppercase;
}
.u-inline-block {
  display: inline-block;
}
.u-block {
  display: block;
}
.u-overflow-h {
  overflow: hidden;
}
.u-overflow-s {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.u-hide {
  display: none;
}
@media screen and (max-width: 770px) {
  .u-hide\@sm {
    display: none;
  }
}
.u-fit {
  width: 100%;
  height: 100%;
}
.u-fit-w {
  width: 100%;
}
.u-fit-h {
  height: 100%;
}
.u-viewport-fit {
  width: 100vw;
  height: 100vh;
}
.u-viewport-fit-h {
  height: 100vh;
}
.u-absolute {
  position: absolute;
}
.u-fixed {
  position: fixed;
  will-change: transform;
}
.u-relative {
  position: relative;
}
.u-rtl {
  direction: rtl;
}
.u-ltr {
  direction: ltr;
}
.u-pos-tl {
  top: 0;
  left: 0;
}
.u-pos-y-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.u-pos-x-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.u-pos-r {
  right: 0;
}
.u-pos-t {
  top: 0;
}
.u-pos-tr {
  top: 0;
  right: 0;
}
.u-pos-bl {
  bottom: 0;
  left: 0;
}
.u-pos-br {
  bottom: 0;
  right: 0;
}
.u-pos-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.u-cursor-grab.is-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
@media screen and (min-width: 1600px) {
  .u-cursor-grab\@xxl.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (min-width: 1400px) {
  .u-cursor-grab\@xl.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 1280px) {
  .u-cursor-grab\@lg.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 1024px) {
  .u-cursor-grab\@md.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 770px) {
  .u-cursor-grab\@sm.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 360px) {
  .u-cursor-grab\@xs.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
.u-cursor-pointer {
  cursor: pointer;
}
.u-shape-circle {
  border-radius: 50%;
}
.u-pointer-none {
  pointer-events: none;
}
.u-color--black {
  color: #000;
}
.u-color--white {
  color: #fff;
}
.u-color--alpha-white {
  color: rgba(255,255,255,0.5);
}
.u-color--pseudo-white {
  color: rgba(255,255,255,0.8);
}
.u-color--brand-blue {
  color: #1f56fb;
}
.u-color--brand-purple {
  color: #9cb0e3;
}
.u-color--brand-purple-alpha {
  color: rgba(133,139,165,0.5);
}
.u-color--brand-purple-dark {
  color: #5c6071;
}
.u-bg--white {
  background-color: #fff;
}
.u-bg--brand-blue {
  background-color: #1f56fb;
}
.u-bg--brand-dark {
  background-color: #0e0e0f;
}
.u-fill--white {
  fill: #fff;
}
.u-fill--alpha-white {
  fill: rgba(255,255,255,0.5);
}
.u-fill--brand-blue {
  fill: #1f56fb;
}
.u-marg-r-xxs {
  margin-right: 5px;
}
.u-marg-b-xxs {
  margin-bottom: 5px;
}
.u-marg-r-xs {
  margin-right: 10px;
}
.u-marg-b-xs {
  margin-bottom: 10px;
}
.u-marg-r-sm {
  margin-right: 20px;
}
.u-marg-b-sm {
  margin-bottom: 20px;
}
.u-marg-t-md {
  margin-top: 30px;
}
.u-marg-r-md {
  margin-right: 30px;
}
.u-marg-b-md {
  margin-bottom: 30px;
}
.u-marg-l-md {
  margin-left: 30px;
}
.u-marg-t-lg {
  margin-top: 45px;
}
.u-marg-r-lg {
  margin-right: 45px;
}
.u-marg-b-lg {
  margin-bottom: 45px;
}
.u-marg-r-xl {
  margin-right: 70px;
}
.u-marg-b-xl {
  margin-bottom: 70px;
}
.u-marg-l-xl {
  margin-left: 70px;
}
.u-marg-b-xxl {
  margin-bottom: 90px;
}
@media screen and (max-width: 1024px) {
  .u-marg-l-0\@md {
    margin-left: 0;
  }
  .u-marg-b-md\@md {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 770px) {
  .u-marg-r-0\@sm {
    margin-right: 0;
  }
  .u-marg-t-sm\@sm {
    margin-top: 20px;
  }
  .u-marg-b-sm\@sm {
    margin-bottom: 20px;
  }
  .u-marg-t-md\@sm {
    margin-top: 30px;
  }
  .u-marg-r-md\@sm {
    margin-right: 30px;
  }
  .u-marg-b-md\@sm {
    margin-bottom: 30px;
  }
}
.u-pad-t-sm {
  padding-top: 15px;
}
.u-pad-l-sm {
  padding-left: 15px;
}
.u-pad-y-sm {
  padding-top: 15px;
  padding-bottom: 15px;
}
.u-pad-t-md {
  padding-top: 30px;
}
.u-pad-x-md {
  padding-right: 30px;
  padding-left: 30px;
}
.u-pad-y-md {
  padding-top: 30px;
  padding-bottom: 30px;
}
.u-pad-b-lg {
  padding-bottom: 45px;
}
.u-pad-y-lg {
  padding-top: 45px;
  padding-bottom: 45px;
}
.u-pad-a-xl {
  padding: 60px;
}
.u-pad-t-xl {
  padding-top: 60px;
}
.u-pad-x-xl {
  padding-right: 60px;
  padding-left: 60px;
}
.u-pad-y-xl {
  padding-top: 60px;
  padding-bottom: 60px;
}
.u-pad-t-xxl {
  padding-top: 90px;
}
.u-pad-x-xxl {
  padding-right: 90px;
  padding-left: 90px;
}
.u-pad-y-xxl {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 1024px) {
  .u-pad-x-md\@md {
    padding-right: 30px;
    padding-left: 30px;
  }
  .u-pad-y-lg\@md {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 770px) {
  .u-pad-x-md\@sm {
    padding-right: 30px;
    padding-left: 30px;
  }
}
