@font-face {
font-family: "la-brands-400";
src: url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/la-brands-400.woff2) format("woff2"), url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/la-brands-400.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "la-solid-900";
src: url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/la-solid-900.woff2) format("woff2"), url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/la-solid-900.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Aileron";
src: url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-Light.woff2) format("woff2"), url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Aileron";
src: url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-Regular.woff2) format("woff2"), url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Aileron";
src: url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-SemiBold.woff2) format("woff2"), url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Aileron";
src: url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-Bold.woff2) format("woff2"), url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Aileron";
src: url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-Black.woff2) format("woff2"), url(//our-method.ulmahandling.com/wp-content/themes/ulma-landing-theme/fonts/Aileron-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}   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;
} 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 { color: white;
opacity: 1;
}
::-moz-placeholder { color: white;
opacity: 1;
}
:-ms-input-placeholder { color: white;
opacity: 1;
}
:-moz-placeholder { color: white;
opacity: 1;
}
*::-moz-selection {
background-color: #E70E2D;
color: white;
}
*::selection {
background-color: #E70E2D;
color: white;
} 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); 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; 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 {
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; 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; 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%); }
@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 {
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;
} #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%); background: radial-gradient(ellipse at center, #9d081d 0%, #110101 68%); }
@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%); background: radial-gradient(ellipse at center, #9d081d 0%, #110101 68%); }
#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 { 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 { }
#stage_0 .caption .embed-wrapper { }
#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: 2em;
}
@media screen and (max-width: 1023px) {
#stage_2 .items .inner.red .left svg { width: 1.875em;
}
}
@media screen and (max-width: 767px) {
#stage_2 .items .inner.red .left svg { 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; }
#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 { }
#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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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; }
.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;
}