.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; background: #000 url(../i/bgr.webp) center center no-repeat;background-size: cover;   font-family: "Montserrat", 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;}
.expired.age {padding:0;}
.expired-w {padding:100px 10px 100px 10px;text-align: center;}
.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:30px;line-height: 1.3;font-weight:700}
.expired-text {font-size:20px;margin-top:30px;line-height: 1.3}

.expired-icon {width: 168px;height:auto;margin: auto auto 40px auto;}
.expired-icon img {width:100%;height:auto;display: block;}


.glass-window {
    width:660px;
    margin:auto;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 30px 60px 80px rgba(0, 0, 0, 0.5), inset -2px -2px 2px rgba(255, 255, 255, 0.25), inset 2px 2px 2px rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(25px);
    border-radius: 120px;
    overflow: hidden;;
}
.swiper-slide-main {
    background: #112F57 url(../i/bgr.webp) center center no-repeat;background-size: cover;
}
.glass-bg.glass-1 {background: url(../i/glass1.webp) no-repeat;background-size: cover}
.glass-bg.glass-2 {background: url(../i/glass2.webp) no-repeat;background-size: cover}

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



.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:110px;
    line-height:110px;
    display: flex;
    justify-content: center;
    align-items: center;


    border: none;
    border-radius: 1000px;
    width:100%;

    -webkit-appearance: none;
    outline:none;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: -0.02em;
    color: #FFFFFF;

    transition:all .3s linear ;

    background: linear-gradient(90deg, #951775 0%, #480634 100%);
    box-shadow: 0px 12px 8px rgba(0, 0, 0, 0.1), inset 2px 0px 2px #FFFFFF, inset -2px 0px 2px rgba(255, 255, 255, 0.7);

    position: relative;


    font-family: inherit;
    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.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;}



.swiper-slide-age {display: flex;align-items: center;justify-content: center;}
.y-18 {text-align: center;padding:0 0 0px 0;position: relative;z-index: 10;padding:80px 64px;}
.y-18-caption {font-size: 56px;line-height: 1.1;padding: 0px 0 0px 0;transition: all 0.3s linear;opacity:0;transform: scale(0.3);letter-spacing: -0.02em;font-weight:700;}
.y-18-bttns {width:100%;display: block;padding:40px 0 40px;}
.y-18-bttns .button {width:100%;margin:20px 0px;transition:all 0.3s ease 0.4s;opacity:0;transform: translateY(50%);}
.y-18-bttns .button.button-2 {transition:all 0.3s linear 0.5s;}
.y-18-legal {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.y-18-legal p {margin:15px 0 0 0;}


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

.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/horizontal.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);
    }
}










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






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


@keyframes do-levitation {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px) rotate(3deg);
    }
    100% {
        transform: translatey(0px);
    }
}


.club-note {text-transform:none;letter-spacing: 0.02em;transition:all 1s ease;z-index:100;opacity:0;position:absolute;bottom:20px;width:100%;left:0;color:#fff;font-size:20px;text-align:center;line-height:1.1}

.club-note.active {opacity: 1;}