/* 2025-01 */

:root { 
  --page-bg-color:#001A34;
  --page-base-color:#eee;
  --page-theme-color:#2D5FA8;
  --page-accent-color:#142B4F;
  --black-transp:rgba(0,0,0,.38);
  --standing-out:#900;
  }

/* scrollbar */
* { scrollbar-width: thin; scrollbar-color: var(--page-theme-color) var(--page-bg-color); }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background:#99a; }
*::-webkit-scrollbar-track { background:var(--page-bg-color); }

/*@-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:GTEesti; font-size:18px; font-weight:300; color:#999; line-height:1.2; background-color:var(--page-bg-color); }
div { font-family:GTEesti; 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:0; background:transparent; }
#intro--bg    { width:100%; height:100%; position: relative; z-index:0;
	background-image:linear-gradient(80deg,#005bff 0%,#005bff 40%,#00a2ff 100%); /**/ background-color:rgba(0,91,255,0.85);/*005BFF*/ 
	background-repeat:no-repeat; background-size:100%; }
div#intro--bg::before { content:''; display:block; width:100vw; height:100vh; z-index:1;
	background-image:url('../../i/int_bg_b.svg'); 
	background-repeat:no-repeat; background-position:center bottom; background-size:contain; 
	position:absolute; top:auto; bottom:0; left:0; right:0; }
#intro wrap   {  }
#intro--video { height:100vh; width:100vw; object-fit:cover; }
#intro--in    { padding:2vmin 0; }
.svg--logo    { width:60vmin; min-width:180px; }
.svg--title   { width:80vmin; max-width:100%; }
#int--logo { margin:8vmin 0 4vmin; }
#logo--in { width:100% }
#title--1, #title--2 { margin:.5vmin auto; }
#title--1 { width:30vmin; min-width:80px; margin:.5vmin 5vmin .5vmin auto; }
.supplant { line-height: 3.33vmin; }

/* #intro--btn   { width:34vmin; height:16vmin; min-height:60px; border-radius:16vmin; margin-top:3vmin; cursor:pointer; 
	-webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:0 0 1px .5px rgba(190,215,252,.35);
	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:640px) {

  #int--logo  { width:80vmin; margin:0 0 4vmin 0; }
  .svg--logo  { width:60vmin; }
  .svg--title { width:110vmin; }
  #title--1, #title--2 { margin:0 auto; }
  #intro--btn { width:56vmin; height:25vmin; border-radius:26vmin; margin-top:-3vmin; }
}
@media (orientation:portrait) and (max-width:640px) {
  #intro--in  { padding:2vmin 0 1vmin 0; margin-left: 0; } 
  #intro--bg  {  }
  div#intro--bg::before { width:200vw; height:200vh; }
  #int--logo  { margin:20vmin 0 10vmin; }
  .svg--logo  { width:88vmin; }
  .svg--title { width:98vmin; }
  #title--1   { width:50vmin; }
  #intro--btn { width:56vmin; height:26vmin; border-radius:26vmin; margin-top:8vmin; }
  .supplant { line-height: 6vmin; } }
}

.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 2.0s ease infinite; 
     -moz-animation: anim--pulse 2.0s ease infinite; 
          animation: anim--pulse 2.0s ease infinite; }

@keyframes anim--pulse {
  0%   { background-color:rgba(116,0,210,.05); box-shadow:0 0 1px 2px rgba(254,254,254,.15); }
  35%  { background-color:rgba(79,0,210,0.25); box-shadow:0 0 1px 4px rgba(254,254,254,.35); }
  100% { background-color:rgba(116,0,210,.05); box-shadow:0 0 1px 2px rgba(254,254,254,.15); }
}

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

.visible { 
  -webkit-transition: opacity 1.5s ease-in 0s; 
     -moz-transition: opacity 1.5s ease-in 0s; 
          transition: opacity 1.5s 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; }