/* 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:exo2; font-size:16px; font-weight:300; color:#999; line-height:1.2; background-color:#161616; }
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 */


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

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


/* map */
#yandexMap [class^="-panes"], #yandexMap [class*="-panes"] { background:#161616; }
#yandexMap [class^="-copyright"], #yandexMap [class*="-copyright"] { opacity:0; top:25px; }
#yandexMap [class^="-listbox__button"], #yandexMap [class*="-listbox__button"] { width:28px; overflow:hidden; }
#yandexMap [class^="-listbox__button-icon"], #yandexMap [class*="-listbox__button-icon"] { display:inline-block; width:16px; color:#999; }
#yandexMap [class^="-listbox__button-arrow"], #yandexMap [class*="-listbox__button-arrow"] { background:none; }