/* 2019-12-20 */
/*@-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:Graphik, Roboto, sans-serif; font-size:16px; font-weight:200; color:#e3e4e4; background-color:#0e2040;}
/*div {font-size:14px!important; background-color:#10181F;}*/
a, a:visited, a:hover, a:active {text-decoration:none; outline:none; cursor:pointer;}
a, a:visited {color:#f4f5f5;} a:hover {color:#00b44F;} 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(20,20,30,.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:18px 32px; border-radius:1px; font-family:Graphik, Arial, Sans-Serif; font-size:110%; font-style:normal; font-weight:400; line-height:100%; text-align:center; text-decoration:none; letter-spacing:0.05em; text-shadow:0 0 1px rgba(255,255,255,.15); cursor:pointer; background:#00B44F; color:#fff; border:0 solid #00B44F; -webkit-transition:all .25s linear 0s; -moz-transition:all .25s linear 0s; -o-transition:all .25s linear 0s; transition:all .25s linear 0s;}
a.button:hover  {background:#1CD15E; color:#fff; border:0px solid #1CD15E;}
a.button:active {background:#00813F; color:#fff; border:0px solid #00813F;}
/* 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:94vmin; 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 */
#outintro {position: absolute; top:0; right:0; bottom:0; left:0; background-color:#0E2040; height:100%; width:100%; display:flex; justify-content:center; align-items:center;}
#wintro {padding:5px 0 25px 0; width:85%; max-width:720px; max-height:100vh; overflow:hidden; border: 1px solid transparent;}
#wintro img {width:100%; max-width:100vmin;}
#logo1 {opacity:0;}
#logo2 {opacity:0;}
#logo3 {opacity:0;}
#btn   {opacity:0;}

@media (max-height:360px) {
  #wintro {max-width:360px;}
  a.button {font-size:80%; padding:13px 20px;}
}
@media (max-width:480px) {
  #wintro {width:99%;}
  a.button {font-size:90%; padding:13px 20px;}
}