.u {text-transform: uppercase;}

html {font-size:10px;}
td,table,img {padding:0; border:none;border-collapse:collapse;}
body {width:788px;    font-family: "Montserrat", 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:600px;
    height:500px;
    margin: auto;
    line-height: 1.3;
    padding:24px 24px 24px 24px;
    background:url(../i/textarea2.png) center center no-repeat;
    background-size: 100% 100%;

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

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

}

textarea.cf.tiny {
    height:200px;
    background:url(../i/textarea1.png) center center no-repeat;
}

@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: "Montserrat", sans-serif;
    background: linear-gradient(92deg, #FDBF08 0%, #FC4F03 100%), #FEEB37;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    font-weight:500;
    font-size: 36px;
    border-radius: 96px;
    color: rgba(39, 18, 18, 1);

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


    border:none;


    position: relative;

    font-size:36px;
    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 rgba(39, 18, 18, 1)}
.button.black {border: 4px solid #000;background: #000;color:#FEEB37;}



.header {font-size:100px;font-weight:800;text-transform: uppercase;line-height: 1;text-align: center;background: linear-gradient(121deg, #FDBF08 14.16%, #FC4F03 86.48%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


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

html {height:100%;}
body {width:788px;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 13vw 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 13vw 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 {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: 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:rgba(39, 18, 18, 1);font-size: 36px;font-weight: 800;line-height: 1.4;margin:30px 0 30px 0;text-transform: uppercase;}
.expired-s-caption {color:rgba(39, 18, 18, 1);font-size:36px;line-height:36px;margin:30px 0 0 0;}
.expired-caption-logo {margin:40px 0 0 0;}


.swiper-slide-age {background: url(../i/bg2.webp) center center no-repeat;background-size: 100% 100%;}
.age-wrapper {position: relative;z-index: 100;transform: scale(0);transition: transform 1s ease;text-align: center;}
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 {transform: scale(3)}
.age-caption {color:rgba(252, 79, 3, 1);font-size: 66px;font-style: normal;font-weight: 800;line-height:1;text-transform: uppercase;}
.age-buttons {display: flex;width:100%;justify-content: center;padding:60px 0 60px 0;}
.age-buttons .button  {width:240px;margin:0 20px;}
.age-notice {color: rgba(39, 18, 18, 1);font-size:24px;font-weight: 3400;line-height: 130%;}

.swiper-slide-main-poll {background: #020100 url(../i/bg3.webp) center center no-repeat;background-size:cover}
.poll-welcome {}

.swiper-container-poll {height:100%;z-index:100;}
.swiper-slide-poll-welcome {height:100%;width:100%;display: flex;align-items: center;justify-content: center;}
.poll-welcome {text-align: center;}
.poll-bttn {position:absolute;bottom:0;left:0;width:100%;padding:0 100px 120px 100px}

@media (max-height: 1250px) {
    .poll-bttn {padding:0 100px 30px 100px}
}
.poll-welcome-intro {padding:30px 0 50px 0;}
.poll-welcome-intro-2 {font-size:42px;}
.vote-header {padding-bottom:1400px;position:absolute;left:0;top:100px;width:100%;z-index: 10;transition: all 0.4s ease;transform: translateY(-200px);}
.vote-header.active {transform: translateY(0px);}

@media (max-height: 1250px) {
    .vote-header {top:50px;}
}
.poll-slide-header .counter {position:absolute;left:50%;top:200px;width:80px;margin:0 0 0 -40px;font-size:36px;background: linear-gradient(180deg, #FDBF08 0%, #FC4F03 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;}
@media (max-height: 1250px) {
    .poll-slide-header .counter {top:150px;}
}
.poll-slide-header .caption {text-align: center;font-size:42px;}
.poll-slide-header .caption span {text-align: center;font-size:32px;display: block;opacity: 0.5;margin-bottom:30px;}
.poll-slide {height:100%;width:100%;display: flex;align-items: center;justify-content: center;}

.poll-slide.unflexed {display: block;padding-top:440px;}

@media (max-height: 1250px) {
    .poll-slide.unflexed {display: block;padding-top:390px;}
}

.poll-slide-header .caption.top {position:absolute;left:0%;top:250px;width:100%;}

.vote-stars {display: flex;justify-content: space-between;margin:30px auto 0 auto}
.vote-star {width:108px;height:108px;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 {}
.vote-star.active span.w {width:100%;height:100%;}
.vote-star span.w {filter:saturate(0);width:100%;height:100%;background: url(../i/next.png?3) center center no-repeat;background-size:contain;display: block;transition: all 0.3s ease;}
.vote-star span.c {filter:saturate(0);width:100%;height:100%;background: url(../i/next.png?3) center center no-repeat;background-size:contain;display: block;transition: all 0.3s ease;opacity: 0;}
.vote-star.active span.w {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;}

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



.vote-pack img {width:250px; height:auto;}
@media (max-height: 1250px) {

    .vote-pack img {width:200px; height:auto;}
}

.poll-slide-header .counter {transition: transform 0.6s ease 0s;transform: translateX(600px)}
.poll-slide-header .caption {transition: transform 0.9s ease 0s;transform: translateX(600px)}
.vote-pack {transition: transform 1.2s ease 0s;transform: translateX(600px);text-align: center;padding-top:20px;}
.vote-stars {transition: transform 1.3s ease 0s;transform: translateX(600px)}

.swiper-slide-poll-ask .poll-bttn {transition:all 1s ease 0s}
.swiper-slide-poll-ask .poll-bttn.disabled {transition:all 1.6s ease 0s;opacity:0.3;transform: translateX(600px)}

.swiper-slide-poll-ask.swiper-slide-active .poll-slide-header .counter {transform: none}
.swiper-slide-poll-ask.swiper-slide-active .poll-slide-header .caption {transform: none}
.swiper-slide-poll-ask.swiper-slide-active .vote-stars {transform: none}
.swiper-slide-poll-ask.swiper-slide-active .vote-pack {transform: none}
.swiper-slide-poll-ask.swiper-slide-active .poll-bttn {transform: none}

.swiper-slide-poll-ask.swiper-slide-prev .poll-slide-header .counter {transform: none}
.swiper-slide-poll-ask.swiper-slide-prev .poll-slide-header .caption {transform: none}
.swiper-slide-poll-ask.swiper-slide-prev .vote-stars {transform: none}
.swiper-slide-poll-ask.swiper-slide-prev .vote-pack {transform: none}
.swiper-slide-poll-ask.swiper-slide-prev .poll-bttn {transform: none}

.swiper-slide-poll-welcome .poll-bttn {transform: none}

.vote-button {

    text-align: center;

    font-size:28px;
    line-height:1.1;

    padding:2px;
    background: linear-gradient(92deg, #FDBF08 0%, #FC4F03 100%), #FEEB37;
    border-radius: 40px;
    transition: all 1s ease;
    position:relative;
    margin:40px auto;
    cursor:pointer;
    overflow: hidden;
    width:100%;
    filter:saturate(0);
    width:600px;
}

.vote-textarea {margin-top:100px;}

.vote-textarea-small {margin-top:40px;}

.vote-button.active {filter:none;}

.vote-button.active span {background: linear-gradient(92deg, #FDBF08 0%, #FC4F03 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.vote-button .w {
    background: #000;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;

    height:100px;}

.vote-button span {gba(255, 255, 255, 0.70);}

.vote-buttons-small {display: flex;width: 100%;flex-wrap:wrap;}
.vote-button.small {background:none;width:50%;margin:0px;}
.vote-button.small .w {background: none;height:80px;}

.swiper-slide-stage {background: url(../i/bg3.webp) center center no-repeat;background-size: cover;}
.stage-caption {position:absolute;left:0;top:0;width:100%;padding:80px 0 0 0;text-align: center;transition: transform 1s ease;transform: translateY(-100%)}
.swiper-slide-stage.swiper-slide-active .stage-caption {transform: none;z-index: 30;}
.pre-caption {margin:0 0 20px 0;color: #FEB908;font-size: 36px;font-style: normal;font-weight: 500;line-height: 100%;text-transform: uppercase;}
.swiper-container-vertical {position:relative;width: 100%;height:100%;z-index:100;}
.stage-slide {height:220px;display:flex;justify-content:center;align-items:center;font-size: 32px;font-weight: 500;line-height: 130%;text-transform: uppercase;position:absolute;left:0;bottom:0;width:100%;padding:50px 0;text-align: center;background: linear-gradient(93deg, #FDBF08 7.22%, #FCA703 100.77%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.stage-button {position:absolute;left:0;bottom:0;width:100%;padding:0px 110px 50px 110px;z-index:110;transition: transform 1s ease;transform: translateY(100%)}
.swiper-slide-stage.swiper-slide-active.stage-0 .stage-button {transform: translateY(0)}

.stage-nav {position:absolute;left:0;bottom:50px;width:100%;padding:0px 40px;z-index:110;display: flex;justify-content: space-between;transition: transform 1s ease;transform: translateY(300px)}
.swiper-slide-stage.swiper-slide-active.stage-1 .stage-nav,
.swiper-slide-stage.swiper-slide-active.stage-2 .stage-nav,
.swiper-slide-stage.swiper-slide-active.stage-3 .stage-nav {transform: translateY(0)}

.sequence {height:100%;width:100%;position: absolute;left:0px;top:0px;}
.sequence.sequence-1 {display: block;z-index:10;}

@media (max-height: 1250px) {

    .sequence.sequence-1 .stage-image.pack img {transform:scale(0.7);}
}
.sequence.sequence-1.stage-2 {}
.sequence.sequence-1.stage-3 {}

.stage-image {position:absolute;left:0;top:0;width:100%;height:100%;opacity: 0;}
.stage-image.active {opacity: 1}

.sequence .stage-image img {display: block;width:100%;margin:auto;height:100%;object-fit: cover;}
.sequence.started .stage-image img {object-position: center center;}
.sequence.sequence-2 {z-index:11;opacity: 0;}
.sequence.sequence-3 {z-index:11;opacity: 0;}
.sequence-1.active {display: block}
.sequence-2.active {transition: opacity 1s ease;opacity: 1;mix-blend-mode:lighten;
    position: absolute;
    left: 0%;
    top: 0%;}
.sequence-3.active {transition: opacity 1s ease;opacity: 1;mix-blend-mode:screen;}

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