



@font-face {
    font-family: 'futura_now_headlineregular';
    src: url('../fonts/futuranowheadline-webfont.woff2') format('woff2'),
    url('../fonts/futuranowheadline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.b400 {font-family: 'futura_now_headlineregular', sans-serif;}

@font-face {
    font-family: 'futura_now_headlinemedium';
    src: url('../fonts/futuranowheadlinemedium-webfont.woff2') format('woff2'),
    url('../fonts/futuranowheadlinemedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.b500 {font-family: 'futura_now_headlinemedium', sans-serif;}

@font-face {
    font-family: 'futura_now_headlinebold';
    src: url('../fonts/futuranowheadlinebold-webfont.woff2') format('woff2'),
    url('../fonts/futuranowheadlinebold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.b700 {font-family: 'futura_now_headlinebold', sans-serif;}

@font-face {
    font-family: 'futura_now_headlineextrabold';
    src: url('../fonts/futuranowheadlineextrabold-webfont.woff2') format('woff2'),
    url('../fonts/futuranowheadlineextrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.b800 {font-family: 'futura_now_headlineextrabold', sans-serif;}



@font-face {
    font-family: 'futura_now_headlineblack';
    src: url('../fonts/futuranowheadlineblack-webfont.woff2') format('woff2'),
    url('../fonts/futuranowheadlineblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.b900 {font-family: 'futura_now_headlineblack', sans-serif;}


.u {text-transform: uppercase;}

html {font-size:10px;}
td,table,img {padding:0; border:none;border-collapse:collapse;}
body {width:860px;    font-family: 'futura_now_headlineregular', sans-serif;margin:0; padding:0; background:#000;font-size:40px;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:760px;
    height:500px;
    margin: auto;
    line-height: 1.3;
    padding:24px 24px 24px 24px;

    border-radius: 32px;
    border: 3px solid #5163B5;
    background: #02094F;
    box-shadow: 12px 12px 12px 0px rgba(0, 0, 0, 0.20), -12px -12px 12px 0px rgba(255, 255, 255, 0.25);

    background-size: 100% 100%;

    font-family: 'futura_now_headlineregular', sans-serif;

    border:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #fff;
    font-size:43px;
    display: block;

}


@media (max-height: 1250px) {
    textarea.cf {width:100%;height:440px;}
}

::placeholder {
    color:#939598;
    opacity: 1; /* Firefox */
}


.button {
    padding:0 0 10px 0;
    box-sizing:border-box;
    display:flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 100;
    flex-direction: column;
    height:140px;
    font-family: 'futura_now_headlineextrabold';
    background: #0B3896;
    box-shadow: -12px -12px 14px 0px rgba(255, 255, 255, 0.40), 12px 12px 14px 0px rgba(11, 56, 150, 0.30);
    background-size: 100% 100%;


    font-size: 48px;
    border-radius:100px;
    border: none;
    color: #fff;
    width:100%;
    -webkit-appearance: none;
    outline:none;

    position: relative;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;

}
.cloud-wrapper .button {box-shadow:none;}

.button.v2 {
    box-shadow: -12px -12px 12px 0px rgba(255, 255, 255, 0.40), 12px 12px 12px 0px rgba(4, 10, 62, 0.40);
    height:130px;
}

@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: 24px;margin:0px 0 10px 0;font-family: 'futura_now_headlineregular', sans-serif;display: block;line-height: 1.1;}


.button img {margin:0 20px;}

.clickable {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.button.blanque {
    background: #040837;
    text-shadow: none;
}
.button.black {border: 4px solid #000;background: #000;color:#FEEB37;}

.button.fat {height:140px;font-size:48px;}

.header {
    filter: drop-shadow(2px 0px #ffffff) drop-shadow(2px -2px #ffffff);
    text-transform: uppercase;
    font-family: 'futura_now_headlinebold', sans-serif;
    font-size:82px;
    color:#DDDDDD;
    background: linear-gradient(305deg, #A2A2A2 42.95%, #DDD 68.45%, #FFF 101.36%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;

}





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/bg.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;}
.splash {background: url(../i/bg.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/bg.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 1s ease}

.swiper-container {height:100%;}
.swiper-wrapper {height:100% !important;}
.swiper-slide {height:100%;}

.swiper-container-main {height:100%;}


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 {opacity:1;}

@media (max-height: 1250px) {


}

.age-wrapper .p-cloud {transition: all .8s ease;opacity: 0;transform: translateY(100%);}
body.ready-loader .age-wrapper .p-cloud {opacity: 1;transform: none}

.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.ready-loader .age-notice {opacity: 1;transform: translateY(0)}


.expired-caption {color: #FFF;

    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    text-transform: uppercase;}

.expired-s-caption {

    text-align: center;
    font-size: 36px;
    font-style: normal;
    margin:30px 0 0 0;
    line-height: 110%;}

.expired-caption-logo {margin:40px 0 0 0;}

.expired-caption-2 {margin:80px 0 0 0;}

.swiper-slide-age {background: url(../i/bgr.webp) center center no-repeat;background-size: cover;}
.age-wrapper {position: relative;z-index: 100;transition: all .5s ease;text-align:center;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 {transform: scale(1.2);opacity: 0;}
.age-caption {font-size: 84px;line-height: 115%;}
.age-buttons {display: flex;margin:80px 0 80px 0;width:100%;justify-content: center;}
.age-buttons .button  {width:340px;margin:0 20px;}
.age-notice {color: rgba(255, 255, 255, 1);text-align:center;font-size: 40px;font-style: normal;line-height: 120%;}

.product-timeline {position:absolute;height: 190px;overflow: hidden;top:100px;left:0;width:100%;padding-right: 25px;}






.swiper-slide-main {height:100%;}

.swiper-slide-main.cover {background: #000 url(../i/bgr.webp) center center no-repeat;background-size: cover;}
.swiper-slide-main.cover.bottom {background: #000 url(../i/bg.webp) center center no-repeat;background-size: 100% 100%;}

.swiper-slide-product-caption {display: flex;align-items: center;justify-content: center;text-align: center;}
.swiper-slide-product-caption-ss {display: flex;align-items: flex-end;justify-content: center;text-align: center;padding-bottom: 300px;}
.swiper-slide-product-story {display: flex;align-items: center;justify-content: center;text-align: center;}

.swiper-slide-product-caption .header {font-size:76px;}
.product-caption .p-cloud {transform: translateY(100%);opacity:1;transition-timing-function: ease;}
.product-caption-2 {position:relative;margin-top:-230px;transform: translateY(-50px)}

.product-caption-2 .p-cloud.p-cloud-3 {transition-delay:0.7s;}
.product-caption-2 .p-cloud.p-cloud-4 {transition-delay:0.9s;}
.product-caption-2 .p-cloud.p-cloud-5 {transition-delay:1.1s;}

.swiper-slide-product-caption.swiper-slide-active .product-caption-1 .p-cloud {transform: none;opacity:1;}
.swiper-slide-product-caption.stage-2 .product-caption-1 .p-cloud {transform: none;opacity:0;}
.swiper-slide-product-caption.stage-2 .product-caption-2 .p-cloud {transform: none;opacity:1;}

.product-caption-button {position:absolute;left:0;bottom:0;width:100%;padding:0 70px 70px 70px;transition: all 1s ease 1.3s;transform: translateY(100%);opacity:0;}
.swiper-slide-product-caption.swiper-slide-active.stage-2 .product-caption-button {transform: none;opacity: 1;}
.swiper-slide-product-caption.swiper-slide-active.stage-3 .product-caption-button {transition: all 1s ease 0s;transform: translateY(100%);opacity:0;}

.swiper-slide-product-caption.stage-2.stage-3 .product-caption-2 .p-cloud.p-cloud-3 {transition-delay:0s;transform:none;opacity:0;}
.swiper-slide-product-caption.stage-2.stage-3 .product-caption-2 .p-cloud.p-cloud-4 {transition-delay:0.2s;transform:none;opacity:0;}
.swiper-slide-product-caption.stage-2.stage-3 .product-caption-2 .p-cloud.p-cloud-5 {transition-delay:0.4s;transform:none;opacity:0;}


.swiper-container-story {width:100%;height:100%;}
.swiper-slide-story {width:100%;height:100%;display: flex;padding:140px 0 0 0;align-items: center;justify-content: center;}
.swiper-slide-story .product-timeline {display: none;}
.product-story-pack {opacity:0;transform:scale(1);transition: transform 0.9s ease 0.5s, opacity 0.7s ease 0s;transform-origin: center center;}
.swiper-slide-main.swiper-slide-active .swiper-slide-story.swiper-slide-active .product-story-pack {opacity:1;transform: none;}
.swiper-slide-story.swiper-slide-prev .product-story-pack {opacity:0;transform: scale(1);transition-delay: 1s;transform-origin: center center;}

.product-story-pack img {width:500px;height:auto;}
.product-story-caption {text-align: center;width:100%;height:170px;font-size:48px;line-height: 120%;overflow: hidden;}
.product-story-caption .cl {transition: all 1s ease 0.8s;transform: translateY(180px);opacity:0;}
.swiper-slide-story.swiper-slide-active .product-story-caption .cl {transform: translateY(0);opacity:1;}
.swiper-slide-story.swiper-slide-prev .product-story-caption .cl {transform: translateY(0);opacity:1;}

.product-story-time {
    font-size:120px;
    font-optical-sizing: auto;
    font-style: normal;
    font-family: 'futura_now_headlinebold', sans-serif;

    display: flex;
    width: 100%;
    justify-content: center;

    align-items: flex-end;

}

.product-story-time .e {font-size: 128px;text-transform: none;}
.product-story-time .e.e0 {opacity:0;}

.swiper-slide-story .product-story-time {
    transform: translateY(190px);
    display: inline-block;
    opacity:0;

    opacity:0;
    transform:scale(0.9);
    transition: transform 0.9s ease 0.5s, opacity 0.7s ease 0.5s;
}

.swiper-slide-story.swiper-slide-active .product-story-time {transform: none;opacity:1;}
.swiper-slide-story.swiper-slide-prev .product-story-time {opacity:0;transform: scale(0.8);transition-delay: 0s;}


.video {width:100%;height:100%;object-fit: cover;}

@media (max-height: 1350px) {
    .product-timeline {top:50px;}
    .product-story-time {font-size:140px;}
    .product-story-pack img {width:380px;height:auto;}

    .video {transition: all 1s ease;}
    .video.shifted {height: calc(100% + 150px);margin-top:-150px;}


}

.product-select-caption {width:740px;margin:70px auto 0 auto;font-size:65px;text-align: center;filter: drop-shadow(1px 0px #ffffff) drop-shadow(2px -1px #ffffff);transition: transform 1s ease;}
.product-select-caption.disabled {transform: translateY(-300px);transition-delay: 0.3s}

.product-select  {margin:70px 0 0px 0px;position: relative;z-index:200;}
.swiper-container-products-select {position: relative;z-index:200;transition: all 2s ease;}
.swiper-container-products-select .swiper-slide {width:400px !important;}
.swiper-container-products-select .swiper-slide img {width:400px;height:auto;margin: auto auto 30px auto;}
.swiper-container-products-select .swiper-slide .caption {text-align: center;width: 800px;margin-left: -200px;}

.swiper-container-products-select.ss .swiper-slide {width:340px !important;}
.swiper-container-products-select.ss .swiper-slide img {width:340px;}
.swiper-container-products-select.ss .swiper-slide .caption  {width: 800px;margin-left: -230px;}

.swiper-slide-product-select {width:450px;padding:0px 0px 0 0px;pointer-events: auto !important;}
.product-select-image {display: none}
.swiper-slide-main.swiper-slide-active .product-select-image {display: block}
.swiper-slide-main.swiper-slide-prev .product-select-image {display: block}
.product-select-image img {transition: all 1.5s ease;transform: scale(0.8);}
.product-select-image .caption {transition: all 1s ease;opacity: 0;height:100px;}
.swiper-slide-active.swiper-slide-product-select .product-select-image img {opacity: 1;transform: scale(1)}
.swiper-slide-active.swiper-slide-product-select .product-select-image .caption {opacity: 1;}
.product-select-image .header {font-size:40px;text-align: center;filter: drop-shadow(1px 0px #ffffff) drop-shadow(2px -1px #ffffff);}
.product-select-image img {display: block;display: block;margin: auto;}
.product-select-image .pack {}




.product-select-buttons {margin:50px 0 0 0;padding:0 70px;}
.product-select-buttons .button {margin:30px 0px}
.product-select-notice {font-size: 32px;font-style: normal;font-weight: 700;line-height: 120%;color:#000;text-align: center;}

@media (max-height: 1350px) {
    .product-select-caption {font-size: 55px;}

    .product-select  {margin:40px 0 0px 0px;}
    .swiper-container-products-select .swiper-slide {width:320px !important;}
    .swiper-container-products-select .swiper-slide img {width:320px;;}

    .product-select-buttons {margin:40px 0 0 0;padding:0 70px;}
    .product-select-buttons .button {margin:20px 0px}
}

@media (max-height: 1350px) {
    .swiper-container-products-select.ss .swiper-slide {width:280px !important;}
    .swiper-container-products-select.ss .swiper-slide img {width:280px;;}
}



.product-icons.active {transform: none;}


.product-icons-close {position:absolute;right:50px;top:50px;}





.swiper-container-poll {height:100%;z-index:100;}
.poll-bttn {position:absolute;bottom:0;left:0;width:100%;padding:0 70px 70px 70px}
.poll-bttn-register {padding:0 70px 170px 70px}
.poll-slide-header .header {text-align: center;font-size:76px;}
.poll-slide-header.tiny .header {font-size:60px;}
.poll-slide {height:100%;width:100%;display: flex;align-items: center;justify-content: center;}
.poll-slide.flexed {padding-bottom:300px;}
.poll-slide.unflexed {display: block;padding-top:350px;}
.poll-slide.unflexed.tiny {display: block;padding-top:290px;}

.poll-slide-header .caption.top {position:absolute;left:0%;top:100px;width:100%;}

.vote-stars {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:30px auto 0 auto;
    fill: rgba(11, 56, 150, 0.30);
    box-shadow: 0px 2px 3px 0px #C5D4FF inset;
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    width:790px;
    height:210px;
    background: rgba(11, 56, 150, 0.30);
    border-radius:40px;
    padding:0 50px;
    position:absolute;
    bottom:290px;
    left:40px;

}




.vote-star {width:96px;height:96px;display: flex;align-items: center;justify-content: center;margin:0 20px 0 20px;}
.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:contain;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:contain;}
.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.4);opacity:1;}
    100%{transform:scale(1);opacity:1;}
}

.vote-textarea {padding:200px 0 0 0;}
.vote-pack img {width:340px; 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 .p-cloud {transition: all 1s ease;transform: translateY(100%);}
.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:.6s;}
.swiper-slide-poll .p-cloud.p-cloud-2 {transition-delay:0.8s;}
.swiper-slide-poll .p-cloud.p-cloud-3 {transition-delay:1s;}
.swiper-slide-poll .p-cloud.p-cloud-4 {transition-delay:1.2s;}
.swiper-slide-poll .p-cloud.p-cloud-5 {transition-delay:1.4s;}
.swiper-slide-poll .p-cloud.p-cloud-6 {transition-delay:1.5s;}
.swiper-slide-poll .p-cloud.p-cloud-7 {transition-delay:1.6s;}

.swiper-slide-poll .header {}

.swiper-slide-poll-ask .poll-bttn {transition:all 1s ease 0s}
.swiper-slide-poll-ask .poll-bttn.disabled {transition:all 1.6s ease 0s;transform: translateX(600px)}
.swiper-slide-poll-ask .poll-bttn.disabled .button {background: linear-gradient(99deg, #464F62 -5.77%, #616E88 53.31%, #464F62 72.46%, #7483A3 98.01%);}

.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}



.vote-progress {position:absolute;left:0;top:0;z-index: 100;width:100%;padding:30px 40px;justify-content: space-between;display: flex;}
.vote-progress .stage {background: #02052B;width:31%;height:8px;border-radius:4px;}
.vote-progress .stage div {background:#C9DAFE;width:0px;height:100%;transition: width 2s ease; }
.vote-progress.stage-1 .stage.s-1 div {width:100%;}
.vote-progress.stage-2 .stage.s-2 div {width:100%;}
.vote-progress.stage-3 .stage.s-3 div {width:100%;}

.swiper-slide-poll-done {display: flex;align-items: center;justify-content: center;text-align:center;}
.poll-done-intro {margin:0 0 70px 0;}
.poll-done-intro .header {font-size:53px;}
.poll-done-intro-2 {font-size:40px;line-height:1.2;}

@media (max-height: 1350px) {
    .poll-bttn {padding:0 50px 50px 50px}
    .poll-bttn-register {padding:0 50px 150px 50px}
    .poll-slide-header .caption.top {position:absolute;left:0%;top:80px;width:100%;}
    .vote-stars {  bottom:250px;height:180px;}
    .poll-slide.unflexed {display: block;padding-top:290px;}
    .swiper-slide-poll .header {text-align: center;font-size:66px;}
    .vote-pack img {width:270px; height:auto;}
}



.swiper-slide-product-caption-ss .header {font-size:70px;}

@media (max-height: 1350px) {
    .swiper-slide-product-caption-ss .header {font-size:60px;}
}
.product-caption-wrapper {width:100%;}
.product-caption-wrapper-ss {width:100%;}
.swiper-slide-product-caption-ss .product-caption-ss .p-cloud {transform: translateY(100%);opacity:0;}
.swiper-slide-product-caption-ss .product-caption-ss-kv .p-cloud {transform: translateY(30%);opacity:0;}

.swiper-slide-product-caption-ss.swiper-slide-active .product-caption-ss .p-cloud {transform: none;opacity:1;}
.swiper-slide-product-caption-ss.swiper-slide-active .product-caption-ss-kv .p-cloud {transform: none;opacity:1;}


.swiper-slide-product-caption-ss.swiper-slide-prev .product-caption-ss .p-cloud {transform: none;opacity:1;}
.swiper-slide-product-caption-ss.swiper-slide-prev .product-caption-ss-kv .p-cloud {transform: none;opacity:1;}


.product-caption-button-ss {position:absolute;left:0;bottom:0;width:100%;padding:0 70px 70px 70px;transition: all 1s ease 0s;transform: translateY(100%);opacity:0;}
.swiper-slide-product-caption-ss.stage-2 .product-caption-button-ss {transform: none;opacity: 1;}
.swiper-slide-product-caption-ss.swiper-slide-prev.stage-2 .product-caption-button-ss {transform: none;opacity: 1;}



.swiper-slide-product-caption-ss .p-cloud.p-cloud-5 {transition-delay:0.6s;}
.swiper-slide-product-caption-ss .p-cloud.p-cloud-6 {transition-delay:0.7s;}
.swiper-slide-product-caption-ss .p-cloud.p-cloud-7 {transition-delay:0.8s;}

.product-caption-ss-kv {width:100%;height:550px;position: relative;margin-top:100px;}
.product-caption-ss-kv img {display: block;width:100%;height:auto;}
.product-caption-ss-kv .kv-1 {width:500px;left:20px;top:0;z-index:10;}
.product-caption-ss-kv .kv-2 {width:449px;left: 275px;top: -22px;z-index:9;}
.product-caption-ss-kv .kv-3 {width:457px;left: 450px;top: -40px;z-index:8;}

.product-caption-ss-kv .p-cloud {position:absolute;}

.fade-cover {transition: opacity .7s ease;}
.fade-cover.fadeout {opacity:0;}


.swiper-slide-product-caption-ks {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    padding-bottom: 350px;}



.swiper-slide-product-caption-ks .product-caption-ks-kv .p-cloud {transform: translateY(30%);opacity:0;}
.swiper-slide-product-caption-ks.swiper-slide-active .product-caption-ks-kv .p-cloud {transform:none;opacity:1;}

.swiper-slide-product-caption-ks .p-cloud.p-cloud-6 {transition-delay:0.6s;}
.swiper-slide-product-caption-ks .p-cloud.p-cloud-7 {transition-delay:0.7s;}
.swiper-slide-product-caption-ks .p-cloud.p-cloud-8 {transition-delay:0.8s;}

.product-caption-ks-kv {width:100%;height:550px;position: relative;margin-top:100px;}
.product-caption-ks-kv img {display: block;width:100%;height:auto;}
.product-caption-ks-kv .kv-1 {width:450px;left:10px;top:0px;z-index:8;}
.product-caption-ks-kv .kv-2 {width:449px;left: 245px;top: 30px;z-index:9;}
.product-caption-ks-kv .kv-3 {width:500px;left: 460px;top: 60px;z-index:10;}

.product-caption-ks-kv .p-cloud {position:absolute;}

.fade-cover-timeline {display: none;}


.product-icons {
    position:fixed;
    z-index: 100;
    left:0;
    bottom:0;
    width:100%;
    background:rgba(11, 56, 150, 0.30);
    box-shadow: 0px 4px 6px 0px #C5D4FF inset;
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    border-radius:100px 100px 0 0;
    padding:60px 60px 0px 60px;
    transition: transform 1s ease;
    transform: translateY(100%);
    height:97%;
    font-size:34px;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;;
}

.product-icon-wrapper {
    background: #0B3896;
    filter: drop-shadow(-10px -10px 10px rgba(255, 255, 255, 0.25)) drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.20));
    border-radius: 50px ;
    text-align: center;
    padding:35px 40px 35px 40px;
    width:100%;
}

.product-props {margin:0 0 40px 0;width: 100%;}
.product-icon-props {width:100%;}
.product-icon-prop .icon {height:80px;width:150px;display: flex;align-items: center;justify-content: center;}
.product-icon-prop .icon img {max-height:80px;max-width:150px;width:auto;}
.product-icon-prop .title {line-height: 110%;height: 80px;width: 470px;display: flex;align-items: center;}

.product-icon-prop {width:100%;display: flex;align-items: center;justify-content: space-between;text-align: left;border-top:2px solid rgba(255, 255, 255, 0.15);margin:0 0 20px 0;padding:20px 0 0 0;}
.product-icon-prop:first-child {border:none;padding:0;}
.product-icon-header {text-align:center;font-size:40px;margin:0 0 40px;width: 100%;
    filter: drop-shadow(1px 0px #ffffff) drop-shadow(1px -1px #ffffff);
    background: linear-gradient(305deg, #E1E1E1 42.95%, #9F9F9F 68.45%, #949494 101.36%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color:transparent;
}

.product-qa {display: flex;width:100%;text-align: left;}
.product-qa .qa {width:580px;}
.product-qa .num {width:70px;height:70px;display: flex;justify-content: flex-start;align-items: center;font-size:65px;margin-top:-15px;}
.product-qa .q {text-transform: uppercase;margin:0 0 10px 0;}
.product-faq .product-icon-wrapper {margin:0 0 15px 0;}

@media (max-height: 1350px) {
    .product-icon-header {margin:0 0 30px;font-size:34px}
    .product-icon-wrapper {padding:25px 40px 25px 40px;}
}

@media (min-height: 1500px) {
    .product-select-caption {font-size:75px;}
    .swiper-container-products-select .swiper-slide {width:400px !important;}
    .swiper-container-products-select .swiper-slide img {width:400px;}
    .product-select-buttons {margin-top:50px;}

    .swiper-container-products-select.ss .swiper-slide {width:350px !important;}
    .swiper-container-products-select.ss .swiper-slide img {width:350px !important;}

    .vote-pack img {width:380px;}
    .poll-slide.unflexed.tiny {padding-top:300px;}
    .swiper-container-products-select.ss .swiper-slide .caption {margin-left:-230px;}
    .swiper-container-products-select.ks .swiper-slide .caption {margin-left:-200px;}
}

@media (min-height: 1550px) {
    .product-select-buttons {margin-top:100px;}
}

@media (min-height: 1600px) {
    .product-select-buttons {margin-top:150px;}
}