@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
    url('../fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'pfdin';
    src: url('../fonts/DINPro-CondensedRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),
    url('../fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.u {text-transform: uppercase;}

html {font-size:10px;}
td,table,img {padding:0; border:none;border-collapse:collapse;}
body {width:750px; height:100%;overflow: hidden; text-transform:uppercase; background: #112F57 url(../i/bgr.webp) center center no-repeat;background-size: cover;   font-family: 'bebas_neueregular', sans-serif;margin:0; padding:0;font-size:30px;color:#fff;scroll-behavior: smooth;line-height:1.2;}

.b {font-family: 'bebas_neuebold', sans-serif;}
.m {font-family: 'bebas_neueregular', sans-serif;}



.expired {width:100%;height:100%;display: flex;align-items: center;justify-content: center;padding:0 0 100px 0;}
.expired.age {padding:0;}
.expired-w {width:710px;padding:250px 10px 00px 10px;text-align: center;background: no-repeat;background-size: 100% 100%;position: absolute}
.expired-w.age {padding:0px 30px 00px 30px;}
.expired-w.splash {padding:100px 30px 100px 30px;}
.expired-w .icon {position:absolute;left:0;top:-95px;width:100%;text-align: center;}
.expired-caption {font-size:63px;line-height: 1.1}
.expired-text {font-size:44px;margin-top:40px;line-height: 1.3}

.expired-button {margin:100px auto;width:300px}

.expired-text {font-size:44px;margin-top:40px;line-height: 1.3}


.poll-done-button {margin:100px auto;width:300px}
.poll-done {width:100%;height:100%;display: flex;align-items: center;justify-content: center;padding:0 0 100px 0;}
.poll-done-w {width:710px;padding:250px 10px 00px 10px;text-align: center;background: no-repeat;background-size: 100% 100%;position: absolute}
.poll-done-caption {font-size:63px;line-height: 1.1}
.poll-done .p-cloud {transform: translateY(100%)}
.swiper-slide-main.swiper-slide-active .poll-done .p-cloud {transform: translateY(0%)}

td {}
form {margin:0;}
a {color:inherit;text-decoration:none;}
table {border-collapse:collapse;}

* {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust:none;
    text-size-adjust: none;
}

body {opacity:0;}
body.ready {opacity:1;}

sub,sup {vertical-align:baseline; position:relative;bottom:-4px;}

sup{top:-10px;}

ul, ul li {margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5 {margin:0;font-weight:normal;box-sizing:border-box;}


body,div,ul,li,img,a,label,td,table,span {box-sizing:border-box;}

textarea.cf {
    width:100%;
    height:555px;
    margin: auto;
    line-height: 1.3;
    padding:24px 24px 24px 24px;

    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255,1 );
    background: rgba(0, 0, 0, 0.2);
    box-sizing: border-box;

    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #fff;
    font-size:43px;
    display: block;

}
@media (max-height: 1150px) {
    textarea.cf {height:400px;}
}

::placeholder {
    color:rgba(255,255,255,0.6);
    opacity: 1;
    font-size:43px;
    text-align: left;
}



.button {
    padding:0 20px 0 20px;
    box-sizing:border-box;
    height:104px;
    line-height:104px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #DAB762 0%, #F6DE97 33.67%, #C89D53 77.67%, #FAE091 100%);

    border: none;
    border-radius: 12px;
    width:100%;
    text-transform:uppercase;
    -webkit-appearance: none;
    outline:none;
    color:#402A1D;

    transition:all .3s linear ;

    position: relative;

    font-size:44px;
    font-family: 'bebas_neuebold', sans-serif;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;

}








.button.dark {
    background: linear-gradient(94.45deg, rgba(0, 0, 0, 0.45) 15.1%, rgba(0, 0, 0, 0.225) 115.84%);
    color:#fff;
}

.button.sm {height:96px;line-height: 96px;}



.button img {width:48px;height:48px;margin-right:10px;}

.clickable {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor: pointer;  -webkit-user-select: none; /* Safari */

    user-select: none; }
.button.blanque {}



.main {z-index:10;position:fixed;width:750px;margin:auto;height:100%;}


@media only screen and (max-width: 750px) {
    html,body {width:750px;margin: auto;position: relative;height: 100%;}
}

@media only screen and (min-width: 751px) {
    html,body {width:100%;margin: auto;position: relative;height: 100%;}
}


.p-cloud.p-cloud-1 {transition-delay:.3s;}
.p-cloud.p-cloud-2 {transition-delay:0.5s;}
.p-cloud.p-cloud-3 {transition-delay:0.7s;}
.p-cloud.p-cloud-4 {transition-delay:0.9s;}
.p-cloud.p-cloud-5 {transition-delay:1.1s;}
.p-cloud.p-cloud-6 {transition-delay:1.3s;}
.p-cloud.p-cloud-7 {transition-delay:1.5s;}

.cloud-wrapper {overflow:hidden;}

body {position:relative;}
body.desktop {width:100%;background: url(../i/desktop/1.webp) center center no-repeat;background-size: cover;}

html {}
.swiper-container-main {height:100%;position: fixed;left:0;top:0;width: 750px;height:100%;z-index:100;}
.swiper-wrapper {height:auto;height:100%;}
.swiper-slide {}
.swiper-slide-main {overflow: hidden;height:100%;width: 100%;}

.scrolled-page {overflow: auto;height:100%;width: 100%;position: relative;}
.p-cloud {transition:all 0.8s ease}

.y-18 .p-cloud {transform:scale(0);opacity:0;}



body.ready-loader .y-18 .p-cloud {transform:none;opacity:1;}

.cover-media {height:100%;position: fixed;left:0;top:0;width: 750px;height:1500px;z-index:1;transform: scale(1.3);transition: transform .3s linear;}
.cover-media .media {width:750px;height:1500px;object-fit: cover;}
.cover-black {height:100%;position: fixed;left:0;top:0;width: 750px;z-index:101;background: #000;}
body.ready-loader .cover-media {transform: none;}
body.ready-loader .cover-black {animation:cover-black 1s linear;animation-fill-mode:forwards}

@keyframes cover-black{
    0%{opacity: 1;}
    90%{opacity: 0;}
    100%{opacity: 0;}
}


.swiper-slide-age {display: flex;align-items: center;justify-content: center;}
.y-18 {width:620px;text-align: center;padding:0 0 100px 0}
.y-18-caption {font-size: 72px;line-height: 1.1;padding: 80px 0 40px 0;transition: all 0.3s linear;opacity:0;transform: scale(0.3)}
.y-18-bttns {width:100%;display: flex;justify-content: center;margin:0px 0 0 0;}
.y-18-bttns .button {width:246px;margin:0 20px;transition:all 0.3s ease 0.4s;opacity:0;transform: translateY(50%);box-shadow: 20px 30px 120px rgba(0, 0, 0, 0.65);}
.y-18-bttns .button.button-2 {transition:all 0.3s linear 0.5s;}
.y-18-legal {letter-spacing: 0.02em;text-transform:none;z-index:100;transition:all 0.3s ease;opacity:0;position:absolute;left:0;bottom:0;width:100%;padding:50px;line-height: 1.4;font-size: 26px;}




body.ready-loader .y-18-caption {opacity: 1;transform: none;}
body.ready-loader .y-18-legal {opacity: 0.7;}
body.ready-loader .y-18-bttns .button {transform: none;opacity:1;width:240px;}

.swiper-slide-age.confirmed .y-18-caption {transform: scale(1.3);opacity:0;}
.swiper-slide-age.confirmed .y-18-legal {transform: translateY(100%);opacity:0;}
.swiper-slide-age.confirmed .y-18-bttns .button {transform: translateY(50%);opacity: 0;transition-delay: 0s;}


@keyframes pointer2{
    0%{transform:translateX(0%)}
    25%{transform:translateX(20%)}
    75%{transform:translateX(-20%)}
    100%{transform:translateX(0%)}
}


.clickable {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}




.button:active {transform: scale(1.03)}

.input-field {background:rgba(7,30,77,0.15);border:3px solid rgba(255,255,255,0.15);border-radius:14px;min-height:115px;display:flex;align-items:center;padding:0 80px 0 32px;cursor:pointer;transition:all 0.3s ease;background:right 50px top no-repeat;}


html {}
.swiper-container-main {height:100%;position: fixed;left:0;top:0;width: 750px;height:100%;z-index:100;}
.swiper-wrapper {height:auto;height:100%;}
.swiper-slide {}
.swiper-slide-main {overflow: hidden;height:100%;width: 100%;}

.scrolled-page {overflow: auto;height:100%;width: 100%;position: relative;}
.p-cloud {transition:all 0.8s ease}

.y-18 .p-cloud {transform:scale(0);opacity:0;}


@keyframes pointer2{
    0%{transform:translateX(0%)}
    25%{transform:translateX(20%)}
    75%{transform:translateX(-20%)}
    100%{transform:translateX(0%)}
}

@media (max-height: 1350px) {

}


.splash-horizontal {display:none;width:100%;height:100%;left:0;top:0;position: fixed;z-index:9999;background: url(../i/v/1.webp?13e) center center no-repeat;background-size: cover;}

@media (orientation: landscape) {
    .splash-horizontal {display:block;}
    body {background: #000;}

}

@keyframes pointer2{
    0%{transform:translateX(0px)}
    50%{transform:translateX(20px)}
    100%{transform:translateX(0px)}
}

@keyframes rotate {
    from {
        transform: rotate(-360deg);
    }
}

@keyframes rotate2 {
    from {
        transform: rotate(360deg);
    }
}


.stage-video {width:100%;height:100%;object-fit: cover;object-position:center top;transition: opacity 2s ease 0.5s;opacity: 0;}
.swiper-slide-active.swiper-slide-main-video .stage-video {opacity: 1;}

body.newblue .swiper-slide-main-video {background: #000;}

.ball {animation: rotate 60s linear infinite;position:absolute;left: -338px;bottom: -226px;width:570px;height:570px;background: url(../i/ball.webp) no-repeat;background-size: contain}




.swiper-slide-main-poll {}
.poll-scene {position:absolute;left:0;top:0;width:100%;height:100%;overflow: hidden;}

.poll-scene-image {position:absolute;left:100px;bottom:0px;z-index:2;transition: transform 1s ease;transform: translateY(50%)}
.poll-scene-image img {display: block;}
.poll-scene .ball {z-index:3;}
.swiper-slide-main-poll-intro.swiper-slide-active .poll-scene-image {transform: translateY(0%)}
.swiper-slide-main-poll-intro.swiper-slide-prev .poll-scene-image {transform: translateY(0%)}

.poll-scene .ball2 {position: absolute;z-index:1;left:60px;bottom: 200px;width: 800px;transition: transform 1s ease 0.8s;transform: scale(5%)}
.swiper-slide-main-poll-intro.swiper-slide-active .ball2 {transform: none;}
.swiper-slide-main-poll-intro.swiper-slide-prev .ball2 {transform: none;}
.poll-scene .ball2 img {display: block;width:100%;height:auto;animation: rotate2   260s linear infinite;}
.swiper-container-poll {position:relative;width:100%;height:100%;z-index:100;}
.poll-caption {text-align: center;font-size:56px;line-height:1.1;padding:70px 0 0 0;}

.poll-caption.x-3 {height:300px;}
.poll-caption.x-5 {height:450px;}
.poll-caption .p-cloud {transform: translateY(110%)}
.poll-caption span {background: linear-gradient(90deg, #DAB762 0%, #F6DE97 33.67%, #C89D53 77.67%, #FAE091 100%), #FFFFFF;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.swiper-slide-main-poll-intro.swiper-slide-active  .poll-caption .p-cloud {transform: none;}
.swiper-slide-main-poll-intro.swiper-slide-prev  .poll-caption .p-cloud {transform: translateY(-110%);}
.swiper-slide-main-poll.swiper-slide-active .swiper-slide-poll.swiper-slide-active .poll-caption .p-cloud {transform: none;}
.swiper-slide-main-poll.swiper-slide-active .swiper-slide-poll.swiper-slide-prev .poll-caption .p-cloud {transform: translateY(-110%);transition-delay: 0s;}

.p-cloud-wrapper {overflow:hidden;}
.swiper-container-poll .button {height:96px;line-height:96px;}
.poll-intro-button {transition: transform 0.9s ease;transform: translateY(100%);position:absolute;z-index:10;bottom:0;left:0;width:100%;padding:70px 180px;}
.swiper-slide-main-poll-intro.swiper-slide-active  .poll-intro-button {transform:none;}
.swiper-slide-main-poll-intro.swiper-slide-prev  .poll-intro-button {transform: translateY(100%);}

.poll-wrapper {width:100%;margin:-90px auto auto auto;padding: 0 0 50px 0;min-height:1100px;display: flex;align-items: center;justify-content: center;background: url(../i/pbg.webp) no-repeat;background-size: 100% 100%; }
.poll-wrapper.x-3 {min-height:1090px;}
.poll-wrapper.x-5 {min-height:935px;}

.poll-wrapper.x-5 textarea.cf {height:416px;}
.poll-wrapper-2 {padding:0px 150px;width:100%;}
.poll-wrapper .button {width:100%;}
.poll-index {width:100%;}
.poll-index .button {margin:20px 0;}

.swiper-container-poll {background: url(../i/pollbg3.webp) no-repeat;background-size: cover;}
.poll-form-item {width:100%;}
.vote-button {
    position:relative;
    display: flex;
    height:108px;
    line-height:108px;
    border:2px solid rgba(255,255,255,0.6);
    border-radius:20px;
    font-size: 44px;
    text-transform: uppercase;
    margin:20px 0;
    padding:0 0 0 86px;
    transition: all 0.5s ease;
    align-items: center;

}

.poll-bttn {margin-top:40px;;}
.poll-bttn.disabled {opacity:0.5;}

.vote-button:before {
    width:36px;
    height:36px;
    border:2px solid #fff;
    border-radius:100%;
    display: block;;
    content:'';
    transition: all 0.5s ease;
    position:absolute;
    left:27px;
    top:31px;
}


.poll-form-item-textarea-caption {font-size:44px;text-transform: uppercase;margin:0 0 30px 0;}

.vote-button.active {border-color:#fff;}

.vote-button.active:before {border-width: 13px;width:17px;height:17px;}


.main-nav {position:fixed;left:0;bottom:0px;width:100%;transition: bottom 1s ease;padding:50px 0 30px;z-index:100;}

.main-nav-button {position:fixed;left:0;bottom:0px;width:100%;transition: bottom 1s ease;padding:50px 0;z-index:100;}
.main-nav-button .button {width:388px;height:96px;font-size:44px;line-height:96px;margin:auto;}
.main-nav-button.disabled {bottom:-200px;}
.main-nav.disabled {bottom:-200px;}

.main-poll-button {position:fixed;left:0;bottom:0px;width:100%;transition: bottom 1s ease;padding:50px 0;z-index:100;}
.main-poll-button .button {width:388px;height:96px;font-size:44px;line-height:96px;margin:auto;}
.main-poll-button.disabled {bottom:-200px;}


.nav-status {
    width: 360px;
    height: 96px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 100px;
    font-size:44px;
    display: flex;
    padding:0 40px;
    justify-content: space-between;
    align-items: center;
    margin:auto;
    transition: all 1s ease;
}

.nav-status.x-3 {width:300px;}
.nav-status.active {transform:scale(1.2)}

.nav-status-bullets {display: flex;}

.nav-status-bullet {
    width:10px;
    height:10px;
    border-radius: 100%;
    background: rgba(255,255,255,0.2);
    margin:0 15px 0 0;
}

.nav-status-bullet div {
    width:100%;height:100%;border-radius: 100%;transition: transform 1s ease;background:#fff;transform:scale(0)
}

.main-nav.stage-1 .nav-status-bullet.bullet-1 div {transform: scale(1)}
.main-nav.stage-2 .nav-status-bullet.bullet-2 div {transform: scale(1)}
.main-nav.stage-3 .nav-status-bullet.bullet-3 div {transform: scale(1)}
.main-nav.stage-4 .nav-status-bullet.bullet-4 div {transform: scale(1)}
.main-nav.stage-5 .nav-status-bullet.bullet-5 div {transform: scale(1)}

.nav-status .caption {display: flex;align-items:center;transition: all 1s ease;opacity:0.5;}
.nav-status .caption img {display: block;width:20px;height:40px;margin:0 0 0 20px;}

.nav-status.active .caption {opacity:1;}
.nav-status.active img {animation: arrow 1s linear infinite;}


@keyframes arrow{
    0%{transform: translateX(0px);}
    50%{transform: translateX(10px);}
    100%{transform: translateX(0px);}
}



.main-header {}
.main-header .p-cloud-wrapper {height:72px;width:750px;}
.main-header .main-caption.caption-7 {padding:0;text-align: center;}
.main-header .main-caption.caption-7 .p-cloud-wrapper {height:62px;width:750px;font-size:56px;}
.main-header {position: absolute;left:0;top:35px;z-index:100; ;text-align: left;font-size:72px;line-height: 100%;transition: top 1s ease;text-align: left;}
.main-header.disabled {top:-800px;}
.main-caption {position: absolute;left:0;top:0;width:100%;padding:0 0 0 50px}



.main-caption .orange {
    display: inline-block;
    background: linear-gradient(90deg, #DAB762 0%, #F6DE97 33.67%, #C89D53 77.67%, #FAE091 100%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.main-caption .p-cloud {transform: translateY(110%);}

.main-header.stage-1 .main-caption.caption-1 .p-cloud {transform: none;}
.main-header.stage-2 .main-caption.caption-1 .p-cloud {transform: translateY(-110%);transition-delay:0s}

.main-header.stage-3 .main-caption.caption-2 .p-cloud {transform: none;}

.main-header.stage-4 .main-caption.caption-2 .p-cloud {transform: translateY(-110%);transition-delay:0s}
.main-header.stage-4 .main-caption.caption-3 .p-cloud {transform: none;}

.main-header.stage-5 .main-caption.caption-3 .p-cloud {transform: translateY(-110%);transition-delay:0s}
.main-header.stage-5 .main-caption.caption-4 .p-cloud {transform: none;}

.main-header.stage-6 .main-caption.caption-4 .p-cloud {transform: translateY(-110%);transition-delay:0s}
.main-header.stage-6 .main-caption.caption-5 .p-cloud {transform: none;}

.main-header.stage-7 .main-caption.caption-5 .p-cloud {transform: translateY(-110%);transition-delay:0s}
.main-header.stage-7 .main-caption.caption-6 .p-cloud {transform: none;}

.main-header.stage-8 .main-caption.caption-6 .p-cloud {transform: translateY(-110%);transition-delay:0s}
.main-header.stage-8 .main-caption.caption-7 .p-cloud {transform: none;}

.main-caption .ico {display: flex;font-size:40px;align-items:center;}
.main-caption .ico .image {width:40px;min-width:40px;margin:0 15px 0 0;}

.main-caption .ico .image img {width:40px;height:40px;display: block;;}
.p-cloud-wrapper-ico {margin:0px 0;}
.main-header .p-cloud-wrapper.p-cloud-wrapper-ico {height:55px;}
.main-header .p-cloud-wrapper.p-cloud-wrapper-ico.ico-1 {margin-top: 15px;}


.main-header.greenlight .main-caption.caption-2 {font-size:56px}
.main-header.greenlight .main-caption.caption-2 .p-cloud-wrapper {height:56px;}
.main-header.greenlight .main-caption.caption-2 {}
.main-header.greenlight .p-cloud-wrapper.p-cloud-wrapper-ico {font-size:50px;height:55px !important;margin-top:-4px;}
.main-header.greenlight .p-cloud-wrapper.p-cloud-wrapper-ico.ico-1 {margin-top:10px; }



.personal-bubble {position:fixed;right:50px;top:50px;z-index:100;transition: transform 1s ease;}
.personal-bubble.disabled {transform: translateY(-300px)}
.personal-bubble .bttn img {width:42px;height:42px;display: block;}
.personal-bubble .lnk {position:absolute;right:60px;top:-16px;font-size:32px;transition: transform 0.5s ease;transform: translateY(-200px)}
body.bubble .personal-bubble .lnk {transform: none;}
body.bubble .main-header {top:-300px;}
.personal-bubble .lnk a {display: block;width:600px;background: #0E2440;border-radius:40px;padding:20px;text-align: center;}