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

}




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

}




@font-face {
    font-family: 'tt';
    src: url('../fonts/ttnorms-regular-webfont.woff2') format('woff2'),
    url('../fonts/ttnorms-regular-webfont.woff') format('woff');
    font-weight: 400;
    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:100vh;overflow: hidden; background: #000 url(../i/bgr.webp?1) center center no-repeat;background-size: cover;   font-family: "tt", sans-serif; margin:0; padding:0;font-size:30px;color:#fff;scroll-behavior: smooth;line-height:1.2;}

.b {font-weight:700;}
.m {}

.gradient-shadow {
    position: relative;
    color: transparent;
    width:100%;
}

.gradient-shadow::before,
.gradient-shadow::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.gradient-shadow::before {
    /* The shadow layer, positioned behind */
    text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25), 0px 2px 8px rgba(0, 0, 0, 0.25);
    color: #fff; /* A solid color for the shadow base */
}

.gradient-shadow::after {
    background: linear-gradient(183.21deg, rgba(0, 0, 0, 0.63) 3.55%, rgba(255, 255, 255, 0.4) 24.55%, rgba(255, 255, 255, 0.23) 46.14%, rgba(0, 0, 0, 0.25) 60.07%, rgba(255, 255, 255, 0.05) 75.47%, rgba(0, 0, 0, 0.6) 95.11%), linear-gradient(180deg, #C7C7C7 -7.71%, #D4D4D4 95.24%, #EFEFEF 124.48%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 1;
}

.u {text-transform: uppercase;}

.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-caption {font-size:30px;line-height: 1.3;font-weight:700}
.expired-text {font-size: 32px;line-height: 140%;color: rgba(255, 255, 255, 0.7);margin-top:30px;}


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

.splash-w {padding:60px 10px 60px 10px;text-align: center;}
.splash-icon {width: 168px;height:auto;margin: auto auto 40px auto;}
.splash-icon img {width:100%;height:auto;display: block;}
.splash-caption {font-size:32px;line-height: 1.3;font-weight:700}
.splash-text {font-size:48px;margin-top:30px;line-height: 1.3;font-weight:700}
.swiper-slide-main-splash {display: flex;align-items: center;justify-content: center;}

.glass-window {

}
.swiper-slide-main {
    background: #112F57 url(../i/bgr.webp?1) center center no-repeat;background-size: cover;
}
.swiper-slide-main-poll {background-image: url(../i/bgr.webp?11)}

.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:360px;
    margin: auto;
    line-height: 1.3;
    padding:24px 24px 24px 24px;

    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    box-sizing: border-box;
    font-family: inherit;

    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: rgba(86, 13, 67, 0.6);
    font-size:32px;
    display: block;

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

textarea.cf::placeholder {
    font-weight: 500;
    font-size: 28px;
    letter-spacing: -0.02em;
    color: rgba(86, 13, 67, 0.6);
    line-height: 100%;
}



.button {
    padding:0 20px 0 20px;
    box-sizing:border-box;
    height:100px;
    line-height:100px;
    display: flex;
    justify-content: center;
    align-items: center;


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

    -webkit-appearance: none;
    outline:none;
    font-weight: 500;
    font-size: 26px;
    color: #FFFFFF;

    transition:all .3s linear ;

    background: linear-gradient(258.24deg, #5C95FF 34.62%, #002FA9 67.87%);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4), inset -2px -2px 0px rgba(255, 255, 255, 0.5), inset 2px 2px 2px #FFFFFF;
    backdrop-filter: blur(20px);
    border-radius: 100px;
    position: relative;


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

}

.button.dark {
    background: linear-gradient(241.68deg, #D3D3D3 11.78%, #C3C3C3 34.09%, #A5A5A5 51.57%, #858585 68.37%);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4), inset -2px -2px 0px rgba(255, 255, 255, 0.5), inset 2px 2px 2px #FFFFFF;
    backdrop-filter: blur(20px);
}

.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: 100vh;}
}

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


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


.glass-window-y18 {transition:all 0.5s ease;transform: scale(0.8);opacity: 0;}
body.ready-loader .glass-window-y18 {transform: none;opacity:1;}
.swiper-slide-age {display: flex;align-items: center;justify-content: center;}

.swiper-slide-age.confirmed .glass-window-y18 {transform: scale(1.1);opacity:0;}

.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;display: flex;justify-content: center;}
.y-18-bttns .button {width:264px;margin:20px 20px;transition:all 0.3s ease 0.4s;opacity:0;transform: translateY(50%);}
.y-18-bttns .button.button-1 {


    background: linear-gradient(247.75deg, rgba(92, 149, 255, 0.2) 20.49%, rgba(0, 47, 169, 0.2) 69.58%);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4), inset -2px -2px 0px rgba(255, 255, 255, 0.5), inset 2px 2px 2px #FFFFFF;
    backdrop-filter: blur(20px);
}
.y-18-bttns .button.button-2 {transition:all 0.3s linear 0.5s;
    background: linear-gradient(241.68deg, #D3D3D3 11.78%, #C3C3C3 34.09%, #A5A5A5 51.57%, #858585 68.37%);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4), inset -2px -2px 0px rgba(255, 255, 255, 0.5), inset 2px 2px 2px #FFFFFF;
    backdrop-filter: blur(10px);
}


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

.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%;width: 750px;z-index:100;}
.swiper-wrapper {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(20px);}
    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:50px;height:50px;display: block;filter: saturate(0) invert(1);}
.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;border-radius:40px;padding:20px;text-align: center;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.25), inset 1px 1px 1px rgba(255, 255, 255, 0.45);
}


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

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

.cut-wrapper {width:100%;height:100%;position: absolute;left:0;top:0;z-index: 30;background:#000 url(../i/bgr.webp?122) center center no-repeat;background-size:cover;transition: opacity 0.7s ease;opacity: 0;}
.cut-wrapper.active {opacity: 1;}

.swiper-container-controls {width:100%;height:100%;position: absolute;left:0;top:0;z-index: 50;}
.cut-hand {position:absolute;right:40px;top:750px;width:120px;z-index:20;animation: arrow 2s linear infinite;}
.cut-hand img {width:100%;height:auto;display: block;transition: opacity 0.5s ease;opacity: 0;}
.cut-hand.active img {opacity:1;}