/* Pokrov 2020-11 */

/*@-ms-viewport { width:device-width; }*/
/*@media only screen and (min-device-width:800px) { html { overflow:hidden; } }*/
html { height:100%; overscroll-behavior:none; }
body { height:100%; overflow:hidden; margin:0; padding:0; border:0; overflow:hidden; overscroll-behavior:none;
font-family:BebasEx; font-size:16px; font-weight:300; color:#999; line-height:1.2; background-color:#334455; }
div { font-family:MuseoSans; font-weight:300; }

a, a:visited, a:hover, a:active {color:#8C6408;text-decoration:none; outline:none; cursor:pointer; }
a, a:visited {color:#8C6408;} a:hover  {color:#BE3705;} a img { border:0 none; }

img {-moz-user-select:none; -webkit-user-select:none; -webkit-user-drag:none; }

.overlay { content:""; display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(00,20,50,.65); z-index:3500; }

#pano { display:block; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1; width:100%; height:100%; background-color:transparent; }

.links { display: block; width:0; height:0; position:absolute; top:50%; left:50%;
  z-index:2; border:0px solid #fff; overflow:hidden; background:transparent; }
.links div { display:block; visibility:hidden; position:absolute; top:0; left:0;
  width:0; height:0; border:0px solid #fff; overflow:hidden; background:transparent; }

a.button { display:inline-block; padding:16px 32px; border-radius:5px; line-height:100%; 
  font-size:120%; font-style:normal; font-weight:600; letter-spacing:0.05em; 
  text-align:center; text-decoration:none; cursor:pointer; background:#AF851A; color:#fff; border:0 solid #AF851A; }
a.button:hover   { color:#fff; background:#8C6408; border:0px solid #8C6408; }
a.button:active  { color:#fff; background:#BE3705; border:0px solid #BE3705; }
.transition  { -webkit-transition:all .45s ease-out 0s; -moz-transition:all .45s ease-out 0s;
                    -o-transition:all .45s ease-out 0s;      transition:all .45s ease-out 0s; }

/* help */
#wraph { width:80%; max-width:1200px; height:96vh; margin:0 auto;
  line-height:96vh; text-align:center; vertical-align:middle; }
#help  { display:inline-block; max-width:90vmin; text-align:center; vertical-align:middle; 
  line-height:0; border:0 solid transparent; }
.col-2 { display:inline-block; vertical-align:middle; width:48.2%; }
@media ( max-width:480px) { #help{max-width:70vmin;} .col-2{width:80%;} }


/* intro */
#intro { height:100%; padding:5px; background:transparent; }
#intro wrap   {  }
#intro--video { height:100vh; width:100vw; object-fit:cover; }
#intro--in    { padding:2vmin 0; }
.svg--logo    { height:7vmin; min-height:40px; margin:1vmin; }
.svg--logo:first-child { height:10vmin; }
.svg--title   { width:60vmin; max-width:100%; }
#int--head    { margin:.65vmin auto -2vmin; }
#logo--in { width:100% }
#title--1, #title--2 { margin:0 auto 10vmin; }
#intro--bg    { background-color:rgba(20,15,10,0.0); backdrop-filter:saturate(98%); background-image: url("../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:72vmin; background-repeat:no-repeat; background-position:50% 66%; }

#intro--btn   { width:38vmin; height:16vmin; min-height:60px; border-radius:16vmin; margin:3vmin; cursor:pointer; pointer-events:auto; 
	backdrop-filter:blur(10px); box-shadow:0 0 1px .5px rgba(190,215,252,.25);
	background-size:auto 78%; background-position:center 80%; 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='1000px' height='600px' viewBox='0 0 1000 600.001'%3E%3Cpath fill='%23EFEFEF' fill-opacity='0.8' d='M500.395 371.995l197.585 77.915 -197.585 108.414 0 -59.937c-256.594,0 -464.604,-83.198 -464.604,-185.828l0 -23.296 0 -20.126 3.622 20.153c28.594,79.284 224.075,140.66 460.982,140.66l0 -57.955z'/%3E%3Cpath fill='%23EFEFEF' fill-opacity='0.3' d='M965 269.137l0 43.422c0,85.906 -145.763,158.176 -343.749,179.452l76.729 -42.101 -66.98 -26.413c174.996,-17.708 307.226,-70.092 330.378,-134.216l3.622 -20.144z'/%3E%3Cpath fill='%23EFEFEF' fill-opacity='0.1' d='M961.239 288.875c-29.085,-91.445 -224.312,-162.145 -460.844,-162.145 -236.595,0 -431.969,71.113 -460.982,162.561l-3.623 -20.154c-15.812,-87.978 208.011,-160.814 464.605,-160.814 256.594,0 464.605,72 464.605,160.814l-3.622 20.144 -0.139 -0.406z'/%3E%3Cpath fill='%23EFEFEF' d='M174.176 73c33.338,0 61.141,14.556 81.462,40.583l-24.877 25.053c-14.377,-19.163 -32.076,-30.185 -56.585,-30.185 -36.396,0 -64.661,28.091 -64.661,64.527 0,36.53 28.117,64.704 64.661,64.704 23.977,0 44.907,-11.85 57.551,-31.912l25.126 25.126c-17.169,26.261 -51.631,42.104 -82.677,42.104 -56.954,0 -102.722,-42.261 -102.722,-100.022 0,-57.737 45.806,-99.978 102.722,-99.978zm98.328 2.612l149.548 0 0 35.407 -55.765 0 0 159.37 -38.018 0 0 -159.37 -55.765 0 0 -35.407zm131.267 194.777c26.891,-64.926 53.771,-129.857 80.676,-194.777l35.09 0c26.905,64.92 53.785,129.851 80.676,194.777l-40.076 0 -19.959 -49.125 -76.372 0 -19.959 49.125 -40.076 0zm122.247 -84.576l-23.997 -60.603 -24.067 60.603 48.064 0zm95.07 -110.201l78.691 0c36.64,0 66.917,26.827 66.917,64.261 0,37.434 -30.316,64.13 -66.917,64.13l-40.673 0 0 66.386 -38.018 0 0 -194.777zm78.691 35.407l-40.673 0 0 57.533 40.673 0c16.285,0 28.767,-12.366 28.767,-28.679 0,-16.264 -12.477,-28.854 -28.767,-28.854zm79.22 -35.407l149.547 0 0 35.407 -55.764 0 0 159.37 -38.019 0 0 -159.37 -55.764 0 0 -35.407z'/%3E%3C/svg%3E");}
/*
@media (orientation:landscape) and (max-height:480px) {
  #intro--in  { padding:3vmin 0; } 
  .svg--logo  { margin-bottom:.75rem; } 
  #intro--btn { margin-bottom:0; }
}
*/
@media (orientation:portrait) and (max-width:480px) {
  .svg--title {width: 90vmin; }
  #intro--btn { margin:10vmin 0 20vmin; width:48vmin; height:24vmin; }
  #l--b { background-position: 50% 64%; background-size: 90vmin; }
}


/* animation fix */
.transparent { opacity: 0; }

.visible { 
  -webkit-transition: opacity 1.2s ease-in 0s; 
     -moz-transition: opacity 1.2s ease-in 0s; 
          transition: opacity 1.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_btn { -webkit-animation: slidein 4s ease; -moz-animation: slidein 4s ease; animation: slidein 4s ease;
  -webkit-transition:all 3s ease-out 0s; -moz-transition:all 3s ease-out 0s; transition:all 3s ease-out 0s; }

@keyframes slidein {
  from { opacity: 0 !important; }
  to   { opacity: 1 !important; }
}

.anim--pulse { 
  -webkit-animation: anim--pulse 4.0s ease infinite; 
     -moz-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; 
     -moz-animation: anim--pulse 1.0s ease infinite; 
          animation: anim--pulse 1.0s ease infinite; }

@keyframes anim--pulse {
  0%   { background-color:rgba(190,215,252,.05); box-shadow:-.5px -.5px 1px 1px rgba(190,215,252,.25); }
  35%  { background-color:rgba( 20, 80,160,.25); box-shadow:-.5px -.5px 1px 1px rgba(190,215,252,.15); }
  100% { background-color:rgba(190,215,252,.05); box-shadow:-.5px -.5px 1px 1px rgba(190,215,252,.25); }
}