/*!Theme Name: Ulma
	Theme URL: https://www.ulmahandling.com
	Description: Theme for Ulma
	Author: ADI Revolution + BeNorth
	Author URI: https://adi-revolution.com
	Version: 1.0
*/
/*Icons*/
@font-face {
  font-family: "la-brands-400";
  src: url("fonts/la-brands-400.woff2") format("woff2"), url("fonts/la-brands-400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "la-solid-900";
  src: url("fonts/la-solid-900.woff2") format("woff2"), url("fonts/la-solid-900.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*Aileron*/
@font-face {
  font-family: "Aileron";
  src: url("fonts/Aileron-Light.woff2") format("woff2"), url("fonts/Aileron-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("fonts/Aileron-Regular.woff2") format("woff2"), url("fonts/Aileron-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("fonts/Aileron-SemiBold.woff2") format("woff2"), url("fonts/Aileron-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("fonts/Aileron-Bold.woff2") format("woff2"), url("fonts/Aileron-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Aileron";
  src: url("fonts/Aileron-Black.woff2") format("woff2"), url("fonts/Aileron-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* RESET */
/* ----------------------------------------- */
/**
 * Eric Meyer's Reset Stylesheet
 *
 * v2.0
 * 2011-01-26
 * Author: Eric Meyer - http://meyerweb.com/eric/tools/css/reset/
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

a {
  outline: none;
}

.mayus {
  text-transform: uppercase;
}

.fullwidth {
  width: 100%;
  float: left;
}

.boxsizing, .columns, .button, input[type=submit], button, .input, input[type=text], input[type=email], input[type=tel], textarea, .container, .box-sizing {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  width: 100%;
  max-width: 1620px;
  margin: 0 auto;
  padding: 0 20px;
}
.container:before {
  content: "";
  display: table;
  pointer-events: none;
}
.container:after {
  content: "";
  display: table;
  pointer-events: none;
  clear: both;
}

.clearer, .clear {
  clear: both;
}

table {
  width: 100%;
}

.myIframe {
  height: 0;
  position: relative;
  margin: 0 0 20px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.myIframe iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.input, input[type=text], input[type=email], input[type=tel], textarea {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button, input[type=submit], button {
  overflow: hidden;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

input[type=submit], button {
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.inline, .invisible {
  display: none;
}

.columns {
  width: 100%;
  float: left;
  padding: 0 20px;
}
.columns img {
  max-width: 100%;
  height: auto;
}
.columns.sans-padding, .columns.no-padding {
  padding: 0;
}

.sans-left, .no-left {
  padding: 0 40px 0 0;
}

.sans-right, .no-right {
  padding: 0 0 0 40px;
}

.large-1 {
  width: 8.33%;
}

.large-2 {
  width: 16.66%;
}

.large-3 {
  width: 25%;
}

.large-4 {
  width: 33.33%;
}

.large-5 {
  width: 41.66%;
}

.large-6 {
  width: 50%;
}

.large-7 {
  width: 58.33%;
}

.large-8 {
  width: 66.66%;
}

.large-9 {
  width: 75%;
}

.large-10 {
  width: 83.33%;
}

.large-11 {
  width: 91.66%;
}

.large-12 {
  width: 100%;
}

.large-pull-1 {
  position: relative;
  right: 8.33%;
}

.large-pull-2 {
  position: relative;
  right: 16.66%;
}

.large-pull-3 {
  position: relative;
  right: 25%;
}

.large-pull-4 {
  position: relative;
  right: 33.33%;
}

.large-pull-5 {
  position: relative;
  right: 41.66%;
}

.large-pull-6 {
  position: relative;
  right: 50%;
}

.large-pull-7 {
  position: relative;
  right: 58.33%;
}

.large-pull-8 {
  position: relative;
  right: 66.66%;
}

.large-pull-9 {
  position: relative;
  right: 75%;
}

.large-pull-10 {
  position: relative;
  right: 83.33%;
}

.large-pull-11 {
  position: relative;
  right: 91.66%;
}

.large-pull-12 {
  position: relative;
  right: 100%;
}

.large-push-1 {
  position: relative;
  left: 8.33%;
}

.large-push-2 {
  position: relative;
  left: 16.66%;
}

.large-push-3 {
  position: relative;
  left: 25%;
}

.large-push-4 {
  position: relative;
  left: 33.33%;
}

.large-push-5 {
  position: relative;
  left: 41.66%;
}

.large-push-6 {
  position: relative;
  left: 50%;
}

.large-push-7 {
  position: relative;
  left: 58.33%;
}

.large-push-8 {
  position: relative;
  left: 66.66%;
}

.large-push-9 {
  position: relative;
  left: 75%;
}

.large-push-10 {
  position: relative;
  left: 83.33%;
}

.large-push-11 {
  position: relative;
  left: 91.66%;
}

.large-push-12 {
  position: relative;
  left: 100%;
}

@media screen and (max-width: 1023px) {
  .large-pull-1 {
    right: auto;
  }
  .large-pull-2 {
    right: auto;
  }
  .large-pull-3 {
    right: auto;
  }
  .large-pull-4 {
    right: auto;
  }
  .large-pull-5 {
    right: auto;
  }
  .large-pull-6 {
    right: auto;
  }
  .large-pull-7 {
    right: auto;
  }
  .large-pull-8 {
    right: auto;
  }
  .large-pull-9 {
    right: auto;
  }
  .large-pull-10 {
    right: auto;
  }
  .large-pull-11 {
    right: auto;
  }
  .large-pull-12 {
    right: auto;
  }
  .large-push-1 {
    left: auto;
  }
  .large-push-2 {
    left: auto;
  }
  .large-push-3 {
    left: auto;
  }
  .large-push-4 {
    left: auto;
  }
  .large-push-5 {
    left: auto;
  }
  .large-push-6 {
    left: auto;
  }
  .large-push-7 {
    left: auto;
  }
  .large-push-8 {
    left: auto;
  }
  .large-push-9 {
    left: auto;
  }
  .large-push-10 {
    left: auto;
  }
  .large-push-11 {
    left: auto;
  }
  .large-push-12 {
    left: auto;
  }
  .medium-1 {
    width: 8.33%;
  }
  .medium-2 {
    width: 16.66%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33%;
  }
  .medium-5 {
    width: 41.66%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33%;
  }
  .medium-8 {
    width: 66.66%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33%;
  }
  .medium-11 {
    width: 91.66%;
  }
  .medium-12 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .small-1 {
    width: 8.33%;
  }
  .small-2 {
    width: 16.66%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33%;
  }
  .small-5 {
    width: 41.66%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33%;
  }
  .small-8 {
    width: 66.66%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33%;
  }
  .small-11 {
    width: 91.66%;
  }
  .small-12 {
    width: 100%;
  }
  .container {
    padding: 0 26px;
  }
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
  opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
  color: white;
  opacity: 1;
}

:-ms-input-placeholder { /* IE 10+ */
  color: white;
  opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
  color: white;
  opacity: 1;
}

*::-moz-selection {
  background-color: #E70E2D;
  color: white;
}

*::selection {
  background-color: #E70E2D;
  color: white;
}

/*html, body {
	overflow-x: hidden;
}*/
body {
  position: relative;
  background-color: #110101;
  font-family: "Aileron", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: clamp(12px, 0.8vw, 16px); /*clamp(min, val, max);*/
  font-weight: normal;
  color: white;
}
@media screen and (min-width: 1921px) {
  body {
    font-size: 16px;
  }
}
@media screen and (max-width: 1300px) {
  body {
    font-size: 11px;
  }
}

.columns {
  padding: 0 0.5em;
}
@media screen and (max-width: 1300px) {
  .columns {
    padding: 0 9px;
  }
}

.container {
  max-width: 103.5em; /*max-width: 1656px;*/
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
  .container {
    max-width: 96%;
    max-width: 1248px;
    padding: 0 12px;
  }
}
@media screen and (max-width: 1260px) {
  .container {
    max-width: 96%;
    max-width: 1228px;
    padding: 0 12px;
  }
}
@media screen and (max-width: 1240px) {
  .container {
    max-width: 96%;
    max-width: 1188px;
    padding: 0 12px;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    max-width: 98%;
    max-width: 1148px;
    padding: 0 12px;
  }
}
@media screen and (max-width: 1160px) {
  .container {
    max-width: 98%;
    max-width: 1100px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1140px) {
  .container {
    max-width: 98%;
    max-width: 1088px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1100px) {
  .container {
    max-width: 98%;
    max-width: 1048px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1060px) {
  .container {
    max-width: 98%;
    max-width: 1024px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1023px) {
  .container {
    max-width: 100%;
    padding: 0 5px;
  }
}
.container:before, .container:after {
  content: none;
}

.center {
  text-align: center;
}

strong, b {
  font-weight: bold;
}

a {
  text-decoration: none;
  color: #E70E2D;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

h1, h2, h3, h4, h5 {
  font-weight: 400;
}

sup {
  position: relative;
  top: -0.5em;
  font-size: 0.6em;
}

#detach-button-host {
  display: none;
}

body.no-scroll {
  overflow: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
body.no-scroll #header, body.no-scroll #section-nav {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/*Header*/
#header {
  width: 100%;
  height: 5.625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  z-index: 3;
  margin: 0;
  border-bottom: thin solid black;
  background-color: white;
  color: black;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-animation: slideDown 1.2s ease-in-out forwards;
          animation: slideDown 1.2s ease-in-out forwards;
  /*-moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;*/
  will-change: transform;
}
@media screen and (max-width: 1023px) {
  #header {
    height: auto;
  }
}
#header.active #burger .line:first-child {
  top: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#header.active #burger .line:nth-child(2) {
  opacity: 0;
}
#header.active #burger .line:last-child {
  bottom: 7px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#header.active #dropdown-burger {
  opacity: 1;
  visibility: visible;
  pointer-events: inherit;
}
#header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#header .logo-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.2125em;
}
#header #logo {
  max-width: 8.4025em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1300px) {
  #header #logo {
    max-width: 8em;
  }
}
@media screen and (max-width: 767px) {
  #header #logo {
    max-width: 8.5em;
  }
}
#header #logo svg, #header #logo img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}
#header .top {
  width: 100%;
}
#header .bottom {
  width: 100%;
  max-width: 38.5625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 1.1875em 0 0.9375em;
}
@media screen and (max-width: 1300px) {
  #header .bottom {
    max-width: 36em;
  }
}
@media screen and (max-width: 1023px) {
  #header .bottom {
    max-width: 34em;
  }
}
@media screen and (max-width: 767px) {
  #header .bottom {
    max-width: 29em;
  }
}
#header .bottom:before {
  content: "";
  width: 100%;
  height: 0.125em;
  min-height: 1px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+50,000000+100 */
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(50%, #000000), to(#000000));
  background: linear-gradient(to right, #ffffff 0%, #000000 50%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media screen and (max-width: 767px) {
  #header .bottom:before {
    width: auto;
    left: -1.5em;
  }
}
#header .slogan {
  display: inline-block;
  margin: 0;
  font-size: 1.25em;
  line-height: 100%;
  text-transform: uppercase;
  color: black;
}
@media screen and (max-width: 1023px) {
  #header .slogan {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  #header .slogan {
    font-size: 1em;
  }
}
#header .slogan strong {
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  #header .slogan .web {
    display: none;
  }
}
#header #burger {
  width: 27px;
  height: 16px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 2;
  margin: 0 0 0 4.125em;
  cursor: pointer;
}
@media screen and (max-width: 1300px) {
  #header #burger {
    margin-left: 4em;
  }
}
@media screen and (max-width: 1023px) {
  #header #burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 3.25em;
  }
}
@media screen and (max-width: 767px) {
  #header #burger {
    margin-left: 1.5em;
  }
}
#header #burger .line {
  width: 100%;
  height: 2px;
  display: block;
  position: relative;
  background-color: black;
}
#header .language-switchers {
  height: 1.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.666em 0 0.75em auto;
  font-size: 0.75em;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  #header .language-switchers {
    font-size: 0.875em;
  }
}
#header .language-switchers li {
  margin-left: 0.25em;
}
@media screen and (max-width: 767px) {
  #header .language-switchers li {
    margin-left: 0.375em;
  }
}
#header .language-switchers li.active {
  font-weight: 900;
}
#header .language-switchers a {
  color: black;
}

@-webkit-keyframes slideDown {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideDown {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*#dropdown-burger*/
#dropdown-burger {
  width: 17.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 2;
  margin-top: 1px;
  padding: 1.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #110101;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #dropdown-burger {
    width: 16em;
    right: -15px;
    margin-top: 0;
    padding: 1.375em 15px;
  }
}
@media screen and (max-width: 767px) {
  #dropdown-burger {
    width: 100vw;
  }
}
#dropdown-burger > ul {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#dropdown-burger > ul > li {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: thin solid rgba(255, 255, 255, 0.25);
}
#dropdown-burger > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#dropdown-burger > ul > li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 120%;
  text-transform: uppercase;
  color: white;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#dropdown-burger > ul > li a .prelabel {
  font-size: 0.75em;
  opacity: 0.5;
}
#dropdown-burger > ul > li a .label {
  font-size: 0.875em;
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

/*#content*/
#main {
  width: 100%;
  overflow-x: hidden;
}
@media screen and (max-width: 1023px) {
  #main {
    overflow: unset;
  }
}

#bg-swiper {
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 1023px) {
  #bg-swiper {
    pointer-events: none;
  }
}
#bg-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}
#bg-swiper #bg-1 {
  background-color: #110101;
  overflow: hidden;
}
#bg-swiper #bg-1:before {
  content: "";
  width: 110vw;
  height: 100vh;
  height: 100svh;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9d081d+0,110101+60 */
  background: radial-gradient(ellipse at center, #9d081d 0%, #110101 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media screen and (max-width: 767px) {
  #bg-swiper #bg-1:before {
    width: 120em;
    height: 60em;
  }
}
#bg-swiper #bg-2, #bg-swiper #bg-3 {
  position: relative;
  background-color: white;
  overflow: hidden;
}
#bg-swiper #bg-2 picture, #bg-swiper #bg-3 picture {
  width: 87.083%;
  max-width: 104.5em;
  display: block;
  position: absolute;
  top: 50%;
  right: 1.6875em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  #bg-swiper #bg-2 picture, #bg-swiper #bg-3 picture {
    width: 96%;
    top: auto;
    right: 0;
    bottom: 4.5em;
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (max-width: 767px) {
  #bg-swiper #bg-2 picture, #bg-swiper #bg-3 picture {
    width: 100%;
    bottom: 2.5em;
  }
}
#bg-swiper #bg-2 picture img, #bg-swiper #bg-3 picture img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}
#bg-swiper #bg-4 {
  position: relative;
  background-color: white;
  overflow: hidden;
}
#bg-swiper #bg-4 video {
  width: 87%;
  max-width: 104.5em;
  display: block;
  position: absolute;
  top: 50%;
  right: -2em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  #bg-swiper #bg-4 video {
    width: 96%;
    top: auto;
    right: -2em;
    bottom: 1.5em;
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (max-width: 767px) {
  #bg-swiper #bg-4 video {
    width: 120%;
    right: -3.5em;
    bottom: 2em;
  }
}
#bg-swiper #bg-4 picture {
  width: 87%;
  max-width: 104.5em;
  display: block;
  position: absolute;
  top: 50%;
  right: -2em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  #bg-swiper #bg-4 picture {
    width: 96%;
    top: auto;
    right: -2em;
    bottom: 1.5em;
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (max-width: 767px) {
  #bg-swiper #bg-4 picture {
    width: 120%;
    right: -3.5em;
    bottom: 2em;
  }
}
#bg-swiper #bg-4 picture img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}
#bg-swiper #bg-5 {
  background-color: #E70E2D;
}
#bg-swiper #bg-6 {
  background-color: white;
}
#bg-swiper #bg-5, #bg-swiper #bg-6, #bg-swiper #bg-7 {
  position: relative;
  overflow: hidden;
}
#bg-swiper #bg-5 picture, #bg-swiper #bg-6 picture, #bg-swiper #bg-7 picture {
  width: 87.083%;
  max-width: 104.5em;
  display: block;
  position: absolute;
  top: 50%;
  right: 1.8125em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  #bg-swiper #bg-5 picture, #bg-swiper #bg-6 picture, #bg-swiper #bg-7 picture {
    width: 96%;
    top: auto;
    right: 0;
    bottom: 4.5em;
    -webkit-transform: none;
            transform: none;
  }
}
@media screen and (max-width: 767px) {
  #bg-swiper #bg-5 picture, #bg-swiper #bg-6 picture, #bg-swiper #bg-7 picture {
    width: 100%;
    bottom: 2.5em;
  }
}
#bg-swiper #bg-5 picture img, #bg-swiper #bg-6 picture img, #bg-swiper #bg-7 picture img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}
#bg-swiper #bg-7 {
  background-color: #110101;
  overflow: hidden;
}
#bg-swiper #bg-7:before {
  content: "";
  width: 110vw;
  height: 100vh;
  height: 100svh;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9d081d+0,110101+60 */
  background: radial-gradient(ellipse at center, #9d081d 0%, #110101 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#sections .track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 1023px) {
  #sections .track {
    width: 100%;
    display: block;
  }
}

.sections .section {
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .sections .section {
    width: 100%;
    height: auto;
  }
}

.sections-0-1-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .sections-0-1-wrapper {
    width: 100%;
    display: block;
    overflow: unset;
  }
}
.sections-0-1-wrapper.finished {
  -webkit-transform: none !important;
          transform: none !important;
}
.sections-0-1-wrapper .bg {
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  margin-right: -100vw;
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: filter 300ms ease-in-out;
  -webkit-transition: -webkit-filter 300ms ease-in-out;
  transition: -webkit-filter 300ms ease-in-out;
  transition: filter 300ms ease-in-out;
  transition: filter 300ms ease-in-out, -webkit-filter 300ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  .sections-0-1-wrapper .bg {
    margin: 0 0 -100vh;
    margin: 0 0 -100svh;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  }
}
.sections-0-1-wrapper .bg.active {
  -webkit-filter: blur(20px);
          filter: blur(20px);
}
@media screen and (max-width: 1023px) {
  .sections-0-1-wrapper .bg.inactive {
    opacity: 0;
    visibility: hidden;
  }
}
.sections-0-1-wrapper .bg video, .sections-0-1-wrapper .bg picture, .sections-0-1-wrapper .bg img {
  width: 100%;
  max-width: none;
  height: 100%;
}
.sections-0-1-wrapper .bg picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sections-0-1-wrapper .bg video, .sections-0-1-wrapper .bg img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

#stage_0 {
  width: 100vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
}
@media screen and (max-width: 1023px) {
  #stage_0 {
    min-height: 100vh;
    min-height: 100svh;
  }
}
#stage_0 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 22.92vh;
  margin-bottom: 22.92svh;
}
@media screen and (max-width: 767px) {
  #stage_0 .container {
    margin-top: 10em;
    margin-bottom: 6em;
  }
}
#stage_0 .caption {
  position: relative;
  margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
  #stage_0 .caption {
    margin-bottom: 1.75em;
  }
}
#stage_0 .caption .embed-wrapper {
  width: 38.35%;
  max-width: 39.3125em;
  height: 22.125em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0.5em;
  bottom: 6.5em;
  border-radius: 3.375em;
  overflow: hidden;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1300px) {
  #stage_0 .caption .embed-wrapper {
    max-width: 37.5em;
    height: 20em;
    right: 9px;
  }
}
@media screen and (max-width: 1023px) {
  #stage_0 .caption .embed-wrapper {
    max-width: 32.5em;
    height: 17.5em;
  }
}
@media screen and (max-width: 767px) {
  #stage_0 .caption .embed-wrapper {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    right: 0;
    bottom: 0;
    margin-bottom: 1.75em;
    border-radius: 1em;
    aspect-ratio: 16/9;
  }
}
#stage_0 .caption .embed-wrapper.active {
  /*width: 100vw;
  max-width: 100vw;
  height: 100vh; height: 100svh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;*/
  max-width: 100vw;
  height: 100svh !important;
  right: 0;
  z-index: 3;
  border-radius: 0;
}
#stage_0 .caption .embed-wrapper.active .play {
  opacity: 0;
}
#stage_0 .caption .embed-wrapper.active .close {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #stage_0 .caption .embed-wrapper:not(.active) {
    position: relative !important;
  }
}
#stage_0 .caption .embed-wrapper:hover .play .circle-fill, #stage_0 .caption .embed-wrapper:hover .play .triangle-fill-inner {
  opacity: 1;
}
#stage_0 .caption .embed-wrapper:hover .play {
  /*.hover_hidden {
  	opacity: 0;
  }*/
}
#stage_0 .caption .embed-wrapper {
  /*&:before {
  	content:"";
  	width: auto;
  	height: auto;
  	display: block;
  	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	z-index: 1;
  	opacity: 0;
  }*/
}
#stage_0 .caption .embed-wrapper .play {
  width: 5em;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  fill: white;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1300px) {
  #stage_0 .caption .embed-wrapper .play {
    width: 4.5em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_0 .caption .embed-wrapper .play {
    width: 4em;
  }
}
@media screen and (max-width: 767px) {
  #stage_0 .caption .embed-wrapper .play {
    width: 4.5em;
  }
}
#stage_0 .caption .embed-wrapper .play .circle-fill {
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#stage_0 .caption .embed-wrapper .play .triangle-fill {
  opacity: 0;
}
#stage_0 .caption .embed-wrapper .play .triangle-fill-inner {
  fill: black;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#stage_0 .caption .embed-wrapper .close {
  width: 2.5em;
  height: auto;
  display: block;
  position: absolute;
  top: 3em;
  right: 2em;
  z-index: 1;
  stroke: white;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1300px) {
  #stage_0 .caption .embed-wrapper .close {
    top: 2.75em;
    right: 1em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_0 .caption .embed-wrapper .close {
    width: 2.25em;
  }
}
@media screen and (max-width: 767px) {
  #stage_0 .caption .embed-wrapper .close {
    width: 1.5em;
    top: 1.75em;
    right: 0;
  }
}
#stage_0 .caption .embed-wrapper picture {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
}
#stage_0 .caption .embed-wrapper picture img {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
#stage_0 .caption .embed-wrapper #player {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
#stage_0 .title-2 {
  background: transparent;
}
#stage_0 .title-2 b, #stage_0 .title-2 strong {
  display: inline-block;
  mix-blend-mode: difference;
}
#stage_0 .txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
#stage_0 .txt p {
  max-width: 20.833em;
  display: inline-block;
  font-size: 1.5em;
  line-height: 108.33%;
}
@media screen and (max-width: 1300px) {
  #stage_0 .txt p {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_0 .txt p {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  #stage_0 .txt p {
    max-width: 27.833em;
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  #stage_0 .cta-wrapper {
    margin-top: 2.5em;
  }
}

#stage_1 {
  width: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  #stage_1 {
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8.5em 0 4.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#stage_1.finished {
  -webkit-transform: none !important;
          transform: none !important;
}
#stage_1 .caption {
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1023px) {
  #stage_1 .caption {
    height: auto;
    padding: 0 0 4.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#stage_1 .caption .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  #stage_1 .caption .container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#stage_1 .caption .container p {
  max-width: 20.833em;
  display: inline-block;
  font-size: 1.5em;
  line-height: 108.33%;
}
@media screen and (max-width: 1300px) {
  #stage_1 .caption .container p {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_1 .caption .container p {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  #stage_1 .caption .container p {
    max-width: 27.833em;
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  #stage_1 .caption .txt {
    margin-top: 1.5em;
  }
}
#stage_1 .items {
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-right: 10.25em;
}
@media screen and (max-width: 1023px) {
  #stage_1 .items {
    width: 100%;
    min-width: 0;
    height: auto;
    margin-right: 0;
    margin-bottom: 4.5em;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#stage_1 .items .container {
  max-width: none;
  height: 60vh;
  height: 60svh;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
@media screen and (max-width: 1023px) {
  #stage_1 .items .container {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#stage_1 .items .container .columns {
  width: 25.875em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 9.625em 0 0;
}
@media screen and (max-width: 1023px) {
  #stage_1 .items .container .columns {
    width: 33.33%;
    margin: 0 0 1.25em;
    padding: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  #stage_1 .items .container .columns {
    width: 50%;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    margin-bottom: 0.95em;
  }
}
#stage_1 .items .container .columns:nth-child(even) {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 0 0 9.625em;
}
@media screen and (max-width: 1023px) {
  #stage_1 .items .container .columns:nth-child(even) {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    margin: 0 0 1.25em;
  }
}
@media screen and (max-width: 767px) {
  #stage_1 .items .container .columns:nth-child(even) {
    margin-bottom: 0.95em;
  }
}
#stage_1 .inner {
  width: 100%;
  min-height: 8.125em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.6875em 1.5625em 2.1875em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2.375em;
  box-sizing: border-box;
  background-color: rgba(200, 200, 200, 0.2);
  backdrop-filter: blur(20px);
}
@media screen and (max-width: 767px) {
  #stage_1 .inner {
    min-height: 7em;
    padding: 1.5em 1.5em 1.875em;
    border-radius: 1.25em;
  }
}
#stage_1 .inner .numero {
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: -0.01em;
  color: #E70E2D;
}
@media screen and (max-width: 767px) {
  #stage_1 .inner .numero {
    font-size: 0.875em;
  }
}
#stage_1 .inner .pregunta {
  display: inline-block;
  margin: 0.25em 0 0;
  font-size: 1.25em;
  line-height: 120%;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1300px) {
  #stage_1 .inner .pregunta {
    font-size: 1.175em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_1 .inner .pregunta {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  #stage_1 .inner .pregunta {
    font-size: 1em;
  }
}

#stage_2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  #stage_2 {
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    padding: 8.5em 0 4.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#stage_2 .title-wrapper, #stage_2 .txt {
  opacity: 0;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#stage_2 .title-wrapper.active, #stage_2 .txt.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#stage_2 .wrapper {
  min-width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 200vw;
}
@media screen and (max-width: 1023px) {
  #stage_2 .wrapper {
    width: 100%;
    padding-right: 0;
  }
}
#stage_2 .wrapper.finished {
  -webkit-transform: none !important;
          transform: none !important;
}
#stage_2 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #stage_2 .container .txt {
    margin-top: 1.5em;
  }
}
#stage_2 .container .txt p {
  max-width: 20.833em;
  display: inline-block;
  font-size: 1.5em;
  line-height: 108.33%;
}
@media screen and (max-width: 1300px) {
  #stage_2 .container .txt p {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_2 .container .txt p {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  #stage_2 .container .txt p {
    max-width: 27.833em;
    font-size: 1.125em;
  }
}
#stage_2 .items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 3.875em;
}
@media screen and (max-width: 1023px) {
  #stage_2 .items {
    margin-top: 4.5em;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#stage_2 .items .item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 1em;
  opacity: 0;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #stage_2 .items .item {
    margin: 0 0 1.25em;
    padding: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  #stage_2 .items .item {
    margin-bottom: 0.95em;
  }
}
@media screen and (max-width: 454px) {
  #stage_2 .items .item {
    width: 100%;
  }
}
#stage_2 .items .item.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#stage_2 .items .inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.875em 1.875em 2.625em;
  border-radius: 1.25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(200, 200, 200, 0.2);
  backdrop-filter: blur(20px);
}
@media screen and (max-width: 1023px) {
  #stage_2 .items .inner {
    padding: 1.6875em 1.5625em 2.1875em;
  }
}
@media screen and (max-width: 767px) {
  #stage_2 .items .inner {
    padding: 1.5em 1.5em 1.875em;
  }
}
#stage_2 .items .inner.red {
  background-color: #E70E2D;
  backdrop-filter: none;
  padding-bottom: 2.5em;
}
@media screen and (max-width: 1023px) {
  #stage_2 .items .inner.red {
    padding-bottom: 2.1875em;
  }
}
@media screen and (max-width: 767px) {
  #stage_2 .items .inner.red {
    padding-bottom: 1.875em;
  }
}
#stage_2 .items .inner.red .left {
  max-width: 24.5em;
}
#stage_2 .items .inner.red .left svg {
  /*width: 3.3575em;*/
  width: 2em;
}
@media screen and (max-width: 1023px) {
  #stage_2 .items .inner.red .left svg {
    /*width: 2.375em;*/
    width: 1.875em;
  }
}
@media screen and (max-width: 767px) {
  #stage_2 .items .inner.red .left svg {
    /*width: 2.25em;*/
    width: 1.75em;
  }
}
#stage_2 .items .inner.red .left .title-8 {
  margin-top: 1em;
}
#stage_2 .items .inner .picto {
  width: auto;
  height: 9.25em;
  display: block;
  margin: 1.5em 1.625em 0;
}
@media screen and (max-width: 1023px) {
  #stage_2 .items .inner .picto {
    height: 7em;
    margin: auto 0.5em;
  }
}
@media screen and (max-width: 767px) {
  #stage_2 .items .inner .picto {
    height: 5em;
    margin: auto 0 0 0.5em;
  }
}
@media screen and (max-width: 600px) {
  #stage_2 .items .inner .picto {
    height: 4em;
    margin: auto 0 0 1em;
  }
}
#stage_2 .items .inner .left {
  max-width: 15.625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#stage_2 .items .inner .left svg {
  width: 1.875em;
  height: auto;
  display: block;
}
@media screen and (max-width: 1023px) {
  #stage_2 .items .inner .left svg {
    width: 1.675em;
  }
}
@media screen and (max-width: 767px) {
  #stage_2 .items .inner .left svg {
    width: 1.375em;
  }
}
#stage_2 .items .inner .left .title-8 {
  margin-top: 0.75em;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -0.01em;
}
#stage_2 .items .inner .left p:not(.title-8) {
  display: inline-block;
  margin: 0;
  font-size: 1.25em;
  line-height: 150%;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1300px) {
  #stage_2 .items .inner .left p:not(.title-8) {
    font-size: 1.175em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_2 .items .inner .left p:not(.title-8) {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  #stage_2 .items .inner .left p:not(.title-8) {
    font-size: 1em;
  }
}
#stage_2 .items .inner .cta-wrapper {
  width: 100%;
  margin-top: 1.5em;
  /*@media screen and (max-width: 767px) {
  	margin-top: 2.5em;
  }*/
}
#stage_2 .items .inner .cta {
  font-size: 1em;
}
@media screen and (max-width: 1023px) {
  #stage_2 .items .inner .cta {
    font-size: 0.875em;
  }
}

@media screen and (max-width: 1023px) {
  #stage_3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#stage_3.inactive .inner {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
#stage_3 .caption {
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1023px) {
  #stage_3 .caption {
    width: 100%;
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    position: relative;
    padding: 8.5em 0 4.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#stage_3 .caption.finished .elements-wrapper {
  -webkit-transform: none !important;
          transform: none !important;
}
#stage_3 .caption .elements-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#stage_3 .caption .elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#stage_3 .caption .elements.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#stage_3 .caption .title-7 {
  opacity: 0.5;
}
#stage_3 .caption .title-1 {
  margin-top: 0.15em;
}
#stage_3 .caption p:not(.title-7):not(.title-1) {
  max-width: 16.414em;
  display: inline-block;
  margin-top: 0.5em;
  font-size: 3.625em;
  font-weight: 300;
  line-height: 115.52%;
}
@media screen and (max-width: 1300px) {
  #stage_3 .caption p:not(.title-7):not(.title-1) {
    font-size: 3em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_3 .caption p:not(.title-7):not(.title-1) {
    max-width: 18.414em;
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  #stage_3 .caption p:not(.title-7):not(.title-1) {
    font-size: 1.675em;
  }
}
#stage_3 .caption .cta-wrapper {
  margin-top: 4em;
}
@media screen and (max-width: 1023px) {
  #stage_3 .caption .cta-wrapper {
    margin-top: 3em;
  }
}
@media screen and (max-width: 767px) {
  #stage_3 .caption .cta-wrapper {
    margin-top: 2.5em;
  }
}
#stage_3 .caption .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#stage_3 .caption .container .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#stage_3 .caption .container p {
  max-width: 20.833em;
  display: inline-block;
  font-size: 1.5em;
  line-height: 108.33%;
}
@media screen and (max-width: 1300px) {
  #stage_3 .caption .container p {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_3 .caption .container p {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  #stage_3 .caption .container p {
    font-size: 1.125em;
  }
}
#stage_3 .step {
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  #stage_3 .step {
    width: 100%;
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    padding: 8.5em 0 4.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#stage_3 .inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 17.548vh;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #stage_3 .inner {
    margin-top: 0;
  }
}
#stage_3 #stage_3_steps-swiper {
  height: auto;
  overflow-x: hidden;
}
#stage_3 #stage_3_steps-swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#stage_3 #stage_3_steps-swiper .swiper-slide .inside {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 4em;
  padding: 2.1875em 1.5em 2.3125em;
  border-radius: 1.875em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: black;
  color: white;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #stage_3 #stage_3_steps-swiper .swiper-slide .inside {
    padding: 1.875em 1.5em 2.1875em;
  }
}
@media screen and (max-width: 767px) {
  #stage_3 #stage_3_steps-swiper .swiper-slide .inside {
    padding: 1.675em 1.5em 1.875em;
    border-radius: 1.25em;
  }
}
#stage_3 #stage_3_steps-swiper .swiper-slide.swiper-slide-visible .inside {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#stage_3 #stage_3_steps-swiper .swiper-slide.slide-0 .inside {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
}
#stage_3 #stage_3_steps-swiper .swiper-slide.slide-0.swiper-slide-visible .inside {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
}
#stage_3 #stage_3_steps-swiper .label {
  display: inline-block;
  font-size: 0.875em;
  font-weight: 300;
  opacity: 0.6;
}
#stage_3 #stage_3_steps-swiper .title-8 {
  margin-top: 0.7916em;
  font-weight: 300;
}
#stage_3 #stage_3_steps-swiper p:not(.title-8):not(.label) {
  display: inline-block;
  margin: 0.95em 0 0;
  font-size: 1.25em;
  font-weight: 300;
  line-height: 150%;
}
@media screen and (max-width: 1300px) {
  #stage_3 #stage_3_steps-swiper p:not(.title-8):not(.label) {
    font-size: 1.175em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_3 #stage_3_steps-swiper p:not(.title-8):not(.label) {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  #stage_3 #stage_3_steps-swiper p:not(.title-8):not(.label) {
    font-size: 1em;
  }
}

.sections-3-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .sections-3-wrapper {
    width: 100%;
    display: block;
  }
}
.sections-3-wrapper.white .caption {
  opacity: 0;
}
@media screen and (max-width: 1023px) {
  .sections-3-wrapper #stage_3_1 {
    position: sticky;
    top: 0;
    left: 0;
  }
}
.sections-3-wrapper #stage_3_4 {
  margin-bottom: 100vh;
  margin-bottom: 100svh;
}

#stage_4 {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  #stage_4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#stage_4.active .caption {
  pointer-events: auto;
  opacity: 1;
}
#stage_4.active #stage_4_b {
  pointer-events: none;
  opacity: 0;
}
#stage_4 .caption {
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #stage_4 .caption {
    width: 100%;
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    position: relative;
    padding: 8.5em 0 4.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 1;
    pointer-events: auto;
  }
}
#stage_4 .caption .wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#stage_4 .caption .wrapper.finished {
  -webkit-transform: none !important;
          transform: none !important;
}
#stage_4 .caption .title-7 {
  opacity: 0.5;
}
#stage_4 .caption .title-1 {
  margin-top: 0.15em;
}
#stage_4 .caption p:not(.title-7):not(.title-1) {
  max-width: 16.414em;
  min-height: 4.65em;
  display: inline-block;
  margin-top: 0.5em;
  font-size: 3.625em;
  font-weight: 300;
  line-height: 115.52%;
}
@media screen and (max-width: 1300px) {
  #stage_4 .caption p:not(.title-7):not(.title-1) {
    font-size: 3em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_4 .caption p:not(.title-7):not(.title-1) {
    max-width: 18.414em;
    min-height: 0;
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .caption p:not(.title-7):not(.title-1) {
    font-size: 1.675em;
  }
}
#stage_4 .caption .cta-wrapper {
  margin-top: 4em;
}
@media screen and (max-width: 1023px) {
  #stage_4 .caption .cta-wrapper {
    margin-top: 3em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .caption .cta-wrapper {
    margin-top: 2.5em;
  }
}
#stage_4 .caption .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#stage_4 .caption .container .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#stage_4 .caption .container p {
  max-width: 20.833em;
  display: inline-block;
  font-size: 1.5em;
  line-height: 108.33%;
}
@media screen and (max-width: 1300px) {
  #stage_4 .caption .container p {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_4 .caption .container p {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .caption .container p {
    font-size: 1.125em;
  }
}
#stage_4 #stage_4_b {
  min-width: 100vw;
  height: 100vh;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #stage_4 #stage_4_b {
    width: 100%;
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    position: relative;
    padding: 8.5em 0 4.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#stage_4 #stage_4_b.inactive .item {
  color: white;
}
#stage_4 #stage_4_b .wrapper {
  min-width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 300vw;
}
@media screen and (max-width: 1023px) {
  #stage_4 #stage_4_b .wrapper {
    width: 100%;
    padding-right: 0;
  }
}
#stage_4 #stage_4_b .wrapper.finished {
  -webkit-transform: none !important;
          transform: none !important;
}
#stage_4 #stage_4_b .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -2em;
}
@media screen and (max-width: 1023px) {
  #stage_4 #stage_4_b .container {
    margin-top: 0;
    padding: 0 9px;
  }
}
#stage_4 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: black;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #stage_4 .item {
    padding: 0 5px;
  }
}
#stage_4 .item.item-2 {
  margin-right: 50%;
}
@media screen and (max-width: 1023px) {
  #stage_4 .item.item-2 {
    margin-right: 33.33%;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .item.item-2 {
    margin-right: 0;
  }
}
#stage_4 .item .inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.75em 1.5em 1.875em;
  border: thin solid white;
  border-radius: 1.875em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(200, 200, 200, 0.2);
  backdrop-filter: blur(20px);
}
@media screen and (max-width: 1023px) {
  #stage_4 .item .inner {
    padding: 1.6875em 1.5em 1.875em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .item .inner {
    padding: 1.5em 1.5em 1.875em;
    border-radius: 1.25em;
  }
}
#stage_4 .item .inner.item-8 {
  padding: 1.5em;
  margin-top: 1.25em;
  border: none;
  background-color: black;
  backdrop-filter: none;
  color: white;
}
#stage_4 .item .inner.item-8 .title-8 {
  font-weight: 300;
}
#stage_4 .item .inner.item-8 p:not(.title-8) {
  display: inline-block;
  margin: 0.125em 0 0;
  display: inline-block;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 108.33%;
}
@media screen and (max-width: 1300px) {
  #stage_4 .item .inner.item-8 p:not(.title-8) {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_4 .item .inner.item-8 p:not(.title-8) {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .item .inner.item-8 p:not(.title-8) {
    font-size: 1.125em;
  }
}
#stage_4 .item .title-8 {
  color: #E70E2D;
}
#stage_4 .item p:not(.title-8) {
  display: inline-block;
  margin: 0.95em 0 0;
  font-size: 1.25em;
  line-height: 150%;
}
@media screen and (max-width: 1300px) {
  #stage_4 .item p:not(.title-8) {
    font-size: 1.175em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_4 .item p:not(.title-8) {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .item p:not(.title-8) {
    font-size: 1em;
  }
}
#stage_4 .item-red {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.5em;
  border-radius: 1.875em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #E70E2D;
}
@media screen and (max-width: 767px) {
  #stage_4 .item-red {
    border-radius: 1.25em;
  }
}
#stage_4 .item-red.item-6 {
  margin-top: 0.625em;
}
#stage_4 .item-red.item-7 {
  margin-top: 1.25em;
}
#stage_4 .item-red.item-7 .dato {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 74%;
}
#stage_4 .item-red .title {
  display: inline-block;
  margin-top: 0.625em;
  font-weight: 300;
}
@media screen and (max-width: 1023px) {
  #stage_4 .item-red .title {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .item-red .title {
    margin-top: 0;
    font-size: 0.75em;
  }
}
#stage_4 .item-red .dato {
  display: inline-block;
  font-size: 3em;
  font-weight: 300;
  line-height: 100%;
  text-align: right;
}
@media screen and (max-width: 1300px) {
  #stage_4 .item-red .dato {
    font-size: 2.675em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_4 .item-red .dato {
    font-size: 1.875em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .item-red .dato {
    font-size: 1.5em;
  }
}
#stage_4 .item-red .dato .percent {
  font-size: 0.5em;
  opacity: 0.5;
}
@media screen and (max-width: 1300px) {
  #stage_4 .item-red .dato .percent {
    font-size: 0.514em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_4 .item-red .dato .percent {
    font-size: 0.666em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .item-red .dato .percent {
    font-size: 0.75em;
  }
}
#stage_4 .item-red .dato span {
  display: inline;
}
#stage_4 .item-red .bar {
  width: 100%;
  height: 2.3125em;
  display: block;
  position: relative;
  margin-top: 1.125em;
  border-radius: 1.1875em;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #stage_4 .item-red .bar {
    height: 2.125em;
  }
}
@media screen and (max-width: 767px) {
  #stage_4 .item-red .bar {
    height: 1.75em;
  }
}
#stage_4 .item-red .bar.active:before {
  width: 60%;
}
#stage_4 .item-red .bar:before {
  content: "";
  width: 0%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  -webkit-transition: all 2000ms ease-in-out;
  transition: all 2000ms ease-in-out;
}
#stage_4 .item-red .svg-wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  margin: -0.125em 0 0.5em;
}
#stage_4 .item-red .svg-wrapper.active:before {
  width: 0;
}
#stage_4 .item-red .svg-wrapper:before {
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #E70E2D;
  -webkit-transition: all 2000ms ease-in-out;
  transition: all 2000ms ease-in-out;
}
#stage_4 .item-red svg {
  width: 100%;
  height: auto;
  display: block;
}
#stage_4 .items-3-4-8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 5em 0 0 auto;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  #stage_4 .items-3-4-8 {
    margin-top: 1.25em;
  }
}
#stage_4 .items-5-6-7 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.5em;
}
@media screen and (max-width: 1023px) {
  #stage_4 .items-5-6-7 {
    margin-top: 1.25em;
    padding: 0 5px;
  }
}
#stage_4 .item-1, #stage_4 .item-2, #stage_4 .item-3, #stage_4 .item-4, #stage_4 .item-5, #stage_4 .item-6, #stage_4 .item-7, #stage_4 .item-8 {
  opacity: 0;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#stage_4 .item-1.active, #stage_4 .item-2.active, #stage_4 .item-3.active, #stage_4 .item-4.active, #stage_4 .item-5.active, #stage_4 .item-6.active, #stage_4 .item-7.active, #stage_4 .item-8.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#stage_5 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: black;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #stage_5 {
    width: 100%;
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    position: relative;
    padding: 8.5em 0 4.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: white;
  }
}
#stage_5.active {
  color: white;
}
#stage_5 .wrapper {
  min-width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 200vw;
}
@media screen and (max-width: 1023px) {
  #stage_5 .wrapper {
    width: 100%;
    padding-right: 0;
  }
}
#stage_5 .wrapper.finished {
  -webkit-transform: none !important;
          transform: none !important;
}
#stage_5 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#stage_5 .caption {
  opacity: 0;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#stage_5 .caption.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#stage_5 .caption p {
  display: inline-block;
  font-size: 2.625em;
  font-weight: 300;
  line-height: 119.047%;
}
@media screen and (max-width: 1300px) {
  #stage_5 .caption p {
    font-size: 2.375em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_5 .caption p {
    font-size: 1.875em;
    line-height: 100%;
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 767px) {
  #stage_5 .caption p {
    font-size: 1.5em;
  }
}
#stage_5 .items {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20vh;
  margin-top: 20svh;
}
@media screen and (max-width: 1023px) {
  #stage_5 .items {
    padding: 0 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  #stage_5 .items {
    margin-top: 3.25em;
  }
}
#stage_5 .items .item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 1.25em;
  opacity: 0;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #stage_5 .items .item {
    padding: 0 5px;
  }
}
#stage_5 .items .item.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#stage_5 .items .item.red {
  /*order: 4;*/
}
#stage_5 .items .item.red .inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1.75em;
  border: thin solid #E70E2D;
  background-color: rgba(255, 0, 36, 0.5);
  backdrop-filter: none;
}
#stage_5 .items .item .inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.1875em 1.5em 2.9375em;
  border: thin solid white;
  border-radius: 1.875em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(200, 200, 200, 0.2);
  backdrop-filter: blur(20px);
}
@media screen and (max-width: 1023px) {
  #stage_5 .items .item .inner {
    padding: 1.875em 1.5em 2.75em;
  }
}
@media screen and (max-width: 767px) {
  #stage_5 .items .item .inner {
    padding: 1.675em 1.5em 1.875em;
    border-radius: 1.25em;
  }
}
#stage_5 .items .item .inner p:not(.title-7):not(.label) {
  display: inline-block;
  margin: 0.7916em 0 0;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 125%;
}
@media screen and (max-width: 1300px) {
  #stage_5 .items .item .inner p:not(.title-7):not(.label) {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  #stage_5 .items .item .inner p:not(.title-7):not(.label) {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  #stage_5 .items .item .inner p:not(.title-7):not(.label) {
    max-width: 25em;
    font-size: 1.125em;
    line-height: 108.33%;
  }
}
#stage_5 .items .item .label {
  display: inline-block;
  font-weight: 300;
  text-transform: uppercase;
  opacity: 0.5;
}
@media screen and (max-width: 1023px) {
  #stage_5 .items .item .label {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 767px) {
  #stage_5 .items .item .label {
    font-size: 0.75em;
  }
}
#stage_5 .items .item .title-7 {
  margin-top: 0.444em;
}
#stage_5 .items .item .title-7:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #stage_5 .cta-wrapper {
    margin-top: 2.5em;
  }
}
#stage_5 .cta {
  font-size: 1em;
}
@media screen and (max-width: 1023px) {
  #stage_5 .cta {
    font-size: 0.875em;
  }
}

#final_stage {
  padding-right: 1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1023px) {
  #final_stage {
    width: 100%;
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    position: relative;
    padding: 8.5em 0 4.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#final_stage .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#final_stage .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#final_stage .left .caption h2, #final_stage .left .caption p {
  max-width: 12.4em;
  display: inline-block;
  font-size: 3.75em;
  font-weight: 300;
  line-height: 116.66%;
}
@media screen and (max-width: 1300px) {
  #final_stage .left .caption h2, #final_stage .left .caption p {
    font-size: 3.25em;
  }
}
@media screen and (max-width: 1023px) {
  #final_stage .left .caption h2, #final_stage .left .caption p {
    font-size: 2em;
    line-height: 115.52%;
  }
}
@media screen and (max-width: 767px) {
  #final_stage .left .caption h2, #final_stage .left .caption p {
    font-size: 1.675em;
  }
}
#final_stage .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  #final_stage .right {
    margin-top: 4.5em;
  }
}
#final_stage #form-switcher {
  width: 100%;
  max-width: 33.5em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 2.5em;
}
#final_stage #form-switcher li {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25em;
  padding: 1.1875em 1.5em 1.125em;
  border-radius: 1.25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(200, 200, 200, 0.2);
  backdrop-filter: blur(20px);
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#final_stage #form-switcher li.active {
  background-color: #E70E2D;
  backdrop-filter: none;
}
#final_stage #form-switcher li#form-3-trigger-link {
  padding: 0;
  background-color: transparent;
  backdrop-filter: none;
}
#final_stage #form-switcher li#form-3-trigger-link a {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.1875em 1.5em 1.125em;
  border-radius: 1.25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(200, 200, 200, 0.2);
  backdrop-filter: blur(20px);
  color: white;
}
#final_stage #form-switcher li#form-3-trigger-link a:hover {
  background-color: #E70E2D;
  backdrop-filter: none;
}
#final_stage #form-switcher li img {
  width: 3.75em;
  height: auto;
  display: inline-block;
  margin: 0 6.25em 0 0.5em;
}
@media screen and (max-width: 1023px) {
  #final_stage #form-switcher li img {
    width: 3.5em;
    margin-right: 2.5em;
  }
}
@media screen and (max-width: 767px) {
  #final_stage #form-switcher li img {
    width: 3em;
    margin-right: 5.5em;
  }
}
#final_stage #form-switcher li .txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#final_stage #form-switcher li .title-8 {
  font-weight: 600;
  letter-spacing: -0.01em;
}
#final_stage #form-switcher li p:not(.title-8) {
  font-weight: 300;
  line-height: 125%;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1023px) {
  #final_stage #form-switcher li p:not(.title-8) {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 767px) {
  #final_stage #form-switcher li p:not(.title-8) {
    font-size: 0.75em;
  }
}
#final_stage #forms .form-wrapper {
  width: 100%;
  display: none;
}
#final_stage #forms .form-wrapper.active {
  display: block;
}

#section-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-animation: fadeIn 1.2s ease-out 1s forwards;
          animation: fadeIn 1.2s ease-out 1s forwards;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1023px) {
  #section-nav {
    display: none;
  }
}
#section-nav.white ul li a {
  color: black;
}
#section-nav.white ul li .progress-wrapper .x:before {
  border-left: thin solid black;
}
#section-nav.white ul li .progress-wrapper .x:after {
  border-top: thin solid black;
}
#section-nav.white ul li .progress-wrapper .progress {
  background-color: rgba(0, 0, 0, 0.3);
}
#section-nav.white ul li .progress-wrapper .progress .bar {
  background-color: black;
}
#section-nav .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.625em;
}
#section-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#section-nav ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#section-nav ul li:first-child a {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transform: none;
          transform: none;
}
#section-nav ul li:last-child {
  width: 1.25em;
}
#section-nav ul li:last-child a {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  right: 0.625em;
  left: auto;
  -webkit-transform: none;
          transform: none;
}
#section-nav ul li:last-child a .prelabel, #section-nav ul li:last-child a .label {
  white-space: nowrap;
}
#section-nav ul li.active .x {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#section-nav ul li.active a .label {
  opacity: 1;
}
#section-nav ul li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 100%;
  left: 0.625em;
  margin-bottom: 1.375em;
  line-height: 120%;
  text-transform: uppercase;
  color: white;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#section-nav ul li a .prelabel {
  font-size: 0.75em;
  opacity: 0.5;
}
#section-nav ul li a .label {
  font-size: 0.875em;
  opacity: 0.5;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#section-nav ul li .progress-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#section-nav ul li .progress-wrapper .x {
  width: 1.25em;
  min-width: 1.25em;
  height: 1.25em;
  min-height: 1.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#section-nav ul li .progress-wrapper .x:before {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  border-left: thin solid white;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#section-nav ul li .progress-wrapper .x:after {
  content: "";
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  border-top: thin solid white;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#section-nav ul li .progress-wrapper .progress {
  height: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  margin: 0 0.9375em;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#section-nav ul li .progress-wrapper .progress .bar {
  max-width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: white;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.title-1 { /*100px*/
  display: inline-block;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 6.25em;
  font-weight: 300;
  line-height: 100%;
}
@media screen and (max-width: 1300px) {
  .title-1 {
    font-size: 5.25em;
  }
}
@media screen and (max-width: 1023px) {
  .title-1 {
    font-size: 4em;
  }
}
@media screen and (max-width: 767px) {
  .title-1 {
    font-size: 3em;
  }
}

.title-2 { /*80px*/
  display: inline-block;
  font-size: 5em;
  font-weight: 300;
  line-height: 100%;
}
@media screen and (max-width: 1300px) {
  .title-2 {
    font-size: 4.25em;
  }
}
@media screen and (max-width: 1023px) {
  .title-2 {
    font-size: 3em;
  }
}
@media screen and (max-width: 767px) {
  .title-2 {
    font-size: 2.25em;
  }
}
.title-2 strong, .title-2 b {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.title-3 { /*60px*/
  display: inline-block;
  font-size: 3.75em;
  font-weight: 300;
  line-height: 116.66%;
}
@media screen and (max-width: 1300px) {
  .title-3 {
    font-size: 3.25em;
  }
}
@media screen and (max-width: 1023px) {
  .title-3 {
    font-size: 2em;
    line-height: 115.52%;
  }
}
@media screen and (max-width: 767px) {
  .title-3 {
    font-size: 1.675em;
  }
}

.title-4 { /*58px*/
  display: inline-block;
  font-size: 3.625em;
  font-weight: 300;
  line-height: 115.52%;
}
@media screen and (max-width: 1300px) {
  .title-4 {
    font-size: 3em;
  }
}
@media screen and (max-width: 1023px) {
  .title-4 {
    font-size: 2em;
  }
}
@media screen and (max-width: 767px) {
  .title-4 {
    font-size: 1.675em;
  }
}

.title-5 { /*46px*/
  display: inline-block;
  font-size: 2.875em;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 1300px) {
  .title-5 {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 1023px) {
  .title-5 {
    font-size: 1.875em;
  }
}
@media screen and (max-width: 767px) {
  .title-5 {
    font-size: 1.675em;
  }
}

.title-6 { /*42px*/
  display: inline-block;
  font-size: 2.625em;
  font-weight: 300;
  line-height: 119.047%;
}
@media screen and (max-width: 1300px) {
  .title-6 {
    font-size: 2.375em;
  }
}
@media screen and (max-width: 1023px) {
  .title-6 {
    font-size: 1.875em;
    line-height: 100%;
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 767px) {
  .title-6 {
    font-size: 1.5em;
  }
}

.title-7 { /*36px*/
  display: inline-block;
  font-size: 2.25em;
  font-weight: 300;
  line-height: 100%;
}
@media screen and (max-width: 1300px) {
  .title-7 {
    font-size: 2em;
  }
}
@media screen and (max-width: 1023px) {
  .title-7 {
    font-size: 1.675em;
  }
}
@media screen and (max-width: 767px) {
  .title-7 {
    font-size: 1.375em;
  }
}

.title-8 { /*24px*/
  display: inline-block;
  font-size: 1.5em;
  line-height: 108.33%;
}
@media screen and (max-width: 1300px) {
  .title-8 {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  .title-8 {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  .title-8 {
    font-size: 1.125em;
  }
}

.btn-wrapper, .cta-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
}
.btn-wrapper:last-child, .cta-wrapper:last-child {
  margin-bottom: 0;
}

.cta {
  width: auto;
  height: 3.15em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0.25em 1em 0.25em 1.7em;
  border: thin solid white;
  border-radius: 2.65em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(200, 200, 200, 0.2);
  backdrop-filter: blur(20px);
  font-family: "Aileron", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  outline: none;
  overflow: visible;
  -webkit-appearance: none;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1300px) {
  .cta {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  .cta {
    font-size: 1em;
  }
}
.cta:hover {
  background-color: white;
  color: #E70E2D;
}
.cta:hover svg {
  fill: #E70E2D;
}
.cta svg {
  width: 2.5em;
  height: auto;
  display: block;
  margin: 0 0 0 1.25em;
  fill: white;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

input[type=submit], button:not(.is-close):not(.cmplz-btn) {
  width: auto;
  height: 2.3em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0.2em 0.2em 0.2em 1em;
  border: thin solid #E70E2D;
  border-radius: 1.15em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(231, 14, 45, 0.5);
  font-family: "Aileron", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  color: white;
  cursor: pointer;
  outline: none;
  overflow: visible;
  -webkit-appearance: none;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media screen and (max-width: 1300px) {
  input[type=submit], button:not(.is-close):not(.cmplz-btn) {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  input[type=submit], button:not(.is-close):not(.cmplz-btn) {
    font-size: 1em;
  }
}
input[type=submit]:hover, button:not(.is-close):not(.cmplz-btn):hover {
  background-color: #E70E2D;
}
input[type=submit] .arrow, button:not(.is-close):not(.cmplz-btn) .arrow {
  width: 1.9em;
  height: 1.9em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 1.15em;
  border-radius: 100%;
  background-color: #E70E2D;
  color: white;
}
input[type=submit] .arrow:before, button:not(.is-close):not(.cmplz-btn) .arrow:before {
  content: "\f061";
  font-family: "la-solid-900";
  font-size: 1.5em;
  font-weight: 400;
  pointer-events: none;
}
@media screen and (max-width: 1300px) {
  input[type=submit] .arrow:before, button:not(.is-close):not(.cmplz-btn) .arrow:before {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  input[type=submit] .arrow:before, button:not(.is-close):not(.cmplz-btn) .arrow:before {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  input[type=submit] .arrow:before, button:not(.is-close):not(.cmplz-btn) .arrow:before {
    font-size: 1.125em;
  }
}

.wpcf7 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wpcf7 form.wpcf7-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}
.wpcf7 form.wpcf7-form:not(.submitting) .wpcf7-spinner {
  display: none;
}
.wpcf7 form.wpcf7-form.invalid .wpcf7-response-output {
  background-color: #ffb900;
  color: #E70E2D;
}
.wpcf7 form.wpcf7-form.sent .wpcf7-response-output {
  border-color: white;
  color: #110101;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output {
  width: 100%;
  margin: 2em 0 0;
  padding: 1em;
  border: thin solid white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  text-align: center;
  color: white;
}
@media screen and (max-width: 1300px) {
  .wpcf7 form.wpcf7-form .wpcf7-response-output {
    padding: 15px;
  }
}
.wpcf7 form.wpcf7-form .ajax-loader:not(.is-active) {
  display: none;
}
.wpcf7 form.wpcf7-form .wpcf7-spinner {
  width: 1.5em;
  height: 1.5em;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance {
  width: 100%;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-family: "Aileron", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.01em;
  text-transform: none;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label input[type=checkbox] {
  width: 1.1428em;
  max-width: 1.1428em;
  min-width: 1.1428em;
  height: 1.1428em;
  max-height: 1.1428em;
  min-height: 1.1428em;
  display: block;
  position: relative;
  margin: 0 0.285em 0 0;
  border: thin solid white;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  font-size: 1em;
  -webkit-appearance: none;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label input[type=checkbox]:checked {
  -webkit-appearance: auto;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label .wpcf7-list-item-label {
  display: inline-block;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label a {
  color: white;
}
.wpcf7 form.wpcf7-form .wpcf7-acceptance label a:hover {
  text-decoration: underline;
}
.wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=email], .wpcf7 form.wpcf7-form input[type=tel], .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=number], .wpcf7 form.wpcf7-form select, .wpcf7 form.wpcf7-form textarea {
  width: 100%;
  height: 2.291em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0.125em 0;
  border: none;
  border-bottom: thin solid white;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  font-family: "Aileron", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 107%;
  letter-spacing: -0.01em;
  color: white;
  outline: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 1300px) {
  .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=email], .wpcf7 form.wpcf7-form input[type=tel], .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=number], .wpcf7 form.wpcf7-form select, .wpcf7 form.wpcf7-form textarea {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=email], .wpcf7 form.wpcf7-form input[type=tel], .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=number], .wpcf7 form.wpcf7-form select, .wpcf7 form.wpcf7-form textarea {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=email], .wpcf7 form.wpcf7-form input[type=tel], .wpcf7 form.wpcf7-form input[type=text], .wpcf7 form.wpcf7-form input[type=number], .wpcf7 form.wpcf7-form select, .wpcf7 form.wpcf7-form textarea {
    font-size: 1.125em;
  }
}
.wpcf7 form.wpcf7-form textarea {
  height: 4.625em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.583em 0 0.833em;
}
.wpcf7 form.wpcf7-form input[type=date] {
  width: 100%;
  height: 2.291em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0.125em 0;
  border: none;
  border-bottom: thin solid white;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  font-family: "Aileron", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: white;
  outline: none;
}
@media screen and (max-width: 1300px) {
  .wpcf7 form.wpcf7-form input[type=date] {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  .wpcf7 form.wpcf7-form input[type=date] {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  .wpcf7 form.wpcf7-form input[type=date] {
    font-size: 1.125em;
  }
}
.wpcf7 form.wpcf7-form input[type=date]::-webkit-calendar-picker-indicator {
  -webkit-filter: invert(1);
          filter: invert(1);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .wpcf7 form.wpcf7-form input[type=date]::-webkit-calendar-picker-indicator {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    color: transparent;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .wpcf7 form.wpcf7-form input[type=date] {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
  }
}
@media screen and (max-width: 767px) {
  .wpcf7 form.wpcf7-form input[type=date]:not(.has-value):before {
    content: attr(placeholder);
    color: white;
  }
}
.wpcf7 form.wpcf7-form select option {
  background-color: white;
  color: black;
}
.wpcf7 .form-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 2.5em 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wpcf7 .form-item.privacidad {
  margin-top: 1.25em;
  margin-bottom: 2.3125em;
}
@media screen and (max-width: 1300px) {
  .wpcf7 .form-item.privacidad {
    margin-bottom: 2.25em;
  }
}
@media screen and (max-width: 1023px) {
  .wpcf7 .form-item.privacidad {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 767px) {
  .wpcf7 .form-item.privacidad {
    margin-bottom: 1.75em;
  }
}
.wpcf7 .form-item.submit, .wpcf7 .form-item.cta-wrapper {
  margin-top: 0;
  margin-bottom: 0;
}
.wpcf7 .form-item.mitad {
  width: 48%;
  width: calc(50% - 0.5em);
}
.wpcf7 .form-item.select {
  position: relative;
  /*&:before {
  	content: "\f107";
  	display: inline-block;
  	position: absolute;
  	top: 0.5em;
  	right: 1em;
  	font-family: "la-solid-900";
  	font-size: 1.5em;
  	font-weight: 400;
  	pointer-events: none;
  	@media screen and (max-width: 1300px) {
  		font-size: 1.375em;
  	}
  	@media screen and (max-width: 1023px) {
  		font-size: 1.25em;
  	}
  	@media screen and (max-width: 767px) {
  		font-size: 1.125em;
  	}
  }*/
}
.wpcf7 .form-item.item-required {
  position: relative;
}
.wpcf7 .form-item.item-required:after {
  content: "*";
  display: inline-block;
  position: absolute;
  top: 0.75em;
  right: 0;
  font-size: 1.375em;
  font-weight: 400;
  pointer-events: none;
}
@media screen and (max-width: 1300px) {
  .wpcf7 .form-item.item-required:after {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 1023px) {
  .wpcf7 .form-item.item-required:after {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  .wpcf7 .form-item.item-required:after {
    font-size: 1em;
  }
}
.wpcf7 .form-item .wpcf7-form-control-wrap {
  width: 100%;
}
.wpcf7 .wpcf7-not-valid-tip {
  width: 100%;
  float: left;
  margin: 4px 0 0;
  font-size: 10px;
  color: #E70E2D;
}

.grecaptcha-badge {
  display: none;
}

.otgs-development-site-front-end {
  display: none;
}