/* Root */
:root{
--white:#fff;
--red:#FF2727;
--blue:#181470;
--blue10:rgba(24,20,112,.1);
--blue50:rgba(16,13,95,.5);
--blue60:rgba(32,28,117,.6);
--lblue:#6D69B1;
--lblue2:#CAC8F1;
--light70:rgba(255,252,245,.7);
--violet:#7F7CDC;
--vinous:#991F21;

--cubic-bezier:cubic-bezier(.4,0,0,1);
--cubic-bezier-1:cubic-bezier(.6,0,0,1);
--cubic-bezier-2:cubic-bezier(0,0,0,1.4);

---40: -40px;
---30: -30px;
---24: -24px;
---20: -20px;
---16: -16px;
---12: -12px;
---10: -10px;
---8: -8px;
---4: -4px;
---2: -2px;
---1: -1px;
--1: 1px;
--2: 2px;
--3: 3px;
--4: 4px;
--5: 5px;
--6: 6px;
--8: 8px;
--10: 10px;
--12: 12px;
--14: 14px;
--15: 15px;
--16: 16px;
--20: 20px;
--22: 22px;
--24: 24px;
--26: 26px;
--28: 28px;
--30: 30px;
--32: 32px;
--36: 36px;
--40: 40px;
--48: 48px;
--52: 52px;
--56: 56px;
--60: 60px;
--64: 64px;
--70: 70px;
--72: 72px;
--80: 80px;
--84: 84px;
--90: 90px;
--96: 96px;
--112: 112px;
--114: 114px;
--120: 120px;
--128: 128px;
--136: 136px;
--148: 148px;
--160: 160px;
--172: 172px;
--180: 180px;
--200: 200px;
--210: 210px;
--240: 240px;
--258: 258px;
--327: 327px;
--354: 354px;
--372: 372px;
--400: 400px;
--440: 440px;
--555: 555px;
--590: 590px;
--670: 670px;
--700: 700px;
--728: 728px;
--920: 920px;
--1030: 1030px;

/* -40,-30,-24,-20,-16,-12,-10,-8,-4,-2,-1,1,2,3,4,5,6,8,10,12,14,15,16,20,22,24,26,28,30,32,36,40,48,52,56,60,64,70,72,80,84,90,96,112,114,120,128,136,148,160,172,180,200,210,240,258,327,354,372,400,440,555,590,670,700,728,920,1030 */
}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;}
input, textarea, button, select, a, img, div{-webkit-tap-highlight-color: transparent;}
/* Doc */
html{height:100%;width:100%;position:relative;background:var(--blue);}
body{font-size:calc(var(--font-size) * .8)!important;width:100%;height:100%;position:relative;font-family: 'Golos Text', sans-serif;font-weight:400;font-style:normal;color:var(--white);min-width:300px;background:var(--blue);-webkit-transition:background 1s;-o-transition:background 1s;transition:background 1s;}
/* a */
a,a:visited,a:active,a:focus{color:var(--white);outline:none;text-decoration:none;}
.desktop a:hover{text-decoration:none;}
:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{-webkit-box-sizing:border-box;box-sizing:border-box;}
input{-webkit-appearance:none;}
/* div */
.overflow{overflow:hidden;}
.relative{position:relative;}
.w-100{width:100%;}
.h-100{height:100%;}
.h-app-100{min-height:var(--app-height);}
*::selection{color:var(--white);background:var(--red);}
/* h1 - h6 */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.caps{color:var(--white);margin:0;font-family:'Literature Decor', sans-serif;font-weight:400;}
h1,.h1{font-size:7.5em;line-height:1.2em;}
h2,.h2{font-size:2.5em;line-height:1.2em;text-transform: none;}
h3,.h3{font-size:1.75em;line-height:1.28571428em;text-transform: none;}
h4,.h4{font-size:1.25em;line-height:1.4em;text-transform: none;}
h5,.h5{font-size:1em;line-height:1.5em;font-weight:500;}
h6,.h6,.small{font-size:.875em;line-height:1.42857142em;}
.caps{font-size:.75em;line-height:1.66666666em;letter-spacing:.03em;text-transform:uppercase;font-weight:500;}
/* text */
p{color:var(--white);line-height:1.5em;margin-bottom:var(--24);font-weight:400;}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
ul{list-style:none;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.nowrap{white-space:nowrap;}
/* ---------------------------------------------- LOADING ---------------------------------------------- */
/*
body > .loading{position:fixed;top:0;left:0;right:0;bottom:0;min-width:300px;width:100%;height:100%;background:var(--dark7);overflow:hidden;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
*/
/* ---------------------------------------------- MAIN ---------------------------------------------- */
.main{position:relative;width:100%;height:100vh;height:var(--app-height);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;display:none;}
.ready .main{opacity:1;display:block;}
/* Scroll */
.main-scroll{position:relative;width:100%;min-width:300px;height:100%;transform-origin:top center;pointer-events:none;will-change:transform;}
.scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:top center;display:flex;height:100%!important;pointer-events:auto;will-change:transform;transform:translateZ(0);}
.scroll-content{display:flex;flex-direction:column;width:100%;will-change:transform;transform:translateZ(0);}
.scrollbar-track{z-index:9999!important;will-change:transform;}
.scrollbar-track-y{right:0!important;width:var(--8)!important;background:transparent!important;}
.scrollbar-track-x{left:0!important;height:var(--8)!important;background:transparent!important;}
.scrollbar-track-y:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--light80);opacity:0;transform:scaleX(.5);transform-origin:right center;transition:opacity .3s, transform .3s;}
.scrollbar-track-x:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--light80);opacity:0;transform:scaleY(.5);transform-origin:bottom center;transition:opacity .3s, transform .3s;}
.scrollbar-track-y .scrollbar-thumb{background:transparent!important;border-radius:0!important;width:100%!important;}
.scrollbar-track-x .scrollbar-thumb{background:transparent!important;border-radius:0!important;height:100%!important;}
.scrollbar-track-y .scrollbar-thumb:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--red);transform:scaleX(.5);transform-origin:right center;opacity:.5;transition:opacity .3s, transform .3s;}
.scrollbar-track-x .scrollbar-thumb:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--red);transform:scaleY(.5);transform-origin:bottom center;opacity:.5;transition:opacity .3s, transform .3s;}
.desktop .scrollbar-track-y:hover .scrollbar-thumb:before{transform:scaleX(1);opacity:1;}
.desktop .scrollbar-track-y:hover:before{transform:scaleX(1);opacity:1;}
.desktop .scrollbar-track-x:hover .scrollbar-thumb:before{transform:scaleY(1);opacity:1;}
.desktop .scrollbar-track-x:hover:before{transform:scaleY(1);opacity:1;}
/* ---------------------------------------------- HEADER ---------------------------------------------- */
.header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;padding:calc(var(--font-size) * 1.2);pointer-events:none;z-index:999;transform:translateY(-100%);transition:transform 1s;}
.ready .header{transform:translateY(0);}

.logo{display:block;width:calc(var(--font-size) * 7.5);pointer-events:auto;transition:opacity .3s;}
.desktop .logo:hover{opacity:.7;}
.logo svg{display:block;width:100%;}
.logo svg *{fill:var(--white);}

/* ---------------------------------------------- MENU ---------------------------------------------- */


/* ---------------------------------------------- BUTTONS ---------------------------------------------- */

/* ---------------------------------------------- CONTENT ---------------------------------------------- */
.content{position:relative;min-width:100%;min-height:var(--app-height);overflow:hidden;display:flex;width:auto;width:var(--total-width);}
.content-container{position:relative;width:100%;height:100%;padding-left:calc(var(--font-size) * 4.8);padding-right:calc(var(--font-size) * 4.8);}

.row{margin-left:var(---10);margin-right:var(---10);}
.row > *{padding-left:var(--10);padding-right:var(--10);}
.row.g-0{margin-left:0;margin-right:0;}
.row.g-0 > *{padding-left:0;padding-right:0;}
.row-8{margin-left:var(---4);margin-right:var(---4);}
.row-8 > *{padding-left:var(--4);padding-right:var(--4);}
.row-24{margin-left:var(---12);margin-right:var(---12);}
.row-24 > *{padding-left:var(--12);padding-right:var(--12);}




.section{position:relative;height:var(--app-height);padding-top:calc(var(--font-size) * 4.8);padding-bottom:calc(var(--font-size) * 4.8);}
.section-1{min-width:100vw;}

.section-bg{position:absolute;top:0;left:0;width:100vw;height:var(--app-height);opacity:0;background:linear-gradient(179.95deg, #181470 0.04%, #181470 61.83%, #7F7BD7 115.83%);transition-delay:1s;}
.ready .section-bg{opacity:1;}


.sky{display:block;position:absolute;top:16.6%;left:0;width:100%;height:43%;background:radial-gradient(94% 94% at 50% 94%, #53066B 53%, #181470 100%);}
.sky-2{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(100% 100% at 50% 100%, #D31717 3%, #53066B 53%, #181470 100%);}

.clouds{position:absolute;left:0;bottom:0;width:100%;height:calc(var(--app-height) * .596);background-image:url(../i/clouds.png);background-position:0 100%;background-repeat:repeat-x;mix-blend-mode:luminosity;animation:animateClouds 60s linear infinite;}

@keyframes animateClouds{0%{background-position:0 100%;}100%{background-position:-2219px 100%;}}
/* Ship */
/*
.ship{position:fixed;bottom:0;left:0;width:100%;padding-left:calc(var(--font-size) * 14.8);padding-bottom:11.36363636%;pointer-events:none;}
.ship-wrap{position:relative;width:50%;}
.ship-scrollbar{position:absolute;bottom:100%;right:0;width:calc(var(--font-size) * 14.8);}
.ship-scrollbar img{display:block;width:100%;transform-origin:40% bottom;animation:animateAngle 5s ease-in-out infinite;}
.ship-wave{position:absolute;bottom:0;left:0;width:100%;height:100%;}
.ship-wave i{display:block;position:absolute;left:0;width:112.5%;height:100%;animation:animateWave 5s ease-in-out infinite;background-position:center top;background-size:100%;background-repeat:no-repeat;}
.ship-wave i:nth-child(1){top:0;background-image:url(../i/wave3.png);animation-delay:1s;}
.ship-wave i:nth-child(2){top:var(--font-size);background-image:url(../i/wave2.png);animation-delay:2s;}
.ship-wave i:nth-child(3){top:calc(var(--font-size) * 2);background-image:url(../i/wave1.png);animation-delay:1.5s;}
@keyframes animateWave{0%{transform:translateX(0);}50%{transform:translateX(-7.5%);}100%{transform:translateX(0);}}
@keyframes animateShip{
	0%{transform:translateY(0) rotate(-15deg);}
	50%{transform:translateY(20%) rotate(15deg);}
	100%{transform:translateY(0) rotate(-15deg);}
}

@keyframes animateAngle{0%{transform:rotate(-15deg);}50%{transform:rotate(15deg);}100%{transform:rotate(-15deg);}}
*/


.ship{position:fixed;bottom:0;left:0;width:100%;padding-left:calc(var(--font-size) * 14.8);padding-bottom:11.36363636%;pointer-events:none;animation:animateWrap 7.5s ease-in-out infinite;}
@keyframes animateWrap{0%{transform:translate(0,0);}50%{transform:translate(-7%,7%)}100%{transform:translate(0,0);}}

.ship-wrap{position:relative;width:50%;}
.ship-scrollbar{position:absolute;bottom:100%;right:0;width:calc(var(--font-size) * 14.8);animation:animateShip 7.5s ease-in-out infinite;animation-delay:2.25s;}
.ship-scrollbar img{display:block;width:100%;transform-origin:40% bottom;animation:animateAngle 7.5s ease-in-out infinite;}
@keyframes animateShip{0%{transform:translateY(6%);}50%{transform:translateY(22%);}100%{transform:translateY(6%);}}
@keyframes animateAngle{0%{transform:rotate(-15deg);}50%{transform:rotate(15deg);}100%{transform:rotate(-15deg);}}

.ship-wave{position:absolute;bottom:0;left:0;width:100%;height:100%;}
.ship-wave i{display:block;position:absolute;left:0;width:200%;height:100%;}
.ship-wave i:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center top;background-size:50%;background-repeat:repeat-x;}
.ship-wave i:nth-child(1){top:0;}
.ship-wave i:nth-child(2){animation:animateWave1 7.5s linear infinite;top:var(--font-size);animation-delay:.5s;}
.ship-wave i:nth-child(3){animation:animateWave1 6s linear infinite;top:calc(var(--font-size) * 2);}
.ship-wave i:nth-child(1):before{background-image:url(../i/wave3.png);animation:animateWave 37.5s linear infinite;}
.ship-wave i:nth-child(2):before{background-image:url(../i/wave2.png);animation:animateWave 37.5s linear infinite;animation-delay:.5s;}
.ship-wave i:nth-child(3):before{background-image:url(../i/wave1.png);animation:animateWave 37.5s linear infinite;}


@keyframes animateWave{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes animateWave1{0%{transform:translate(0,0);}50%{transform:translate(.3%,5%);}100%{transform:translate(0,0);}}





/* Citys */
/*
.citys{position:absolute;bottom:0;left:0;padding-left:100vw;display:flex;align-items:end;overflow:hidden;transform:translateZ(0);}
.city{width:80vw;height:100%;display:flex;align-items:end;justify-content:center;transform:translateZ(0);}
.city img{display:block;margin-bottom:var(---2);transform:translateZ(0);}

.city-1 img{width:49.63541666%;}
.city-2 img{width:23.33333333%;}
.city-3 img{width:26.35416666%;}
.city-4 img{width:28.80208333%;}
.city-5 img{width:22.44791666%;}
.city-6 img{width:49.63541666%;}
*/


.citys{position:absolute;bottom:0;left:0;width:calc(var(--total-width) - 100vw);padding-left:100vw;display:flex;align-items:end;}
.city{display:flex;align-items:end;}
.city img{display:block;width:100%;margin-bottom:var(---2);}

.city-1{margin-left:28.63541666vw;}
.city-2{margin-left:23.33333333vw;}
.city-3{margin-left:26.35416666vw;}
.city-4{margin-left:56.80208333vw;}
.city-5{margin-left:88.44791666vw;}
.city-6{margin-left:102.63541666vw;}
.city-7{margin-left:26.35416666vw;}


.city-1 img{width:49.63541666vw;}
.city-2 img{width:23.33333333vw;}
.city-3 img{width:26.35416666vw;}
.city-4 img{width:28.80208333vw;}
.city-5 img{width:22.44791666vw;}
.city-6 img{width:49.63541666vw;}
.city-7 img{width:26.35416666vw;}





/* Bottoms */
.bottoms{position:absolute;bottom:0;left:0;padding-left:100vw;display:flex;align-items:end;}
.bottom{display:flex;align-items:end;}
.bottom img{display:block;}
.bottom-1{margin-left:48.60416666vw;}
.bottom-2{margin-left:44.16666666vw;}
.bottom-3{margin-left:28.23958333vw;}
.bottom-4{margin-left:31.25vw;}
.bottom-5{margin-left:60.9375vw;}
.bottom-6{margin-left:46.625vw;}
.bottom-7{margin-left:39vw;}




.bottom-1 img{width:11.35416666vw;}
.bottom-2 img{width:57.91666666vw;}
.bottom-3 img{width:33.54166666vw;}
.bottom-4 img{width:4.27083333vw;}
.bottom-5 img{width:19.47916666vw;}
.bottom-6 img{width:14.16666666vw;}
.bottom-7 img{width:11.35416666vw;}





/* Fireworks */
.firework{position:absolute;transform:scale(0);transform-origin:50% 60%;}
.firework img{display:block;width:100%;}

.firework-1{top:10%;left:10%;width:15vw;}
.firework-2{top:12%;right:10%;width:12vw;}
.firework-3{top:15%;right:30%;width:9vw;}
.firework-4{top:20%;left:30%;width:13vw;}



/* Swipe */
.swipe{display:none;position:absolute;bottom:0;left:0;z-index:999;pointer-events:none;opacity:0;transition:opacity .5s;}
.swipe-inner{padding:calc(var(--font-size) * 1.2);display:flex;align-items:center;}
.swipe-item{background:var(--white);width:calc(var(--font-size) * 2.2);height:calc(var(--font-size) * 2.2);display:flex;align-items:center;justify-content:center;margin-right:calc(var(--font-size) * .3);border-radius:100%;border:var(--1) solid rgba(235,186,51,.1);box-shadow:0 var(--4) var(--14) 0 rgba(235,186,51,.2);}
.swipe-item svg{display:block;width:calc(var(--font-size) * 1.2);}



html:not(.desktop) .swipe{display:block;opacity:1;}
.hidden-swipe .swipe{opacity:0!important;}


/* Intro */


.section-intro{min-width:100vw;}

.map{position:absolute;top:50%;left:calc(50% + 5vw);height:120vw;width:120vw;transform:translate(-50%,-50%);overflow:hidden;opacity:0;transition:opacity .8s;}
.ready .map{opacity:1;}
.map img{display:block;position:absolute;top:0;right:0;width:100%;height:100%;}


.ship-intro{position:absolute;top:60%;left:calc(50% + 8vw);width:138vw;height:138vw;transform:translate(-150%,-50%);opacity:0;transition:opacity 1s, transform 10s;}
.ready .ship-intro{transform:translate(-50%,-50%);opacity:1;}
.ship-intro img{display:block;position:absolute;top:0;right:0;width:100%;height:100%;}



.intro{padding-left:calc(var(--font-size) * 10);margin-top:calc(var(--font-size) * 8);margin-left:calc(var(--font-size) * 3.8);}
.intro h1 span.ml{margin-left:calc(var(--font-size) * -10);}
.intro h1 span{display:inline-block;opacity:0;transition:opacity 1s 1s, transform 2s 1s;}
.intro h1 span:nth-of-type(1){transform:translateX(-10vw);}
.intro h1 span:nth-of-type(2){transform:translateX(10vw);}
.ready .intro h1 span{opacity:1;transform:translateX(0);}

.text-wrap{position:relative;padding:calc(var(--font-size) * 1.4) calc(var(--font-size) * 1.8);}
.intro .text-wrap{transform:translateY(10vw);opacity:0;transition:opacity 1s 2s, transform 2s 2s;}
.ready .intro .text-wrap{opacity:1;transform:translateY(0);}


.text-wrap-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--vinous);mix-blend-mode:darken;}
.text-wrap-bg img{display:block;position:absolute;top:100%;left:0;right:0;width:100%;margin-top:var(---1);}
.text-wrap-2{color:var(--blue);}
.text-wrap-2 .text-wrap-bg{background:var(--white);mix-blend-mode:normal;}

.text-wrap-inner{position:relative;width:100%;}
.text-wrap-inner > *:last-child{margin-bottom:0;}


.text-wrap-line{background:var(--violet);height:calc(var(--font-size) * .1);border-radius:calc(var(--font-size) * .1);margin-left:calc(var(--font-size) * -.4);margin-right:calc(var(--font-size) * -.4);margin-bottom:calc(var(--font-size) / 2);}
.text-wrap .text-wrap-inner p.text-wrap-head{font-size:1.375em;margin-bottom:calc(var(--font-size) / 2);font-weight:500;}
.text-wrap .text-wrap-inner p{font-size:1.125em;}
.text-wrap.text-wrap-2 .text-wrap-inner p.text-wrap-head{font-size:1.3125em;font-family:'Literature Decor', sans-serif;}
.text-wrap.text-wrap-2 .text-wrap-inner p{color:var(--blue);font-size:1em;}
.text-wrap-2 .text-wrap-line{background:var(--lblue2);}


.note{position:absolute;top:calc(var(--font-size) * 2);right:calc(var(--font-size) * 4.8);font-family:'Gogol';font-style:italic;font-size:4.375em;color:var(--light70);letter-spacing:.03em;pointer-events:none;}


.intro .note{opacity:0;transform:translateX(50%);transition:opacity 1s 2.5s, transform 2s 2.5s;}
.ready .intro .note{opacity:1;transform:translateX(0);}

/* Photo */
.photo-wrap{position:absolute;}
.photo-inner{padding:calc(var(--font-size) / 2) calc(var(--font-size) / 2) calc(var(--font-size) * 1.5);background:var(--white);box-shadow:var(--4) var(--4) var(--20) var(--4) #1814701A;}
html:not(.mobile) .section .photo-inner{cursor:pointer;}


.photo--s{width:calc(var(--font-size) * 19.5);}
.photo--m{width:calc(var(--font-size) * 21);}
.photo--l{width:calc(var(--font-size) * 28);}

.photo-item{position:relative;width:100%;padding-top:67.56756756%;}

.photo--s .photo-item{padding-top:67.56756756%;}
.photo--m .photo-item{padding-top:70%;}
.photo--l .photo-item{padding-top:56.25%;}

.photo-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}

.section .photo-item{pointer-events:none;}




.player{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;pointer-events:auto;}
.player video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;cursor:auto;}


.rotate-5{transform:rotate(5deg);}
.rotate-10{transform:rotate(10deg);}
.rotate--5{transform:rotate(-5deg);}
.rotate--10{transform:rotate(-10deg);}



/* Statya 1 */
.section-1{min-width:70vw;}
.note-1{top:auto;right:auto;left:43%;bottom:50%;}
.statya-1{position:absolute;left:21.718%;top:60%;}
.photo-1-1{left:5.833%;top:7.592%;}
.photo-1-2{left:18.073%;top:26.111%;}
.photo-1-3{left:34.635%;bottom:62%;}


/* Statya 2 */
.section-2{min-width:50vw;}
.note-2{top:auto;right:auto;left:25%;top:95%;}
.statya-2{position:absolute;left:0%;bottom:48%;}
.photo-2-1{left:-10%;top:68%;}
.photo-2-2{left:22%;top:52%;}


 /* Statya 3 */
.section-3{min-width:57vw;}
.note-3{top:auto;right:auto;left:-10%;top:50%;}
.statya-3{position:absolute;left:0%;top:60%;}
.photo-3-1{left:10%;bottom:35%;}
.photo-3-2{left:-10%;bottom:65%;}


/* Statya 4 */
.section-4{min-width:57vw;}
.note-4{top:auto;right:auto;left:2%;top:93%;}
.statya-4{position:absolute;left:0%;bottom:60%;}
.photo-4-1{left:-10%;top:60%;}
.photo-4-2{left:22%;top:35%;}


/* Statya 5 */
.section-5{min-width:53vw;}
.note-5{top:auto;right:auto;left:5%;top:40%;}
.statya-5{position:absolute;left:0%;top:50%;}
.photo-5-1{left:28%;bottom:49%;}
.photo-5-2{left:-7%;bottom:65%;}


/* Statya 6 */
.section-6{min-width:67vw;}
.note-6{top:auto;right:auto;left:38%;top:97%;}
.statya-6{position:absolute;left:10%;bottom:45%;}
.photo-6-1{left:-5%;top:70%;}
.photo-6-2{left:47%;top:45%;}
.photo-6-3{left:20%;top:60%;}


/* Statya 7 */
.section-7{min-width:58vw;}
.note-7{top:auto;right:auto;left:9%;top:45%;}
.statya-7{position:absolute;left:0%;top:63%;}
.photo-7-1{left:25%;bottom:35%;}
.photo-7-2{left:-3%;bottom:65%;}


/* Statya 8 */
.section-8{min-width:61vw;}
.note-8{top:auto;right:auto;left:10%;top:95%;}
.statya-8{position:absolute;left:0%;bottom:52%;}
.photo-8-1{left:-10%;top:60%;}
.photo-8-2{left:22%;top:48%;}


/* Statya 9 */
.section-9{min-width:100vw;}
.note-9{top:auto;right:auto;left:52%;bottom:52%;}
.statya-9{position:absolute;left:10%;top:55%;}
.photo-9-1{left:5.833%;bottom:45%;}
.photo-9-2{left:18.073%;bottom:65%;}
.photo-9-3{left:35%;bottom:43%;}
.photo-9-4{left:50%;bottom:65%;}
.photo-9-5{left:60%;top:60%;}







.ship-end{position:absolute;top:60%;left:calc(120% + 8vw);width:138vw;height:138vw;transform:translate(-50%,-50%);}
.ship-end img{display:block;position:absolute;top:0;right:0;width:100%;height:100%;}



.info{position:absolute;bottom:0;right:calc(var(--font-size) * 4.8);width:calc(var(--font-size) * 5);border-radius:100%;background:rgba(69,9,9,.3);backdrop-filter:blur(calc(var(--font-size) * .4));}
.info svg{display:block;width:100%;}
.info img{display:block;position:absolute;top:50%;left:50%;width:calc(var(--font-size) * 7.5);transform:translate(-49%,-52%);}
/* ---------------------------------------------- GALLERY ---------------------------------------------- */

.gallery{position:fixed;display:flex;top:0;left:0;width:100%;height:var(--app-height);background:var(--blue50);backdrop-filter:blur(var(--font-size));-webkit-backdrop-filter:blur(var(--font-size));z-index:9999;visibility:hidden;opacity:0;transition:opacity .8s 0s, visibility 0s .8s;}
.open-gallery .gallery{visibility:visible;opacity:1;transition:opacity .8s 0s, visibility 0s 0s;}

.gallery-slider{position:relative;width:100%;margin:auto;pointer-events:none;}

.gallery-slider .swiper-slide{padding:0 calc(var(--font-size) * .75);pointer-events:auto;}
.gallery-slider .swiper-slide .photo-inner{transform:none!important;pointer-events:none;}
.gallery-slider .swiper-slide .photo-inner .player{pointer-events:none;}
.gallery-slider .swiper-slide.swiper-slide-active .photo-inner{pointer-events:auto;}
.gallery-slider .swiper-slide.swiper-slide-active .photo-inner .player{pointer-events:auto;}
.gallery-bg{position:absolute;top:0;left:0;width:100%;height:100%;}

.gallery-close{display:block;position:absolute;top:calc(var(--font-size) * 2);right:calc(var(--font-size) * 2);width:calc(var(--font-size) * 1.8);pointer-events:auto;transition:opacity .3s;}
.gallery-close svg{display:block;width:100%;}
.gallery-close svg *{fill:var(--white);}

.desktop .gallery-close:hover{opacity:.7;}

.gallery-note{position:absolute;bottom:calc(var(--font-size) * 2.7);left:0;width:100%;text-align:center;font-family:'Gogol';font-style:italic;font-size:4.5em;color:var(--red);letter-spacing:.03em;pointer-events:none;}


.gallery-slider .photo--s{width:auto;}
.gallery-slider .photo--m{width:auto;}
.gallery-slider .photo--l{width:auto;}

.gallery-slider .photo--s .photo-inner{width:auto;}
.gallery-slider .photo--m .photo-inner{width:auto;}
.gallery-slider .photo--l .photo-inner{width:auto;}

.gallery-slider{--gallery-height:37;}
@media (orientation: portrait) {
.gallery-slider{--gallery-height:15;}
}

.gallery-slider .photo--s .photo-item{height:calc(var(--font-size) * var(--gallery-height));width:calc(var(--font-size) * var(--gallery-height) * 1.48);}
.gallery-slider .photo--m .photo-item{height:calc(var(--font-size) * var(--gallery-height));width:calc(var(--font-size) * var(--gallery-height) * 1.428571428);}
.gallery-slider .photo--l .photo-item{height:calc(var(--font-size) * var(--gallery-height));width:calc(var(--font-size) * var(--gallery-height) * 1.7777777777);}


/* ---------------------------------------------- MODAL ---------------------------------------------- */
.modal-horizontal{position:fixed;top:0;left:0;width:100%;height:var(--app-height);background:var(--blue50);backdrop-filter:blur(var(--font-size));-webkit-backdrop-filter:blur(var(--font-size));z-index:99999;display:none;}
.modal-horizontal .modal-inner{padding-top:0;}
.modal-horizontal p{font-size:2.52em!important;}
@media (orientation: landscape) {
.mobile .modal-horizontal{display:block;}
}

.modal{position:fixed;top:0;left:0;width:100%;height:var(--app-height);background:var(--blue50);backdrop-filter:blur(var(--font-size));-webkit-backdrop-filter:blur(var(--font-size));z-index:9999;visibility:hidden;opacity:0;transition:opacity .8s 0s, visibility 0s .8s;}
.open-modal .modal{visibility:visible;opacity:1;transition:opacity .8s 0s, visibility 0s 0s;}
.modal-inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;}

.modal-text{margin:auto;pointer-events:auto;}
.text-wrap.modal-text{padding:calc(var(--font-size) * 2) calc(var(--font-size) * 3);}
.text-wrap-2.modal-text .text-wrap-inner p{font-size:.9375em;margin-bottom:var(--font-size);}
.text-wrap-2.modal-text .text-wrap-inner p.copyright{font-size:.875em;color:var(--lblue);opacity:.6;}

.modal-text .logo{margin:0 auto calc(var(--font-size) * 1.2);width:calc(var(--font-size) * 6.3);}
.modal-text .logo svg *{fill:var(--blue);}

.modal-text .text-wrap-line{width:65%;background:var(--lblue);margin:0 auto calc(var(--font-size) * 1.2);opacity:.6;}



.modal-close{display:block;position:absolute;top:calc(var(--font-size) / 2);right:calc(var(--font-size) / 2);width:calc(var(--font-size) * 1.8);transition:opacity .3s;}
.modal-close svg{display:block;width:100%;}

.desktop .modal-close:hover{opacity:.7;}


.modal-photo{position:absolute;top:-45%;left:-40%;}

.rope{position:absolute;top:85%;left:85%;width:calc(var(--font-size) * 9.75);}
.rope img{display:block;width:100%;}

.modal-note{right:0;top:110%;}
.modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;}
/* ---------------------------------------------- MARGINS ---------------------------------------------- */

.red{color:var(--red);}


.w-680{max-width:calc(var(--font-size) * 34);}
.w-580{max-width:calc(var(--font-size) * 29);}





.mb-24{margin-bottom:calc(var(--font-size) * 1.2);}



/* ---------------------------------------------- MEDIA ---------------------------------------------- */
@media (min-width:1920.02px){
:root{
---40: -2.08333334vw;
---30: -1.5625vw;
---24: -1.25vw;
---20: -1.04166667vw;
---16: -.83333334vw;
---12: -.625vw;
---10: -.52083334vw;
---8: -.41666667vw;
---4: -.20833334vw;
---2: -.10416667vw;
---1: -.05208334vw;
--1: .05208333vw;
--2: .10416666vw;
--3: .15625vw;
--4: .20833333vw;
--5: .26041666vw;
--6: .3125vw;
--8: .41666666vw;
--10: .52083333vw;
--12: .625vw;
--14: .72916666vw;
--15: .78125vw;
--16: .83333333vw;
--20: 1.04166666vw;
--22: 1.14583333vw;
--24: 1.25vw;
--26: 1.35416666vw;
--28: 1.45833333vw;
--30: 1.5625vw;
--32: 1.66666666vw;
--36: 1.875vw;
--40: 2.08333333vw;
--48: 2.5vw;
--52: 2.70833333vw;
--56: 2.91666666vw;
--60: 3.125vw;
--64: 3.33333333vw;
--70: 3.64583333vw;
--72: 3.75vw;
--80: 4.16666666vw;
--84: 4.375vw;
--90: 4.6875vw;
--96: 5vw;
--112: 5.83333333vw;
--114: 5.9375vw;
--120: 6.25vw;
--128: 6.66666666vw;
--136: 7.08333333vw;
--148: 7.70833333vw;
--160: 8.33333333vw;
--172: 8.95833333vw;
--180: 9.375vw;
--200: 10.41666666vw;
--210: 10.9375vw;
--240: 12.5vw;
--258: 13.4375vw;
--327: 17.03125vw;
--354: 18.4375vw;
--372: 19.375vw;
--400: 20.83333333vw;
--440: 22.91666666vw;
--555: 28.90625vw;
--590: 30.72916666vw;
--670: 34.89583333vw;
--700: 36.45833333vw;
--728: 37.91666666vw;
--920: 47.91666666vw;
--1030: 53.64583333vw;

}
}

@media (max-width:1439.98px){
:root{
---40: -2.77777778vw;
---30: -2.08333334vw;
---24: -1.66666667vw;
---20: -1.38888889vw;
---16: -1.11111112vw;
---12: -.83333334vw;
---10: -.69444445vw;
---8: -.55555556vw;
---4: -.27777778vw;
---2: -.13888889vw;
---1: -.06944445vw;
--1: .06944444vw;
--2: .13888888vw;
--3: .20833333vw;
--4: .27777777vw;
--5: .34722222vw;
--6: .41666666vw;
--8: .55555555vw;
--10: .69444444vw;
--12: .83333333vw;
--14: .97222222vw;
--15: 1.04166666vw;
--16: 1.11111111vw;
--20: 1.38888888vw;
--22: 1.52777777vw;
--24: 1.66666666vw;
--26: 1.80555555vw;
--28: 1.94444444vw;
--30: 2.08333333vw;
--32: 2.22222222vw;
--36: 2.5vw;
--40: 2.77777777vw;
--48: 3.33333333vw;
--52: 3.61111111vw;
--56: 3.88888888vw;
--60: 4.16666666vw;
--64: 4.44444444vw;
--70: 4.86111111vw;
--72: 5vw;
--80: 5.55555555vw;
--84: 5.83333333vw;
--90: 6.25vw;
--96: 6.66666666vw;
--112: 7.77777777vw;
--114: 7.91666666vw;
--120: 8.33333333vw;
--128: 8.88888888vw;
--136: 9.44444444vw;
--148: 10.27777777vw;
--160: 11.11111111vw;
--172: 11.94444444vw;
--180: 12.5vw;
--200: 13.88888888vw;
--210: 14.58333333vw;
--240: 16.66666666vw;
--258: 17.91666666vw;
--327: 22.70833333vw;
--354: 24.58333333vw;
--372: 25.83333333vw;
--400: 27.77777777vw;
--440: 30.55555555vw;
--555: 38.54166666vw;
--590: 40.97222222vw;
--670: 46.52777777vw;
--700: 48.61111111vw;
--728: 50.55555555vw;
--920: 63.88888888vw;
--1030: 71.52777777vw;

}
}

@media (max-width:767.98px){
:root{
---40: -10.66666667vw;
---30: -8vw;
---24: -6.4vw;
---20: -5.33333334vw;
---16: -4.26666667vw;
---12: -3.2vw;
---10: -2.66666667vw;
---8: -2.13333334vw;
---4: -1.06666667vw;
---2: -.53333334vw;
---1: -.26666667vw;
--1: .26666666vw;
--2: .53333333vw;
--3: .8vw;
--4: 1.06666666vw;
--5: 1.33333333vw;
--6: 1.6vw;
--8: 2.13333333vw;
--10: 2.66666666vw;
--12: 3.2vw;
--14: 3.73333333vw;
--15: 4vw;
--16: 4.26666666vw;
--20: 5.33333333vw;
--22: 5.86666666vw;
--24: 6.4vw;
--26: 6.93333333vw;
--28: 7.46666666vw;
--30: 8vw;
--32: 8.53333333vw;
--36: 9.6vw;
--40: 10.66666666vw;
--48: 12.8vw;
--52: 13.86666666vw;
--56: 14.93333333vw;
--60: 16vw;
--64: 17.06666666vw;
--70: 18.66666666vw;
--72: 19.2vw;
--80: 21.33333333vw;
--84: 22.4vw;
--90: 24vw;
--96: 25.6vw;
--112: 29.86666666vw;
--114: 30.4vw;
--120: 32vw;
--128: 34.13333333vw;
--136: 36.26666666vw;
--148: 39.46666666vw;
--160: 42.66666666vw;
--172: 45.86666666vw;
--180: 48vw;
--200: 53.33333333vw;
--210: 56vw;
--240: 64vw;
--258: 68.8vw;
--327: 87.2vw;
--354: 94.4vw;
--372: 99.2vw;
--400: 106.66666666vw;
--440: 117.33333333vw;
--555: 148vw;
--590: 157.33333333vw;
--670: 178.66666666vw;
--700: 186.66666666vw;
--728: 194.13333333vw;
--920: 245.33333333vw;
--1030: 274.66666666vw;

}
}
@media (orientation: portrait) {
h1,.h1{font-size:4.3em;}
.content-container{padding-left:calc(var(--font-size) * 1.2);padding-right:calc(var(--font-size) * 1.2);}
.section{padding-top:calc(var(--font-size) * 1.2);padding-bottom:calc(var(--font-size) * 1.2);}


.clouds{height:60%;}






.text-wrap{padding:calc(var(--font-size) * 1.2) calc(var(--font-size) * 1.2);max-width:calc(100vw - var(--font-size) * 2.4)!important;z-index:50;}
.note{right:calc(var(--font-size) * 1.2);font-size:2.375em;}

.photo-wrap{width:calc(100vw - var(--font-size) * 2.4)}

/* Ship */
.ship{padding-bottom:15%;padding-left:calc(var(--font-size) * 7.4);}
.ship-scrollbar{width:calc(var(--font-size) * 7.4);}
@keyframes animateShip{0%{transform:translateY(5%);}50%{transform:translateY(20%);}100%{transform:translateY(5%);}}


.ship-wave{left:-12%;}
.ship-wave i{width:400%;}
.ship-wave i:nth-child(2){top:calc(var(--font-size) / 2);}
.ship-wave i:nth-child(3){top:var(--font-size);}

/* Citys */
.citys{padding-left:150vw;}

.city-1{margin-left:150vw;}
.city-2{margin-left:146vw;}
.city-3{margin-left:158vw;}
.city-4{margin-left:44vw;}
.city-5{margin-left:87vw;}
.city-6{margin-left:388vw;}
.city-7{margin-left:388vw;}


.city-1 img{width:98vw;}
.city-2 img{width:46vw;}
.city-3 img{width:52vw;}
.city-4 img{width:56vw;}
.city-5 img{width:44vw;}
.city-6 img{width:98vw;}
.city-7 img{width:52vw;}

/* Fireworks */
.firework-1{top:10%;left:10%;width:30vw;}
.firework-2{top:12%;right:10%;width:24vw;}
.firework-3{top:15%;right:30%;width:18vw;}
.firework-4{top:20%;left:30%;width:26vw;}

/* Bottoms */
.bottom-1{margin-left:143vw;}
.bottom-2{margin-left:224vw;}
.bottom-3{margin-left:291vw;}
.bottom-4{margin-left:117vw;}
.bottom-5{margin-left:263vw;}
.bottom-6{margin-left:250vw;}
.bottom-7{margin-left:210vw;}

.bottom-1 img{width:22vw;}
.bottom-2 img{width:114vw;}
.bottom-3 img{width:66vw;}
.bottom-4 img{width:8vw;}
.bottom-5 img{width:40vw;}
.bottom-6 img{width:30vw;}
.bottom-7 img{width:22vw;}

/* Intro */
.section-intro{min-width:150vw;}
.intro{padding-left:0;margin-left:0;position:relative;margin-top:calc(var(--font-size) * 5);}
.intro .note{top:calc(var(--font-size) * -3.5);right:0;}
.intro h1 span.ml{margin-left:0;}
.ship-intro{left:calc(50% + 8vh);height:138vh;width:138vh;}
.map{left:calc(50% - 5vh);height:120vh;width:120vh;}



/* Statya 1 */
.section-1{min-width:220vw;}
.statya-1{left:0;top:40%;}
.photo-1-1{left:-6%;}
.photo-1-2{left:40%;top:50%;}
.photo-1-3{left:40%;bottom:55%;}
.note-1{left:44%;bottom:50%;}

/* Statya 2 */
.section-2{min-width:220vw;}
.statya-2{left:0;bottom:30%;}
.photo-2-1{left:40%;top:10%;}
.photo-2-2{left:38%;}
.note-2{top:75%;}

/* Statya 3 */
.section-3{min-width:220vw;}
.statya-3{left:0;top:48%;}
.photo-3-1{left:35%;}
.photo-3-2{left:-5%;bottom:51%;}
.note-3{left:45%;top:67%;}

/* Statya 4 */
.section-4{min-width:220vw;}
.statya-4{bottom:50%;}
.photo-4-1{top:48%;}
.photo-4-2{left:30%;}
.note-4{left:33%;top:83%;}

/* Statya 5 */
.section-5{min-width:220vw;}
.statya-5{top:45%;}
.photo-5-1{left:40%;bottom:15%;}
.photo-5-2{left:14%;bottom:50%;}

/* Statya 6 */
.section-6{min-width:220vw;}
.statya-6{bottom:33%;}
.photo-6-1{left:-1%;top:58%;}
.photo-6-2{top:15%;}
.photo-6-3{left:51%;}
.note-6{top:70%;padding-left:.5em;}

/* Statya 7 */
.section-7{min-width:220vw;}
.statya-7{left:7%;top:52%;}
.photo-7-1{left:46%;}
.photo-7-2{left:2%;bottom:46%;}
.note-7{left:54%;top:64%;}

/* Statya 8 */
.section-8{min-width:220vw;}
.statya-8{bottom:47%;left:6%;}
.photo-8-1{left:0%;top:53%;}
.photo-8-2{left:42%;top:36%;}
.note-8{left:49%;top:33%;}

/* Statya 9 */
.section-9{min-width:300vw;}
.statya-9{left:5%;top:40%;}
.photo-9-1{bottom:48%;}
.photo-9-2{left:37%;bottom:44%;}
.photo-9-3{left:35%;bottom:6%;}
.photo-9-4{left:62%;bottom:43%;}
.photo-9-5{left:64%;top:47%;}
.note-9{left:-2%;bottom:63%;}
.ship-end{left:calc(110% + 8vh);height:138vh;width:138vh;}
.info{width: calc(var(--font-size) * 4);bottom:calc(var(--font-size) * 1.2);right:calc(var(--font-size) * 1.6);}
.info img{width:calc(var(--font-size) * 6);}

/* Modal */
.modal-inner{padding-top:40%;}
.modal-photo{top:auto;left:-5%;bottom:102%;}
.modal-note{top:107%;right:15%;}
.text-wrap.modal-text{padding: calc(var(--font-size) * 1.2) calc(var(--font-size) * 1.2);}



}