.u {text-transform: uppercase;}

html {font-size:10px;}
td,table,img {padding:0; border:none;border-collapse:collapse;}
body {width:750px;    font-family: "Onest", sans-serif;margin:0; padding:0; background:#000;font-size:3.7vw;color:#fff;scroll-behavior: smooth;line-height:1.2;}
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;}


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;}



.cf {
    padding:30px 30px 0 30px;
    box-sizing:border-box;
    display:inline-block;
    line-height:1.3;
    background: none;

    width:100%;
    -webkit-appearance: none;
    outline:none;
    color:#fff;

    transition:box-shadow .3s ease ;
    border: none;

}

textarea.cf {
    width:450px;
    height:300px;
    margin: auto;
    line-height: 1.3;
    padding:24px 24px 24px 24px;
    background:url(../i/cf.png) center center no-repeat;
    background-size: 100% 100%;

    font-family: "Onest", sans-serif;

    border:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #fff;
    font-size:30px;
    display: block;

}

@media (max-height: 1250px) {
    textarea.cf {width:100%;height:440px;}
}

::placeholder {
    color:#939598;
    opacity: 1; /* Firefox */
}


.button {
    padding:0;
    box-sizing:border-box;
    display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 100;
    flex-direction: column;
    height:96px;
    font-family: "Onest", sans-serif;
    background: linear-gradient(79deg, #2A716D 7.39%, #52E8DC 38.54%, #2B736F 97.25%);
    box-shadow: -2px 1px 0px 0px rgba(255, 255, 255, 0.50) inset;
    background-size: 100% 100%;
    text-transform: uppercase;
    font-weight:800;
    font-size: 32px;
    border-radius:0px;
    color: #000;
    width:100%;
    -webkit-appearance: none;
    outline:none;
    text-shadow: 0px 2px 0px #FFF;
    border:2px solid rgba(0,0,0,0);
    position: relative;
    font-size:36px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.3s ease;
}

.poll-bttn .button {
    color: rgba(255, 255, 255, 35%);
    background: rgba(0, 0, 0, 70%);
    text-shadow:none;

    box-shadow: -2px 1px 0px 0px rgba(255, 255, 255, 0.50) inset;
}

.poll-bttn.active .button {
    color: rgba(255, 255, 255, 35%);
    background: linear-gradient(79deg, #2A716D 7.39%, #52E8DC 38.54%, #2B736F 97.25%);
    box-shadow: -2px 1px 0px 0px rgba(255, 255, 255, 0.50) inset;
    text-shadow: 0px 2px 0px #FFF;
    color: #000;

}


@keyframes button{
    0%{opacity:1}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes button2{
    0%{opacity:0}
    50%{opacity: 1;}
    100%{opacity: 0;}
}


.button small {font-size: 17px;font-weight: 500;letter-spacing: 6px;margin:4px 0 0 0;}


.button img {margin:0 20px;}

.clickable {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.button.blanque {
    background: linear-gradient(79deg, #001C18 7.39%, #004642 38.54%, #010101 97.25%);

    text-shadow: none;
    box-shadow: -2px 1px 0px 0px rgba(255, 255, 255, 0.50) inset;
    color:#fff;
}
.button.black {border: 4px solid #000;background: #000;color:#FEEB37;}



.header {color: #fff;font-size: 40px;font-style: normal;font-weight: 800;line-height: 130%;text-transform: uppercase;}


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

html {height:100%;}
body {width:750px;margin: auto;position: relative;height: 100%;overflow: hidden;}

body.desktop {width:100%;background: url(../i/desktop.webp?1) center center no-repeat;background-size: cover;}
body.info {background: url(../i/bg2.webp) center center no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 0 23vw 0;}
div.info {background: url(../i/bg2.webp) center center no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 0 23vw 0;width:100%;height:100%;}
.splash {background: url(../i/bg2.webp) center center no-repeat;background-size:  100% 100%;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 0 23vw 0;}

.swiper-slide-expired {background: url(../i/bg2.webp) center top no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 0 33vw 0;}

.swiper-wrapper {height:auto;height:100%;}
.swiper-slide {}
.swiper-slide-main {overflow: hidden;height:100%;width: 100%;}


.p-cloud {transition:all 0.8s ease}

.swiper-container {height:100%;}
.swiper-wrapper {height:100% !important;}
.swiper-slide {height:100%;}

.swiper-container-main {height:100%;}

.swiper-container-verical {height:470px;}

body.ready-loader .swiper-slide-main.swiper-slide-active .scene-line.line-1 {width:400px}


.ptr {position:absolute;cursor:pointer;left:20px;width:106px;bottom:50%;opacity:0.3;display: flex;align-items: center;justify-content: center;z-index:360;animation:pointer 2s infinite linear;}

.swiper-slide-main.stage-0 .ptr {display: none;}
.swiper-slide-main.stage-1 .ptr {display: none;}

.ptr div.hand {}
.ptr div.disabled {opacity: 0;}

@keyframes pointer{
    0%{transform:translateY(0%)}
    50%{transform:translateY(20%)}
    100%{transform:translateY(0%)}
}


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

@keyframes pulse{
    0%{transform:scale(0.9)}
    50%{transform:scale(1.1)}
    100%{transform:scale(0.9)}
}

.popwinalert.fancybox-content {width:500px;background: #000;text-align: center;padding:50px 40px;line-height: 1.5;font-size: 32px;}
body.fancybox-active {height:100%;}
.p-cloud {}
.swiper-slide-age {justify-content: center;align-items: center;}
body.ready-loader .swiper-slide-age {opacity: 1;}

body.ready-loader .age-wrapper {transform: scale(1);opacity:1;}

@media (max-height: 1250px) {


}

.age-caption .p-cloud {transition: all .8s ease;opacity: 0;transform: translateY(100%)}
body.ready-loader .age-caption .p-cloud {opacity: 1;transform: translateY(0%)}

.p-cloud.p-cloud-1 {transition-delay:.3s;}
.p-cloud.p-cloud-2 {transition-delay:0.4s;}
.p-cloud.p-cloud-3 {transition-delay:0.5s;}


body.ready-loader .age-notice {opacity: 1;transform: translateY(0)}


.expired-caption {color: #FFF;

    text-align: center;
    font-family: Onest;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%; /* 20.8px */
    text-transform: uppercase;}

.expired-s-caption {color: #0CB4A5;

    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    margin:30px 0 0 0;
    line-height: 110%;}

.expired-caption-logo {margin:40px 0 0 0;}

.expired-caption-2 {margin:40px 0 0 0;}


.age-wrapper {width:560px;margin:auto;position: relative;z-index: 100;transform: scale(0);transition: all 0.6s ease;text-align:left;padding:0 0 0 0px;}
body.ready-loader .swiper-slide-main.swiper-slide-age .age-wrapper {transform: scale(1)}
body.ready-loader .swiper-slide-main.swiper-slide-age.confirmed .age-wrapper {transition: all 0.3s ease;transform: scale(2);opacity:0;}
.age-caption {font-family: Onest;
    font-size: 68px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%; /* 37.4px */
    color:#fff;
    text-transform: uppercase;}
.age-buttons {display: flex;padding:60px 0 100px 0;}
.age-buttons .button  {width:240px;margin:0 20px;}
.age-notice {color: rgba(255, 255, 255, 0.80);

    font-family: Onest;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;}

.swiper-3d {perspective: 12000px;}
.swiper-container-poll {width:672px;height:837px;}
.swiper-slide-poll-welcome {width:100%;}
.swiper-slide-main-poll  {display: flex;align-items: center;justify-content: center;background: url(../i/bg2.webp) center center no-repeat;background-size: cover;}
.swiper-slide-poll {}
.swiper-slide-poll-welcome {display: flex;align-items: center;justify-content: center;}
.poll-welcome {text-align: center;width:400px;margin:0 auto 120px auto;}
.poll-welcome-intro {margin:0 0px 30px 0px;}
.poll-welcome-bttns {}

.swiper-3d .poll-welcome {transition: all .5s ease;transform: translateY(300px);opacity: 0;}
.swiper-3d .swiper-slide-poll-welcome.swiper-slide-active .poll-welcome {opacity:1;transform: translateY(0px);}
.swiper-slide-poll-ask.swiper-slide-prev .poll-bttn {opacity:0;transition: opacity 0.4s ease;}
.swiper-3d .poll-slide {transition: all .5s ease;transform: translateY(300px);opacity: 0;}
.swiper-3d .swiper-slide-poll-ask.swiper-slide-active .poll-slide {opacity:1;transform: translateY(0px);}
.poll-slide {position: relative;text-align: center;padding:0px 0 0px 0;}
.poll-slide-header {}
.poll-slide-header .counter {
    width:90px;
    text-align: center;
    margin:auto;
    font-size: 48px;

    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    text-transform: uppercase;
    background: linear-gradient(90deg, #666667 2.18%, #DFDFDF 52.56%, #777778 87.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.poll-slide {width:430px;}
.poll-slide-header {padding:500px 0 0 40px;padding-top:500px;margin-top:-500px}
.poll-slide-header .caption {font-size:32px;height:125px;margin:20px 0 0 0;font-weight: 500;line-height: 110%;}

.poll-form-item  {height: 420px;width:100%;padding:0 0 20px 0;display: flex;justify-content: center;align-items: center;}

.vote-stars {display: flex;justify-content: space-between;margin:0px auto 0 auto}
.vote-star {width:84px;height:84px;display: flex;align-items: center;justify-content: center;margin:0 4px 0 4px;}
.vote-star span {display: block;width:100%;height:100%;}

.vote-star span.w {display: block;height:100%;}
.vote-star.active span.w {width:100%;height:100%;}
.vote-star span.w {width:100%;height:100%;background: url(../i/star.png?3) center center no-repeat;background-size:contain;display: block;transition: all 0.3s ease;}
.vote-star span.c {width:100%;height:100%;background: url(../i/star_.png?3) center center no-repeat;background-size:contain;display: block;transition: all 0.3s ease;opacity: 0;}
.vote-star.active span.c {opacity:1;}

.poll-bttn {width:420px;margin-left:-40px;}


.vote-button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width:350px;
    height:100px;
    font-size:28px;
    line-height:1.1;
    border:3px solid #44BDB4;
    border-radius: 16px;
    transition: all 1s ease;
    position:relative;
    margin:24px 0;
    cursor:pointer;
}
.swiper-slide-poll-ask {display: flex;align-items: center;justify-content: center;}
.swiper-slide-poll-ask.swiper-slide-active .vote-button.b-2  {transform: translateX(-20px)}
.swiper-slide-poll-ask.swiper-slide-active .vote-button.b-3  {transform: translateX(-40px)}
.vote-button.active {color:rgba(80, 225, 214, 1);border:3px solid #2A716D;}

.vote-button .pt {position: absolute;left:-20px;top:-20px;transition: all 0.3s ease;opacity:0;transform:translateY(100%)}
.vote-button.active .pt {opacity: 1;transform: translateY(0)}
.vote-buttons {padding:30px 0 0 0}
.vote-textarea {padding:30px 0 0 0}

.swiper-slide-poll-done {background: url(../i/donebg.webp) center center no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;}
.poll-done {width:580px;transition: transform 0.5s ease;transform: scale(0.5)}
.poll-done-bttns {transform: translateY(300px);transition: transform 0.7s ease;}
.swiper-slide-poll-done.swiper-slide-active .poll-done {transform: scale(1)}
.swiper-slide-poll-done.swiper-slide-active .poll-done-bttns {transform: scale(1)}
.poll-done-intro {margin:0px 0 50px 0;}

.video {width: 100%;height:100%;object-fit: cover;}

.i-repo {position:fixed;left:0;bottom:0;z-index:-100;width:1px;height:1px; opacity: 0;}