@charset 'UTF-8';

@font-face {
  font-family:'sofia';
  src: url('/fonts/sofiapro.eot');
  src: url('/fonts/sofiapro.eot?#iefix') format('embedded-opentype'),
       url('/fonts/sofiapro.woff') format('woff'),
       url('/fonts/sofiapro.ttf') format('truetype'),
       url('/fonts/sofiapro.svg#sofiapro') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family:sofialight;
  src: url('/fonts/sofiaprolight.eot');
  src: url('/fonts/sofiaprolight.eot?#iefix') format('embedded-opentype'),
       url('/fonts/sofiaprolight.woff') format('woff'),
       url('/fonts/sofiaprolight.ttf') format('truetype'),
       url('/fonts/sofiaprolight.svg?#sofiaprolight') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html, body, .body { width:100%; height:100%; padding:0; margin:0; border:0px; background:#f1f1f1;  }
body:before { position:fixed; left:0px; top:-50px; z-index:100; width:100%; height:50px; box-shadow:0px 0px 100px rgba(0,204,255,1),0px 0px 180px rgba(0,204,255,.65); content:"";  }
body:after { position:fixed; left:0px; bottom:-50px; z-index:100; width:100%; height:50px; box-shadow:0px 0px 100px rgba(0,204,255,1),0px 0px 180px rgba(0,204,255,.65); content:""; }
.body:before { position:fixed; left:-50px; top:0px; z-index:100; width:50px; height:100%; box-shadow:0px 0px 100px rgba(0,204,255,1),0px 0px 180px rgba(0,204,255,.65); content:""; }
.body:after { position:fixed; right:-50px; top:0px; z-index:100; width:50px; height:100%; box-shadow:0px 0px 100px rgba(0,204,255,1),0px 0px 180px rgba(0,204,255,.65); content:""; }

.g_shadow 
{ 
  -moz-box-shadow:0px 0px 20px rgba(255,255,255,1); 
  -webkit-box-shadow:0px 0px 20px rgba(255,255,255,1); 
  box-shadow:0px 0px 20px rgba(255,255,255,1); 
  -moz-animation:Shadow 2s infinite alternate; 
}

.g_glow
{
  outline: 0 none;
  text-shadow:1px 5px 14px #FFFFFF;
  transition: text-shadow 1s;
  -moz-transition: text-shadow 1s; 
  -webkit-transition: text-shadow 1s;
  -o-transition: text-shadow 1s; 
}

.bg { position:absolute; z-index:0; left:0px; top:0px; width:100%; height:100%; }
.bg .bgs { position:relative; float:left; width:100%; height:100%; background: #000; }
.cms { position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; }
.cms .msg { position:absolute; z-index:1; left:0px; right:0; top:30%; width:880px; height:200px; margin-left:auto; margin-right:auto; text-align:center; }
.cms .msg h1.level0 { position:absolute; z-index:0; left:-2px; top:-2px; width:100%; font:normal 64px/64px sofia; color:#00162A; letter-spacing:2px; }
.cms .msg h1.level1 { position:absolute; z-index:1; left:0px; top:0px; width:100%; font:normal 64px/64px sofia; color:#fff; letter-spacing:2px; text-shadow:0 0 5px #FFFFFF,0 0 12px #00CCFF,0 0 25px #008CFF,0 0 40px rgba(0,153,255,.85),2px 2px 3px #000; }
.cms .msg p { font:normal 20px/30px sofialight; color:#00eaff; text-align:center; margin-top:90px; padding-top:15px; border:0; text-shadow: 2px 2px 10px #000000; }
.cms .msg a { font:bold 20px/30px sofia; text-decoration:none; color:#fff; padding-bottom:2px; border-bottom:1px solid #fff; } 
.cms .msg span.b { font:bold 20px/30px sofia; }