.u {text-transform: uppercase;}

html {font-size:10px;}
td,table,img {padding:0; border:none;border-collapse:collapse;}
body {width:869px;    font-family:  "Onest", sans-serif;margin:0; padding:0; background:#000;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:580px;
    height:330px;
    margin: auto;
    line-height: 1.3;
    padding:20px 40px 40px 20px;
    background: linear-gradient(-45deg, rgba(0,40,219,0.3) 0%, rgba(64,96,255,0.3) 100%);

    font-family: inherit;

    border:2px solid rgba(64,96,255,0.6);
    border-radius: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-weight:400;
    color: #fff;
    font-size:36px;
    display: block;

}


::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:120px;

    text-transform: uppercase;

    font-family: inherit;
    background: url(../i/btn.png) no-repeat;
    background-size: 100% 100%;
    font-weight:700;
    font-size: 32px;
    line-height: 1.4;
    border-radius: 5px;
    color: #00197F;

    width:100%;
    -webkit-appearance: none;
    outline:none;


    border:none;


    text-decoration:none;
    text-align:center;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;

}


@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: none;border:2px solid #fff;color:#fff;opacity: 0.7}
.button.black {border: 4px solid #000;background: #000;color:#FEEB37;}



.header {color: #fff;text-align: center;line-height: 130%;text-transform: uppercase;}



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

body.desktop {width:100%;background: url(../i/desktop.webp) 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 0 0;}
.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 0 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 0 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;}



.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)}
}

.swiper-slide-age {display: flex;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: 1350px) {


}

.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)}

.swiper-slide-age {background: url(../i/bg2.webp) center center no-repeat;background-size: 100% 100%;}
.swiper-slide-splash {background: url(../i/bg2.webp) center center no-repeat;background-size: 100% 100%;}
.liner-stroke-wrapper {width:700px;margin:auto;background: url(../i/pollbg.webp) no-repeat;background-size: 100% 100%;padding:2px;}
.info-wrapper {padding:80px 20px 80px 20px;min-height:650px;text-align:center;width:100%;}
.info-icon {margin:0 0 30px 0;}
.info-caption {font-size: 46px;font-style: normal;font-weight: 600;line-height: 120%;margin:0 0 30px 0;}
.info-text {font-size:32px;line-height: 150%;}

.info-buttons {display:flex;justify-content: center;width:100%;margin:40px 0 0 0;}
.age-buttons .button {height:120px;width:230px;margin:0 20px}

.splash-buttons .button {width:500px;}


.cloud-wrapper {overflow:hidden;}

.swiper-container-poll {height:100%;width:100%;z-index:100;background: url(../i/bg2.webp) no-repeat;background-size: 100% 100%;}
.swiper-slide-poll {display: flex;align-items: center;justify-content: center;}
.poll-bttn {width:580px;margin:auto;padding:60px 0;}
.poll-bttn .button {font-size:38px;}

.poll-bttn-back {display: flex;justify-content: center;align-items: center;width:100%;padding:10px 0;font-size:42px;font-weight: 600;cursor: pointer;}
.poll-bttn-back img {margin:0 20px 0 0}
.poll-bttn-back-reg {margin-top:40px;}

.poll-slide {transition: transform 0.9s ease;transform: scale(0.3);min-height: 952px;width:680px;display:flex;align-items:center;justify-content:center;position: relative;background: url(../i/pollbg.png) no-repeat;background-size: 100% 100%;}
.swiper-slide-poll.swiper-slide-prev .poll-slide {transform-origin: right center; }
.swiper-slide-poll.swiper-slide-next .poll-slide {transform-origin: left center;}
.swiper-slide-poll.swiper-slide-active .poll-slide  {transform: scale(1);transform-origin: left center;}
.poll-slide.flexed {}
.poll-slide.unflexed {display: block;padding:150px 0 0 0;}
.poll-slide.unflexed.tiny {}


.poll-slide-counter {position:absolute;opacity:0.8;top:80px;left:0;width:100%;text-align: center;font-weight:700;font-size:70px;}
.poll-slide-header {min-height:190px;margin-top:80px;text-align: center;}
.poll-slide-header .icon {margin:0 0 30px 0;}
.poll-slide-header .header {text-align: center;font-size:44px;font-weight:700;}
.poll-slide-header.small .header {font-size:40px;}
.poll-slide-header.done {margin:0;}

.poll-slide-header.intro .header {font-size:55px;}
.poll-slide-header.done .header {font-size:44px;text-transform: uppercase}
.poll-slide-header.done .buttons {width:500px;margin:60px auto 0 auto}



.vote-stars {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:120px auto 0 auto;
    width:530px;

}




.vote-star {width:106px;height:106px;display: flex;align-items: center;justify-content: center;margin:0 0px 0 0px;}
.vote-star span {display: block;width:100%;height:100%;}

.vote-star span.w {display: block;height:100%;}
.vote-star {}
.vote-star.active span.w {width:100%;height:100%;}
.vote-star span.w {width:100%;height:100%;background: url(../i/star_.png) center center no-repeat;background-size:86px auto;display: block;transition: all 0.3s ease;}
.vote-star span.c {opacity:0;width:100%;height:100%;display: block;transition: all 1s ease;opacity: 0;background: url(../i/star.png) center center no-repeat;background-size:86px auto;}
.vote-star.active span.w {animation: star .4s linear;animation-fill-mode:forwards}
.vote-star.active span.c {animation: star .4s linear;animation-fill-mode:forwards}

.vote-star.star-1 span.w {animation-delay: 0s;}
.vote-star.star-2 span.w {animation-delay: 0.1s;}
.vote-star.star-3 span.w {animation-delay: 0.2s;}
.vote-star.star-4 span.w {animation-delay: 0.3s;}
.vote-star.star-5 span.w {animation-delay: 0.4s;}

.vote-star.star-1 span.c {animation-delay: 0s;}
.vote-star.star-2 span.c {animation-delay: 0.1s;}
.vote-star.star-3 span.c {animation-delay: 0.2s;}
.vote-star.star-4 span.c {animation-delay: 0.3s;}
.vote-star.star-5 span.c {animation-delay: 0.4s;}

@keyframes star {
    0%{transform:scale(1);}
    50%{transform:scale(1.2);opacity:1;}
    100%{transform:scale(1);opacity:1;}
}

@keyframes votebutton {
    0%{transform:scale(1);}
    50%{transform:scale(1.1);opacity:1;}
    100%{transform:scale(1);opacity:1;}
}

.vote-textarea {padding:50px 0 0 0;}


.vote-buttons {margin:0 0 80px 0;}
.vote-button {



    text-align: center;

    opacity: 0.5;
    font-size:38px;
    line-height:1.2;

    font-weight:700;
    padding:22px;
    border:2px solid #fff;
    border-radius: 4px;
    transition: all 1s ease;
    position:relative;
    margin:40px auto;
    cursor:pointer;
    overflow: hidden;
    width:580px;

}

.vote-button.active {animation: votebutton .6s linear;opacity: 1;}


.swiper-slide-poll .p-cloud {transition: all 1s ease;transform: translateY(100%);opacity:0;}
.swiper-slide-main.swiper-slide-active .swiper-slide-poll.swiper-slide-active .p-cloud {opacity: 1;transform: none}

.swiper-slide-poll .p-cloud.p-cloud-1 {transition-delay:.1s;}
.swiper-slide-poll .p-cloud.p-cloud-2 {transition-delay:0.15s;}
.swiper-slide-poll .p-cloud.p-cloud-3 {transition-delay:0.2s;}
.swiper-slide-poll .p-cloud.p-cloud-4 {transition-delay:0.25s;}
.swiper-slide-poll .p-cloud.p-cloud-5 {transition-delay:0.3s;}
.swiper-slide-poll .p-cloud.p-cloud-6 {transition-delay:0.35s;}