* {
  font-family: PT Sans;
  font-weight: 400;
}

.visible {
  opacity: 1 !important;
  visibility: visible !important;
}@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ptsans/pt-sans-cyr-reg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ptsans/pt-sans-lat-reg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/ptsans/pt-sans-cyr-bold.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/ptsans/pt-sans-lat-bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* Reset 5.0.0  2022 */
html {margin:0px;padding:0px;border:0;width:100%;overflow-x:hidden;}
html, body {height:100%!important;}
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0; padding:0}*/
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;letter-spacing:inherit;}
p {margin:0; padding:0; border:0;}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal}
ol,ul,li {list-style:none;margin:0; padding:0} 
caption,th {text-align:left}
q:before,q:after {content:''} 
abbr,acronym {border:0;font-variant:normal}
sup {vertical-align:text-top} sub{vertical-align:text-bottom}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
.clear {clear:both;}
.hidden {display:none !important; visibility:hidden !important;}
.center {text-align:center!important; margin:0 auto;} 
.left {float:left;} .right {float:right;}
.l {text-align:left!important;}  .c {text-align:center!important;} 
.r {text-align:right!important;} .j {text-align:justify;}
.u { text-transform: uppercase; }

iframe {margin:0!important; padding:0!important; border:none!important;}
img {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; pointer-events:none;}
.bg {background-repeat:no-repeat; background-position:center center; -webkit-background-size:contain; -o-background-size:contain; background-size:contain;}
.bgcv {background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
.rel  { position:relative; } .abs { position:absolute; top:0; right:0; bottom:0; left:0; z-index:+1; }
.no-events { pointer-events:none; }

/* -- flex -- */
.flex, [class*="flex"], [class^="flex"]  { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.--0 { flex:0 0 auto !important; }
.--1 { flex:1 0 auto; }
.--c { justify-content:center; align-items:center; }
.--c--end { justify-content:center; align-items:flex-end; }
.--sb  { justify-content:space-between!important; }
.--r { justify-content:flex-end; }
.--w { justify-content:space-between; align-items:center; height:100%; }
.--col--c { flex-flow:column nowrap; flex:1 0 auto; justify-content:center; align-items:center; }
.--col { flex-flow:column nowrap; justify-content:flex-start; align-items:stretch; flex:1 0 auto; }
.--col-row { flex-flow:row wrap; justify-content:flex-start; align-content:flex-start; margin:0 -.6rem; }
.col--1,.col--2 { padding:0 .6rem; }
.col--2 { flex:1 0 280px; }
/* ----- INTRO ----- */

#intro {
  height: 100%;
}

#intro--in {
  align-items: center;
}

#intro wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: clamp(320px, 85%, 1400px);
}
#intro--video {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
}
#intro--bg {
  background-color: rgba(20, 15, 10, 0);
  backdrop-filter: saturate(98%);
  background-image: url("../../content/i/wind.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
#l--b {
  background-image: url("../../content/i/l--b.svg");
  background-size: auto 55vmin;
  background-repeat: no-repeat;
  background-position: left bottom;
}
#int--logo {
  padding: 9.5vmin 0 8vmin;
  margin-left: -0.25rem;
}
.svg--logo {
  width: 22vmin;
  min-width: 120px;
}
.svg--wide { 
	width:55vmin; 
	min-width:200px; 
}
#intro .svg--logo#logo-mir {
  width: 28vmin;
  min-width: 150px;
  padding: 0.85rem 0.1rem 0.65rem 1.5rem;
}
#title--1 { 
  width:90vmin; 
  max-width:100%; 
  min-width:320px; 
  aspect-ratio:3.6/1;
	background-size:100% auto; 
  background-position:center; 
  background-repeat:no-repeat;
	background-image: url("../../content/i/ru/tour--title--1.svg"); 
}
#intro--btm { 
  flex:30% 0 1; 
  justify-content:center; 
}
#intro--disclaimer {
  font-family: PT Sans;
  order: 2;
  justify-content: center;
  margin: 1.5rem 1rem -.5rem 1rem;
  font-size: 90%;
}

#intro--btn--start { 
	width:38vmin; 
	min-height:55px; 
	aspect-ratio:3/1; 
	border-radius:120px; 
	cursor:pointer; 
	backdrop-filter:blur(6px); 
	box-shadow:0 0 1px .5px rgba(190,215,252,.35);
	background-size:auto 50%; 
	background-position:center 52%; 
	background-repeat:no-repeat; 
	background-color:rgba(190,215,252,.1); 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='460px' height='100px' viewBox='0 0 460 100'%3E%3Cpath fill='%23EFEFEF' fill-rule='nonzero' d='M298.798 10.552l0 17.285 19.39 0 0 61.495 19.391 0 0 -61.495 19.39 0 0 -17.285 -58.171 0zm-23.011 25.318c0,4.525 -3.546,7.922 -8.421,7.922l-10.97 0 0 -15.844 10.97 0c4.875,0 8.421,3.398 8.421,7.922zm19.39 0c0,-14.681 -11.302,-25.318 -26.925,-25.318l-31.246 0 0 78.78 19.39 0 0 -28.143 11.856 0c15.734,0 26.925,-10.638 26.925,-25.319zm-98.525 4.543l6.648 20.997 -13.739 0 7.091 -20.997zm-7.977 -29.861l-28.698 78.78 20.277 0 3.878 -11.745 24.266 0 3.656 11.745 20.277 0 -28.698 -78.78 -14.958 0zm-79.183 0.224l0 17.285 19.39 0 0 61.496 19.391 0 0 -61.496 19.39 0 0 -17.285 -58.171 0zm-34.573 62.159c3.49,-0.029 6.112,-1.458 7.534,-3.323 1.155,-1.514 2.075,-3.219 2.576,-8.202l19.6 0c-0.498,7.499 -2.175,14.352 -7.771,19.947 -5.762,5.762 -12.742,8.643 -21.939,8.643 -9.197,0 -16.177,-2.881 -21.939,-8.643 -8.31,-8.31 -7.978,-19.39 -7.978,-31.246 0,-11.856 -0.331,-22.937 7.978,-31.246 5.761,-5.762 12.742,-8.865 21.939,-8.865 9.197,0 16.178,3.103 21.939,8.865 5.511,5.511 7.221,12.242 7.747,19.609l-19.611 0c-0.508,-4.724 -1.412,-6.385 -2.541,-7.864 -1.422,-1.865 -4.044,-3.294 -7.534,-3.323 -3.49,0.029 -6.112,1.458 -7.534,3.323 -1.774,2.324 -2.992,5.096 -2.992,19.501 0,14.404 1.218,17.177 2.992,19.501 1.422,1.865 4.044,3.294 7.534,3.323z'/%3E%3Cpath fill='%23EFEFEF' fill-opacity='0.2' d='M402.571 40.277l24.148 0 18.281 24.566 -18.281 24.489 -24.148 0 18.281 -24.546 -18.281 -24.509zm-36.219 0l24.148 0 18.281 24.566 -18.281 24.489 -24.148 0 18.281 -24.546 -18.281 -24.509z'/%3E%3C/svg%3E");}

@media (orientation:landscape) and (max-height:480px) {
  #int--logo  { 
    padding:6vmin 0; 
  }
	#intro--btn { 
    margin-bottom:0; 
  }
}
@media (orientation:portrait) and (max-width:480px) {
  #intro--bg {
    background-position: 88% top;
  }
  #int--logo { 
    padding:10vmin 0 7vmin 0; 
  }
  #title--1 { 
    aspect-ratio:1.6/1; 
    background-image: url("../../content/i/ru/tour--title--v.svg"); 
  }
	#intro--btn { 
    margin-bottom:10vmin; 
  }
	#intro--btn--start { 
    width:60vmin; 
  }
  .svg--wide { 
    width:80vmin; 
  }
}

.anim--pulse { 
  -webkit-animation: anim--pulse 4.0s ease infinite; 
          animation: anim--pulse 4.0s ease infinite; 
}
.anim--pulse:hover { 
  -webkit-animation: anim--pulse 1.0s ease infinite; 
          animation: anim--pulse 1.0s ease infinite; 
}

.anim--pulse:active {
  background-color: rgba(47, 123, 235, 0.55) !important;
  box-shadow: 0 0 0 0.5px rgba(190, 215, 252, 0.35) !important;
}

@keyframes anim--pulse {
  0% {
    background-color: rgba(190, 215, 252, 0.05);
    box-shadow: 0 0 1px 0.5px rgba(190, 215, 252, 0.35);
  }
  35% {
    background-color: rgba(20, 80, 160, 0.55);
    box-shadow: 0 0 6px 6px rgba(190, 215, 252, 0.25);
  }
  100% {
    background-color: rgba(190, 215, 252, 0.05);
    box-shadow: 0 0 1px 0.5px rgba(190, 215, 252, 0.35);
  }
}

/* animation fix */
.transparent {
  opacity: 0;
}
.visible {
  -webkit-transition: opacity 2s ease-in 0s;
  -moz-transition: opacity 2s ease-in 0s;
  transition: opacity 2s ease-in 0s;
}
.quickviz {
  -webkit-transition: opacity 0.5s ease-in 0s;
  -moz-transition: opacity 0.5s ease-in 0s;
  transition: opacity 0.5s ease-in 0s;
}

.start--logo {
  width: 180px;
  padding: 25px;
}
#scrollwrap_start #logo--rgo {
  width: 160px;
}
