@font-face{
    font-family:Inter;
    font-display:swap;
    src:url(../fonts/Inter-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Inter;
    font-display:swap;
    src:url(../fonts/Inter-Medium.woff) format("woff");
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:Inter;
    font-display:swap;
    src:url(../fonts/Inter-Bold.woff) format("woff");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:Inter;
    font-display:swap;
    src:url(../fonts/Inter-SemiBold.woff) format("woff");
    font-weight:600;
    font-style:normal
}
.visually-hidden{
    border-width:0!important;
    clip:rect(1px,1px,1px,1px)!important;
    height:1px!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    position:absolute!important;
    white-space:nowrap!important;
    width:1px!important
}
.hide{
    visibility:hidden!important
}
.no-bg-image{
    background-image:none!important
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent
}
body#body,html#html{
    max-width:100vw;
    width:100vw;
    height:100vh;
    height:calc(var(--vh,1vh) * 100);
    overflow:hidden;
    margin:0;
    padding:0;
    font-family:Inter,Arial,sans-serif;
    color:#fff;
    font-weight:600;
    scroll-behavior:smooth
}
html#html{
    font-size:.277vw
}
body#body{
    min-width:100%;
    font-size:14rem;
    line-height:1.3;
    overflow-x:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
main{
    width:100%;
    height:100%;
    position:relative
}
a{
    color:inherit;
    text-decoration:none
}
a:focus{
    outline:0
}
a:active,a:hover{
    outline:0
}
.container{
    padding:10rem;
    margin:0 auto;
    max-width:1440px
}
h1{
    font-size:24rem
}
h2{
    font-size:20rem
}
h3{
    font-size:18rem
}
h1,h2,h3,h4,h5,h6,p{
    margin:0;
    padding:0
}
.step{
    width:100%;
    height:100%;
    padding:20rem;
    position:absolute;
}
.bg-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none
}
.mobile-landscape-warning{
    display:none
}
.textFitted{
    margin:0;
    padding:0;
    font:inherit;
    line-height:inherit;
    text-decoration:inherit
}
.step{
    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;
    padding:0 10rem 113rem
}
.step picture{
    display:contents
}
.step.--cards{
    padding:53rem 15rem 36rem
}
.step.--cards .content-plate{
    min-height:10%;
    width:97%;
    padding:24rem 10rem 6rem;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    margin-bottom:12rem
}
.step.--cards .content-plate .left-frame,.step.--cards .content-plate::after{
    display:none
}
.step.--cards .content-plate::before{
    background-image:url(../imgs/decor/cards_frame_border.svg);
    z-index:1
}
.step.--cards .content-plate .right-frame{
    background-image:url(../imgs/decor/cards_frame.svg)
}
.step.--cards .content-plate__text{
    padding:0
}
.step.--cards .button-box{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:0;
    margin:0
}
.step.--cards .button-box .cards-list{
    margin:0;
    padding:0;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    height:100%
}
.step.--cards .button-box .cards-list__item{
    -webkit-box-flex:1;
    -ms-flex:1 1 50%;
    flex:1 1 50%;
    cursor:pointer
}
.step.--cards .button-box .cards-list__item:nth-child(odd){
    padding-right:5rem
}
.step.--cards .button-box .cards-list__item:nth-child(even){
    padding-left:5rem
}
.step.--cards .button-box .cards-list__item:nth-child(1),.step.--cards .button-box .cards-list__item:nth-child(2){
    padding-bottom:10rem
}
.step.--cards .button-box .cards-list__card-box{
    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:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%;
    padding:5rem 5rem 18%;
    background-image:url(../imgs/decor/card_background_mobile.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-transition:.2s linear,-webkit-transform;
    transition:.2s linear,-webkit-transform;
    -o-transition:transform,.2s linear;
    transition:transform,.2s linear;
    transition:transform,.2s linear,-webkit-transform
}
.step.--cards .button-box .cards-list__card-box .main-button,.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form #formIframe form#signupForm input[type=submit],.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form #formIframe input[type=submit],.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form .iframe form#signupForm input[type=submit],.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form .iframe input[type=submit],.step.--final .notification .step__form #formIframe .step.--cards .button-box .cards-list__card-box input[type=submit],.step.--final .notification .step__form #formIframe form#signupForm .step.--cards .button-box .cards-list__card-box input[type=submit],.step.--final .notification .step__form .iframe .step.--cards .button-box .cards-list__card-box input[type=submit],.step.--final .notification .step__form .iframe form#signupForm .step.--cards .button-box .cards-list__card-box input[type=submit]{
    width:88%;
    height:37rem;
    padding:10rem;
    text-transform:none
}
.step.--cards .button-box .cards-list__card-box .main-button::first-letter,.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form #formIframe form#signupForm input[type=submit]::first-letter,.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form #formIframe input[type=submit]::first-letter,.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form .iframe form#signupForm input[type=submit]::first-letter,.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form .iframe input[type=submit]::first-letter,.step.--final .notification .step__form #formIframe .step.--cards .button-box .cards-list__card-box input[type=submit]::first-letter,.step.--final .notification .step__form #formIframe form#signupForm .step.--cards .button-box .cards-list__card-box input[type=submit]::first-letter,.step.--final .notification .step__form .iframe .step.--cards .button-box .cards-list__card-box input[type=submit]::first-letter,.step.--final .notification .step__form .iframe form#signupForm .step.--cards .button-box .cards-list__card-box input[type=submit]::first-letter{
    text-transform:capitalize
}
.step.--cards .button-box .cards-list__card-box:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.step.--cards .button-box .cards-list__image-box{
    width:100%;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    margin-bottom:5rem;
    background:-o-linear-gradient(123.62deg,#595ff3 -6.77%,#e14adf 57.09%,#ef9354 118.35%);
    background:linear-gradient(326.38deg,#595ff3 -6.77%,#e14adf 57.09%,#ef9354 118.35%);
    padding:1rem
}
.step.--cards .button-box .cards-list__image{
    width:100%;
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.step.--two .content-plate__text span:nth-child(2){
    font-weight:800
}
.step.--three .content-plate__text span:nth-child(2){
    font-weight:800
}
.step.--three .button-box>*{
    -webkit-box-flex:1;
    -ms-flex:1 1 45%;
    flex:1 1 45%
}
.step.--three .button-box>:nth-child(odd){
    margin-right:20rem
}
.no-webp .step.--four .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step4-card1-mobile.html)
}
.no-webp .step.--four .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step4-card2-mobile.html)
}
.no-webp .step.--four .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step4-card3-mobile.html)
}
.no-webp .step.--four .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step4-card4-mobile.html)
}
.no-webp .step.--five .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step5-card1-mobile.html)
}
.step.--five .cards-list__item:nth-child(1) .cards-list__image{
    background-position:top
}
.no-webp .step.--five .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step5-card2-mobile.html)
}
.step.--five .cards-list__item:nth-child(2) .cards-list__image{
    background-position:top
}
.no-webp .step.--five .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step5-card3-mobile.html)
}
.step.--five .cards-list__item:nth-child(3) .cards-list__image{
    background-position:top
}
.no-webp .step.--five .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step5-card4-mobile.html)
}
.step.--five .cards-list__item:nth-child(4) .cards-list__image{
    background-position:top
}
.no-webp .step.--six .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step6-card1-mobile.html)
}
.step.--six .cards-list__item:nth-child(1) .cards-list__image{
    background-position:top
}
.no-webp .step.--six .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step6-card2-mobile.html)
}
.step.--six .cards-list__item:nth-child(2) .cards-list__image{
    background-position:top
}
.no-webp .step.--six .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step6-card3-mobile.html)
}
.step.--six .cards-list__item:nth-child(3) .cards-list__image{
    background-position:top
}
.no-webp .step.--six .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step6-card4-mobile.html)
}
.step.--six .cards-list__item:nth-child(4) .cards-list__image{
    background-position:top
}
.no-webp .step.--seven .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step7-card1-mobile.html)
}
.no-webp .step.--seven .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step7-card2-mobile.html)
}
.no-webp .step.--seven .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step7-card3-mobile.html)
}
.no-webp .step.--seven .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step7-card4-mobile.html)
}
.no-webp .step.--eight .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step8-card1-mobile.html)
}
.no-webp .step.--eight .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step8-card2-mobile.html)
}
.step.--eight .cards-list__item:nth-child(2) .cards-list__image{
    background-position:top
}
.no-webp .step.--eight .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step8-card3-mobile.html)
}
.step.--eight .cards-list__item:nth-child(3) .cards-list__image{
    background-position:center
}
.no-webp .step.--eight .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step8-card4-mobile.html)
}
.step.--nine{
    padding-bottom:100rem
}
.step.--nine .content-plate__text span:nth-child(1){
    font-weight:800
}
.step.--nine .button-box{
    padding:0
}
.step.--nine .button-box>*{
    -webkit-box-flex:0;
    -ms-flex:0 0 45%;
    flex:0 0 45%
}
.step.--nine .button-box>:nth-child(odd){
    margin-right:20rem
}
.step.--nine .button-box>:nth-child(3){
    margin-top:15rem
}
.step.--ten .content-plate__text span:nth-child(2){
    font-weight:800
}
.step.--ten .button-box>*{
    -webkit-box-flex:1;
    -ms-flex:1 1 45%;
    flex:1 1 45%
}
.step.--ten .button-box>:nth-child(odd){
    margin-right:20rem
}
.step.--eleven .content-plate__text span:nth-child(2){
    font-weight:800
}
.step.--eleven .button-box>*{
    -webkit-box-flex:1;
    -ms-flex:1 1 45%;
    flex:1 1 45%
}
.step.--eleven .button-box>:nth-child(odd){
    margin-right:20rem
}
.step.--twelve .content-plate__text span:nth-child(1){
    text-transform:uppercase;
    font-weight:800
}
.step.--thirteen .content-plate__text span:nth-child(1){
    text-transform:uppercase;
    font-weight:800
}
.step.--thirteen .content-plate__text span:nth-child(3){
    font-weight:800
}
.step.--thirteen .button-box>*{
    -webkit-box-flex:1;
    -ms-flex:1 1 45%;
    flex:1 1 45%
}
.step.--thirteen .button-box>:nth-child(odd){
    margin-right:20rem
}
.step.--fourteen .content-plate__text span:nth-child(1){
    text-transform:uppercase;
    font-weight:800
}
.step.--fifteen .content-plate::after,.step.--fifteen .content-plate::before{
    display:none
}
.step.--fifteen .content-plate .left-frame,.step.--fifteen .content-plate .right-frame{
    width:100vw
}
.step.--fifteen .content-plate .left-frame{
    background-image:none;
    -webkit-clip-path:polygon(0 0,100% 25%,100% 75%,0 100%);
    clip-path:polygon(0 0,100% 25%,100% 75%,0 100%);
    background:-o-linear-gradient(146.23deg,#8a64db 2.39%,#f05037 66.89%,#fb8471 112.89%);
    background:linear-gradient(303.77deg,#8a64db 2.39%,#f05037 66.89%,#fb8471 112.89%);
    mix-blend-mode:multiply
}
.step.--fifteen .content-plate .right-frame{
    background-image:none;
    -webkit-clip-path:polygon(0 25%,100% 0,100% 100%,0 75%);
    clip-path:polygon(0 25%,100% 0,100% 100%,0 75%);
    background:#959595;
    mix-blend-mode:multiply
}
.step.--fifteen .content-plate__text{
    padding-right:0
}
.step.--fifteen .content-plate__heading{
    font-size:20rem;
    font-weight:800;
    margin-bottom:10rem
}
.step.--fifteen .content-plate__list{
    margin:0;
    margin-bottom:15rem;
    padding:0 0 0 10rem;
    font-size:16rem;
    font-weight:600;
    text-align:left
}
.step.--fifteen .content-plate__list-item{
    line-height:1.2
}
.step.--fifteen .content-plate__list-item:not(:last-child){
    margin-bottom:4rem
}
.step.--fifteen .content-plate__list-item::marker{
    font-size:25rem
}
.step.--sixteen .content-plate::after,.step.--sixteen .content-plate::before{
    display:none
}
.step.--sixteen .content-plate .left-frame,.step.--sixteen .content-plate .right-frame{
    width:100vw
}
.step.--sixteen .content-plate .left-frame{
    background-image:none;
    -webkit-clip-path:polygon(0 0,100% 25%,100% 75%,0 100%);
    clip-path:polygon(0 0,100% 25%,100% 75%,0 100%);
    background:-o-linear-gradient(146.23deg,#0ab2e7 2.39%,#fd56ff 66.89%,#ffa5cb 112.89%);
    background:linear-gradient(303.77deg,#0ab2e7 2.39%,#fd56ff 66.89%,#ffa5cb 112.89%);
    mix-blend-mode:multiply
}
.step.--sixteen .content-plate .right-frame{
    background-image:none;
    -webkit-clip-path:polygon(0 25%,100% 0,100% 100%,0 75%);
    clip-path:polygon(0 25%,100% 0,100% 100%,0 75%);
    background:#959595;
    mix-blend-mode:multiply
}
.step.--sixteen .content-plate__text{
    padding:0
}
.step.--sixteen .content-plate__heading{
    font-size:20rem;
    font-weight:800;
    margin-bottom:10rem
}
.step.--sixteen .content-plate__list{
    margin:0;
    margin-bottom:15rem;
    padding:0;
    font-size:16rem;
    font-weight:600;
    text-align:left;
    list-style:none
}
.step.--sixteen .content-plate__list-item{
    line-height:1.2;
    padding-left:30rem;
    position:relative
}
.step.--sixteen .content-plate__list-item:not(:last-child){
    margin-bottom:10rem
}
.step.--sixteen .content-plate__list-item:last-child{
    text-transform:uppercase;
    color:#32d6ff
}
.step.--sixteen .content-plate__list-item::before{
    content:"";
    width:20rem;
    height:15rem;
    left:0;
    position:absolute;
    background-image:url(../imgs/icons/check.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.step.--final{
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important;
    -webkit-box-align:center!important;
    -ms-flex-align:center!important;
    align-items:center!important;
    padding:10vh 10rem 10rem!important
}
.step.--final .notification{
    padding:0!important;
    height:100%!important;
    width:100%!important
}
.step.--final .notification .step__form{
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-align:center!important;
    -ms-flex-align:center!important;
    align-items:center!important;
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important;
    width:100%!important;
    height:calc(var(--vh,1vh) * 80)!important
}
.step.--final .notification .step__form #formIframe,.step.--final .notification .step__form .iframe{
    margin:0 auto!important;
    width:100%!important;
    min-height:440px!important;
    min-width:290px!important;
    max-width:600px!important;
    height:100%!important;
    border:none!important
}
.step.--final .notification .step__form #formIframe form#signupForm input[type=submit],.step.--final .notification .step__form #formIframe input[type=submit],.step.--final .notification .step__form .iframe form#signupForm input[type=submit],.step.--final .notification .step__form .iframe input[type=submit]{
    background-color:unset;
    background:-o-linear-gradient(123.62deg,#8256ff -6.77%,#fd56ff 43.03%,#ffa5cb 90.98%);
    background:linear-gradient(326.38deg,#8a64db -6.77%,#f05037 43.03%,#fb8471 90.98%);
    margin-top:10rem
}
.audio{
    position:absolute;
    top:9rem;
    right:9rem;
    width:34rem;
    height:34rem;
    border:1px solid #fff;
    mix-blend-mode:normal;
    -webkit-box-shadow:0 16rem 64rem rgba(104,1,255,.12);
    box-shadow:0 16rem 64rem rgba(104,1,255,.12);
    background:-o-linear-gradient(123.62deg,#595ff3 -6.77%,#e14adf 57.09%,#ef9354 118.35%);
    background:linear-gradient(326.38deg,#595ff3 -6.77%,#e14adf 57.09%,#ef9354 118.35%);
    z-index:1
}
.audio__mute::before{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.audio__mute::before{
    background:url(../imgs/icons/muted.svg) center center no-repeat
}
.audio__mute:hover{
    cursor:pointer
}
.audio input[type=checkbox]:checked+label[for=mute]::before{
    background:url(../imgs/icons/unmuted.svg) center center no-repeat;
    background-size:45%
}
.button-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    width:100%;
    margin-top:-25rem;
    z-index:2;
    padding:0 5rem
}
.button-box .agreement{
    position:absolute;
    bottom:-70rem;
    text-align:center
}
@-webkit-keyframes leftToRight{
    from{
        -webkit-transform:translate(calc(-100vw - 100%),-50%);
        transform:translate(calc(-100vw - 100%),-50%)
    }
    to{
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
}
@keyframes leftToRight{
    from{
        -webkit-transform:translate(calc(-100vw - 100%),-50%);
        transform:translate(calc(-100vw - 100%),-50%)
    }
    to{
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
}
@-webkit-keyframes rightToLeft{
    from{
        -webkit-transform:translate(100vw,-50%);
        transform:translate(100vw,-50%)
    }
    to{
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
}
@keyframes rightToLeft{
    from{
        -webkit-transform:translate(100vw,-50%);
        transform:translate(100vw,-50%)
    }
    to{
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
}
.content-plate{
    width:100%;
    min-height:194rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    padding:75rem 0 36rem
}
.content-plate .left-frame,.content-plate .right-frame{
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate3d(0,0,0) translate(-50%,-50%);
    transform:translate3d(0,0,0) translate(-50%,-50%);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    mix-blend-mode:multiply;
    pointer-events:none
}
.content-plate .right-frame{
    background-image:url(../imgs/decor/right_frame.svg)
}
.content-plate .left-frame{
    background-image:url(../imgs/decor/left_frame.svg)
}
.content-plate__text{
    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;
    font-weight:600;
    font-size:18rem;
    text-align:center;
    padding:0 30rem;
    z-index:1;
    position:relative
}
.content-plate__text.zoomInDown{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.content-plate::after,.content-plate::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    pointer-events:none;
    width:100%;
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.content-plate::before{
    background-image:url(../imgs/decor/frame_border_right.svg)
}
.content-plate::after{
    background-image:url(../imgs/decor/frame_border_left.svg)
}
.content-plate.animate-plate .right-frame,.content-plate.animate-plate::before{
    -webkit-animation:rightToLeft .5s ease-in-out;
    animation:rightToLeft .5s ease-in-out
}
.content-plate.animate-plate .left-frame,.content-plate.animate-plate::after{
    -webkit-animation:leftToRight .5s ease-in-out;
    animation:leftToRight .5s ease-in-out
}
.copyrighting{
    position:fixed;
    bottom:20rem;
    z-index:3;
    width:100%;
    text-align:center;
    font-size:12rem;
    font-weight:400;
    opacity:.8
}
@-webkit-keyframes progress{
    from{
        stroke-dashoffset:360
    }
    to{
        stroke-dashoffset:0
    }
}
@keyframes progress{
    from{
        stroke-dashoffset:360
    }
    to{
        stroke-dashoffset:0
    }
}
.loading-bar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.loading-bar__counter{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.loading-bar svg{
    width:114rem;
    height:114rem;
    overflow:visible
}
.loading-bar .bg{
    fill:none;
    stroke-width:5rem;
    stroke:rgba(255,255,255,.4)
}
.loading-bar .meter{
    fill:none;
    stroke-width:5rem;
    stroke-linecap:round;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    stroke-dasharray:360;
    stroke-dashoffset:360
}
.loading-bar .meter.animate{
    -webkit-animation:progress 3s ease-in;
    animation:progress 3s ease-in;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.logo{
    width:100%;
    max-width:260rem;
    position:absolute;
    pointer-events:none;
    top:2%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:2
}
.logo-rotated{
    width:100%;
    max-width:298rem;
    margin-bottom:-60rem;
    z-index:2;
    pointer-events:none;
    -webkit-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    transform:rotate(5deg);
    -webkit-transform-origin:top right;
    -ms-transform-origin:top right;
    transform-origin:top right
}
.main-button,.step.--final .notification .step__form #formIframe form#signupForm input[type=submit],.step.--final .notification .step__form #formIframe input[type=submit],.step.--final .notification .step__form .iframe form#signupForm input[type=submit],.step.--final .notification .step__form .iframe input[type=submit]{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    margin:0;
    padding:0;
    background-color:transparent;
    border:none;
    font:inherit;
    color:#fff;
    width:100%;
    height:50rem;
    max-width:250rem;
    text-transform:uppercase;
    -webkit-clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);
    clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);
    line-height:1;
    padding:17rem 10rem;
    cursor:pointer;
    background-color:#fff
}
.main-button::after,.step.--final .notification .step__form #formIframe form#signupForm input[type=submit]::after,.step.--final .notification .step__form #formIframe input[type=submit]::after,.step.--final .notification .step__form .iframe form#signupForm input[type=submit]::after,.step.--final .notification .step__form .iframe input[type=submit]::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    pointer-events:none;
    background:-o-linear-gradient(123.62deg,#8256ff -6.77%,#fd56ff 43.03%,#ffa5cb 90.98%);
    background:linear-gradient(326.38deg,#8a64db -6.77%,#f05037 43.03%,#fb8471 90.98%);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    z-index:-1;
    -webkit-clip-path:polygon(12% 1px,88% 1px,calc(100% - 1px) 50%,88% calc(100% - 1px),12% calc(100% - 1px),1px 50%);
    clip-path:polygon(12% 1px,88% 1px,calc(100% - 1px) 50%,88% calc(100% - 1px),12% calc(100% - 1px),1px 50%)
}
.main-button.--dark::after,.step.--final .notification .step__form #formIframe form#signupForm input.--dark[type=submit]::after,.step.--final .notification .step__form #formIframe input.--dark[type=submit]::after,.step.--final .notification .step__form .iframe form#signupForm input.--dark[type=submit]::after,.step.--final .notification .step__form .iframe input.--dark[type=submit]::after{
    background:-o-linear-gradient(145.24deg,#5338a0 3.13%,#7e5a69 94.1%);
    background:linear-gradient(304.76deg,#5338a0 3.13%,#7e5a69 94.1%)
}
.main-button__outer-border{
    position:relative;
    width:100%;
    height:50rem;
    max-width:250rem
}
.main-button__outer-border::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    pointer-events:none;
    width:122%;
    height:194%;
    background-image:url(../imgs/decor/button_outer_border_mobile.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    -webkit-transition:opacity,.1s linear;
    -o-transition:opacity,.1s linear;
    transition:opacity,.1s linear
}
.main-button__outer-border:hover::before{
    opacity:0
}
.main-button__outer-border.--dark::before{
    background-image:url(../imgs/decor/button_outer_border_mobile_no_glow.svg)
}
.main-button__outer-border.--dark .main-button::after,.main-button__outer-border.--dark .step.--final .notification .step__form #formIframe form#signupForm input[type=submit]::after,.main-button__outer-border.--dark .step.--final .notification .step__form #formIframe input[type=submit]::after,.main-button__outer-border.--dark .step.--final .notification .step__form .iframe form#signupForm input[type=submit]::after,.main-button__outer-border.--dark .step.--final .notification .step__form .iframe input[type=submit]::after,.step.--final .notification .step__form #formIframe .main-button__outer-border.--dark input[type=submit]::after,.step.--final .notification .step__form #formIframe form#signupForm .main-button__outer-border.--dark input[type=submit]::after,.step.--final .notification .step__form .iframe .main-button__outer-border.--dark input[type=submit]::after,.step.--final .notification .step__form .iframe form#signupForm .main-button__outer-border.--dark input[type=submit]::after{
    background:-o-linear-gradient(145.24deg,#5338a0 3.13%,#7e5a69 94.1%);
    background:linear-gradient(304.76deg,#5338a0 3.13%,#7e5a69 94.1%)
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes zoomInDown{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInDown{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@keyframes rotate{
    from{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    to{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
.animationRotate{
    -webkit-animation-name:rotate;
    animation-name:rotate;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
@media only screen and (min-width:768px){
    html#html{
        font-size:.13vw
    }
    body#body{
        font-size:18rem
    }
    .container{
        padding:30rem
    }
    h1{
        font-size:50rem
    }
    h2{
        font-size:36rem
    }
    h3{
        font-size:28rem
    }


}
@media only screen and (max-width:768px){

    .--four .logo, .--five .logo, .--six .logo, .--seven .logo, .--eight .logo{
        max-width: 158rem!important;
    }

    iframe {
        min-width: 230px!important;
        margin-top: 180px!important;
    }

}
@media only screen and (min-width:1024px) and (orientation:landscape){
    html#html{
        font-size:.0521vw
    }
    .container{
        padding:60rem
    }
    h1{
        font-size:60rem
    }
    h3{
        font-size:34rem
    }
    .step{
        padding:10rem;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .step.--cards{
        padding:136rem 100rem 80rem
    }
    .step.--cards .content-plate{
        margin-bottom:20rem;
        width:auto;
        height:auto;
        max-width:none;
        max-height:none;
        padding:62rem 126rem 48rem
    }
    .step.--cards .content-plate::before{
        background-image:url(../imgs/decor/cards_frame_border_desktop.svg);
        z-index:1
    }
    .step.--cards .content-plate .right-frame{
        background-image:url(../imgs/decor/cards_frame_desktop.svg)
    }
    .step.--cards .content-plate__text{
        font-size:40rem;
        font-weight:700
    }
    .step.--cards .button-box{
        height:78.5%;
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none
    }
    .step.--cards .button-box .cards-list__item{
        -webkit-box-flex:1;
        -ms-flex:1 1;
        flex:1 1
    }
    .step.--cards .button-box .cards-list__item:nth-child(odd){
        padding-right:0
    }
    .step.--cards .button-box .cards-list__item:nth-child(even){
        padding-left:0
    }
    .step.--cards .button-box .cards-list__item:nth-child(1),.step.--cards .button-box .cards-list__item:nth-child(2){
        padding-bottom:0
    }
    .step.--cards .button-box .cards-list__item:not(:first-child){
        margin-left:40rem
    }
    .step.--cards .button-box .cards-list__card-box{
        padding:18rem 18rem 20%;
        background-image:url(../imgs/decor/card_background_desktop.svg)
    }
    .step.--cards .button-box .cards-list__card-box .main-button,.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form #formIframe form#signupForm input[type=submit],.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form #formIframe input[type=submit],.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form .iframe form#signupForm input[type=submit],.step.--cards .button-box .cards-list__card-box .step.--final .notification .step__form .iframe input[type=submit],.step.--final .notification .step__form #formIframe .step.--cards .button-box .cards-list__card-box input[type=submit],.step.--final .notification .step__form #formIframe form#signupForm .step.--cards .button-box .cards-list__card-box input[type=submit],.step.--final .notification .step__form .iframe .step.--cards .button-box .cards-list__card-box input[type=submit],.step.--final .notification .step__form .iframe form#signupForm .step.--cards .button-box .cards-list__card-box input[type=submit]{
        width:94%;
        height:80rem;
        padding:26rem 10rem
    }
    .step.--cards .button-box .cards-list__image-box{
        margin-bottom:20rem
    }
    .step.--two .content-plate__text span:nth-child(2){
        font-size:40rem;
        font-weight:700
    }
    .step.--three .content-plate__text span:nth-child(2){
        font-size:40rem;
        font-weight:700
    }
    .step.--three .button-box>*{
        max-width:400rem
    }
    .step.--three .button-box>:nth-child(odd){
        margin-right:40rem
    }
    .no-webp .step.--four .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step4-card1-desktop.html)
    }
    .no-webp .step.--four .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step4-card2-desktop.html)
    }
    .no-webp .step.--four .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step4-card3-desktop.html)
    }
    .no-webp .step.--four .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step4-card4-desktop.html)
    }
    .no-webp .step.--five .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step5-card1-desktop.html)
    }
    .no-webp .step.--five .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step5-card2-desktop.html)
    }
    .no-webp .step.--five .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step5-card3-desktop.html)
    }
    .no-webp .step.--five .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step5-card4-desktop.html)
    }
    .no-webp .step.--six .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step6-card1-desktop.html)
    }
    .no-webp .step.--six .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step6-card2-desktop.html)
    }
    .no-webp .step.--six .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step6-card3-desktop.html)
    }
    .no-webp .step.--six .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step6-card4-desktop.html)
    }
    .no-webp .step.--seven .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step7-card1-desktop.html)
    }
    .step.--seven .cards-list__item:nth-child(1) .cards-list__image{
        background-position:bottom
    }
    .no-webp .step.--seven .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step7-card2-desktop.html)
    }
    .step.--seven .cards-list__item:nth-child(2) .cards-list__image{
        background-position:bottom
    }
    .no-webp .step.--seven .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step7-card3-desktop.html)
    }
    .step.--seven .cards-list__item:nth-child(3) .cards-list__image{
        background-position:bottom
    }
    .no-webp .step.--seven .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step7-card4-desktop.html)
    }
    .step.--seven .cards-list__item:nth-child(4) .cards-list__image{
        background-position:bottom
    }
    .no-webp .step.--eight .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step8-card1-desktop.html)
    }
    .no-webp .step.--eight .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step8-card2-desktop.html)
    }
    .no-webp .step.--eight .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step8-card3-desktop.html)
    }
    .no-webp .step.--eight .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step8-card4-desktop.html)
    }
    .step.--nine{
        padding:10rem
    }
    .step.--nine .content-plate__text span:nth-child(1){
        font-size:40rem;
        font-weight:700
    }
    .step.--nine .button-box{
        max-width:55%;
        padding:0
    }
    .step.--nine .button-box>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 45%;
        flex:0 0 45%;
        max-width:400rem
    }
    .step.--nine .button-box>:nth-child(odd){
        margin-right:40rem
    }
    .step.--nine .button-box>:nth-child(3){
        margin-top:30rem
    }
    .step.--ten{
        padding:10rem
    }
    .step.--ten .content-plate__text span:nth-child(2){
        font-size:40rem;
        font-weight:700
    }
    .step.--ten .button-box>*{
        max-width:400rem
    }
    .step.--ten .button-box>:nth-child(odd){
        margin-right:40rem
    }
    .step.--eleven .content-plate__text span:nth-child(2){
        font-size:40rem;
        font-weight:700
    }
    .step.--eleven .button-box>*{
        max-width:400rem
    }
    .step.--eleven .button-box>:nth-child(odd){
        margin-right:40rem
    }
    .step.--twelve .content-plate__text span:nth-child(1){
        font-size:40rem;
        font-weight:700
    }
    .step.--thirteen .content-plate__text span:nth-child(1){
        font-size:40rem;
        font-weight:700
    }
    .step.--thirteen .button-box>*{
        max-width:400rem
    }
    .step.--thirteen .button-box>:nth-child(odd){
        margin-right:40rem
    }
    .step.--fourteen .content-plate__text span:nth-child(1){
        font-size:40rem;
        font-weight:700
    }
    .step.--fifteen{
        padding:10rem
    }
    .step.--fifteen .content-plate{
        padding:110rem 0
    }
    .step.--fifteen .content-plate__text{
        padding:0
    }
    .step.--fifteen .content-plate__heading{
        font-size:40rem;
        font-weight:700;
        margin-bottom:20rem
    }
    .step.--fifteen .content-plate__list{
        padding:0;
        font-size:24rem
    }
    .step.--fifteen .content-plate__list-item:not(:last-child){
        margin-bottom:20rem
    }
    .step.--fifteen .content-plate__list-item::marker{
        font-size:35rem
    }
    .step.--fifteen .button-box{
        margin-top:-88rem
    }
    .step.--sixteen{
        padding:10rem
    }
    .step.--sixteen .content-plate{
        padding:110rem 0
    }
    .step.--sixteen .content-plate__text{
        padding:0
    }
    .step.--sixteen .content-plate__heading{
        font-size:40rem;
        font-weight:700;
        margin-bottom:20rem
    }
    .step.--sixteen .content-plate__list{
        padding:0;
        font-size:24rem
    }
    .step.--sixteen .content-plate__list-item{
        padding-left:43rem
    }
    .step.--sixteen .content-plate__list-item:not(:last-child){
        margin-bottom:20rem
    }
    .step.--sixteen .content-plate__list-item::before{
        width:30rem;
        height:23rem
    }
    .step.--sixteen .button-box{
        margin-top:-88rem
    }
    .step.--final{
        padding-top:25vh!important
    }
    .audio__mute::before{
        background-size:45%
    }
    .audio{
        width:57rem;
        height:57rem;
        top:38rem;
        right:59rem
    }
    .button-box{
        margin-top:-50rem
    }
    .button-box .agreement{
        font-size:20rem
    }
    .content-plate{
        max-width:52.5%;
        min-height:380rem;
        padding:130rem 0 70rem
    }
    .content-plate__text{
        font-size:32rem;
        font-weight:600;
        padding:0 110rem
    }
    .copyrighting{
        font-size:14rem
    }
    .loading-bar{
        -webkit-transform:translate(-50%,0) scale(2.2);
        -ms-transform:translate(-50%,0) scale(2.2);
        transform:translate(-50%,0) scale(2.2)
    }
    .logo{
        top:0%;
        max-width:28%
    }
    .logo-rotated{
        max-width:42%;
        margin-bottom:-232rem
    }
    .main-button,.step.--final .notification .step__form #formIframe form#signupForm input[type=submit],.step.--final .notification .step__form #formIframe input[type=submit],.step.--final .notification .step__form .iframe form#signupForm input[type=submit],.step.--final .notification .step__form .iframe input[type=submit]{
        height:100rem;
        max-width:500rem;
        padding:34rem 20rem;
        -webkit-clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);
        clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%)
    }
    .main-button::after,.step.--final .notification .step__form #formIframe form#signupForm input[type=submit]::after,.step.--final .notification .step__form #formIframe input[type=submit]::after,.step.--final .notification .step__form .iframe form#signupForm input[type=submit]::after,.step.--final .notification .step__form .iframe input[type=submit]::after{
        -webkit-clip-path:polygon(10% 2px,90% 2px,calc(100% - 2px) 50%,90% calc(100% - 2px),10% calc(100% - 2px),2px 50%);
        clip-path:polygon(10% 2px,90% 2px,calc(100% - 2px) 50%,90% calc(100% - 2px),10% calc(100% - 2px),2px 50%)
    }
    .main-button__outer-border{
        height:100rem;
        max-width:500rem
    }
    .main-button__outer-border::before{
        width:122%;
        height:194%;
        background-image:url(../imgs/decor/button_outer_border_desktop.svg)
    }
    .main-button__outer-border.--dark::before{
        background-image:url(../imgs/decor/button_outer_border_desktop_no_glow.svg)
    }
}
@media only screen and (min-width:2560px){
    html#html{
        font-size:1.76px
    }
}
@media only screen and (max-width:1023px) and (orientation:landscape) and (pointer:coarse){
    body#body main{
        display:none
    }
    .no-webp body#body .mobile-landscape-warning{
        background:url(../imgs/backgrounds/backgroundMobileLandscapeWarning.html) center center/cover no-repeat
    }
    body#body .mobile-landscape-warning{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        width:100%;
        height:100%
    }
    body#body .mobile-landscape-warning p{
        font:inherit
    }
}
.webp .step.--four .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step4-card1-mobile.webp)
}
.webp .step.--four .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step4-card2-mobile.webp)
}
.webp .step.--four .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step4-card3-mobile.webp)
}
.webp .step.--four .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step4-card4-mobile.webp)
}
.webp .step.--five .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step5-card1-mobile.webp)
}
.webp .step.--five .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step5-card2-mobile.webp)
}
.webp .step.--five .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step5-card3-mobile.webp)
}
.webp .step.--five .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step5-card4-mobile.webp)
}
.webp .step.--six .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step6-card1-mobile.webp)
}
.webp .step.--six .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step6-card2-mobile.webp)
}
.webp .step.--six .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step6-card3-mobile.webp)
}
.webp .step.--six .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step6-card4-mobile.webp)
}
.webp .step.--seven .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step7-card1-mobile.webp)
}
.webp .step.--seven .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step7-card2-mobile.webp)
}
.webp .step.--seven .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step7-card3-mobile.webp)
}
.webp .step.--seven .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step7-card4-mobile.webp)
}
.webp .step.--eight .cards-list__item:nth-child(1) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step8-card1-mobile.webp)
}
.webp .step.--eight .cards-list__item:nth-child(2) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step8-card2-mobile.webp)
}
.webp .step.--eight .cards-list__item:nth-child(3) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step8-card3-mobile.webp)
}
.webp .step.--eight .cards-list__item:nth-child(4) .cards-list__image{
    background-image:url(../imgs/backgrounds/cards/background-step8-card4-mobile.webp)
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--four .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step4-card1-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--four .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step4-card2-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--four .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step4-card3-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--four .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step4-card4-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--five .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step5-card1-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--five .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step5-card2-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--five .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step5-card3-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--five .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step5-card4-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--six .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step6-card1-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--six .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step6-card2-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--six .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step6-card3-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--six .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step6-card4-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--seven .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step7-card1-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--seven .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step7-card2-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--seven .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step7-card3-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--seven .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step7-card4-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--eight .cards-list__item:nth-child(1) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step8-card1-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--eight .cards-list__item:nth-child(2) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step8-card2-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--eight .cards-list__item:nth-child(3) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step8-card3-desktop.webp)
    }
}
@media only screen and (min-width:1024px) and (orientation:landscape){
    .webp .step.--eight .cards-list__item:nth-child(4) .cards-list__image{
        background-image:url(../imgs/backgrounds/cards/background-step8-card4-desktop.webp)
    }
}
@media only screen and (max-width:1023px) and (orientation:landscape) and (pointer:coarse){
    .webp body#body .mobile-landscape-warning{
        background:url(../imgs/backgrounds/backgroundMobileLandscapeWarning-2.html) center center/cover no-repeat
    }
}


iframe {
    min-width: 460px;
    border: none;
    min-height: 470px;
}

#form-title{
    text-align: center;
    font-size: 30rem;
    margin-bottom: -200px;
    margin-top: 110px;
}

.form_num{
    color: #eb4c45;
}

.background-video{
	z-index: -1;
}
.background-video{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	object-fit: cover;
}

@media (orientation:portrait){

    #background-video-landscape{
		display: none;
	}
	#background-video-portrait{
		display: block;
		position: absolute;
		width: 100vw;
		height: 100vh;
		margin-top: -0vw;
	}

}

@media (orientation:landscape){
	#background-video-portrait{
		display: none;
	}
	#background-video-landscape{
		display: block;
		position: absolute;
		width: 100vw;
		height: 100vh;
		margin-top: 0vw;
	}
}