@charset "UTF-8";
/* CSS Document */

@font-face{ font-family:"ks"; src:url("../font/adobe-clean-light.otf"); font-weight:100; }
@font-face{ font-family:"ks"; src:url("../font/adobe-clean-regular.ttf"); font-weight:400; }
@font-face{ font-family:"ks"; src:url("../font/adobe-clean-bold.otf"); font-weight:700; }
@font-face{ font-family:"ks"; src:url("../font/adobe-clean-black.otf"); font-weight:900; }

:root {
  --bl: #222; --bk1: #0e4194; --bk2: #07285d; --bk3: #01285d; --bkr: #FFF; --fn1:#F0F0F0; --fn2:#cfe1ff; --fnr:#000;
}

*{ padding:0; margin:0; box-sizing: border-box; }
body{ background:var(--bk3); font:400 16px/24px ks; color:var(--fn1); width:100%; height:100%; touch-action:pan-x pan-y; max-width:100%; overflow-x:hidden; }
a{ text-decoration:none; color:inherit; }
li{ list-style:none; }

nav{ position:fixed; bottom:0; left:0; width:100%; height:56px; background:#222; color:var(--fn1); text-align:center; padding:0; z-index:99; }
nav li{ list-style:none; font:400 12px/23px ks; color:var(--fn1); padding:0 4%; text-transform:uppercase; display:inline-block; }
nav li a{ width:inherit; height:inherit; display:inline-block; }
nav li span{ display:block; }
nav h1{ color:var(--fnr); font:700 18px/14px ks; padding-left:5px; }
nav h2{ color:#649fff; font:700 22px/18px ks; text-align:center; padding-left:5px; }

section{ position:fixed; top:0; left:0; width:100%; height:100%; padding:0 0 60px 0; background:var(--bk1); z-index:5; overflow:auto; overflow-x:hidden; }
section:after{ clear:both; content:''; display:block; }

article{ padding:10px; text-align:center; }
.pre{ position:fixed; top:0; left:0; width:640px; height:100%; background:#FFF; left:50%; margin-left:-320px; padding:80px 40px; z-index:100; text-align:center; font:700 24px/32px ks; color:var(--fn2); text-transform:uppercase;}
.pre img{ width:60%; margin-bottom:60px; }

.src img{ margin:20px; }
.src p{ font:400 16px/24px ks; color:var(--fn1); margin:10px 0; }
.src ul{ padding:5px 0; text-align:center; }
.src ul:after{ clear:both; content:''; display:block; }
.src li{ display:inline-block; padding:0; text-align:center; width:110px; margin:8px 0px; }
.src li div{ padding:5px; border-radius:5px; text-align:center; opacity:1; cursor:pointer; }
.src li div:hover{ background:var(--bk2); }
.src li div img{ width:54px; height:54px; margin:0; }
.src li div span{ display:block; font:400 14px/20px ks; color:var(--fn2); margin-top:10px; }
.map{ width:100%; height:640px; z-index:1; display:none; }
#map { height: 100%; }

hr{ margin:30px 0; border:6px dotted var(--bk2); transform:skewX(10deg); }

img{ vertical-align:middle; }
.ris{ overflow:hidden; }
.ris>li{ width:100%; border-radius:10px; border:0 solid var(--bk1); margin:20px 0 40px 0; }
.ris h4{ font:400 20px/30px ks; }
.ris-ini, .ris-snw, .ris-cnt{ position:relative; padding:10px; }
.ris-ini, .ris-snw{ background:var(--bk2); }
.ris-cat{ margin:10px 0 0 10px; opacity:0.8; }
.ris-cnt{ background:var(--bl); margin-top:20px; color:#CCC; padding:0 10px;  overflow:hidden; }
.ris-val{ font:400 20px/20px ks; color:#FFF; letter-spacing:2px; text-transform:uppercase; margin:10px; border-radius:2px; text-shadow:3px 0 #C33, -3px 0 #C33, 0 3px #C33, 0 -3px #C33, 2px 2px #C33, -2px -2px #C33, 2px -2px #C33, -2px 2px #C33; background:var(--bk2); }
.ris-val span{ font:900 45px/45px ks; margin-right:2px; letter-spacing:-0.2px; }
.ris h2{ font:700 24px/24px ks; color:var(--fn1); padding:10px 90px 0 10px; }
.ris h3{ font:100 18px/24px ks; color:var(--fn2); margin-top:5px; padding:10px 10px; }
.ris-txt{ position:relative; font:400 12px/16px ks; color:var(--fn2); text-transform:uppercase; margin:5px 10px; padding:8px 0 8px 56px; }
.ris-txt>img{ position:absolute; top:0; left:0; background:var(--bkr); width:48px; height:48px; opacity:0.5; border-radius:5px 5px 0 0; margin-right:10px; }
.ris-txt>img:hover{ opacity:1; cursor:pointer; }
.ris-gg{ margin:10px 0 0 10px; color:#6C6; font:400 12px/20px ks; text-transform:uppercase; }

.ris-cnt>li{ padding:2px 0; border-top:1px dashed var(--bk1); white-space:nowrap; }
.ris-cnt>li:first-child{ border-top:0; }
.ris-cnt>li img{ margin-right:5px; }
.ris-snw{ display:none; }
.ris-snw>li{ display:inline-block; margin-right:10px; width:32px; height:32px; border-radius:50%; background:var(--bk2); }
.ris-snw img, .cnt img{ filter:saturate(0); opacity:0.5; }
.ris-snw img:hover{ filter:saturate(1); opacity:1; }

input[type="text"]{ border:0; background:var(--bk2); width:100%; height:50px; padding:5px; font:400 18px/24px ks; color:var(--fn2); -webkit-appearance:none; border-radius:5px; border-bottom:2px solid var(--fn2)}
input:focus, textarea:focus{ outline-width:0; outline:none; }
input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled{ background:#dee; color:#000; }
input[type="button"]{ border:0; background:#BE1622; border-radius:5px; padding:5px 10px; font:400 16px/24px ks; color:var(--fn1); text-transform:uppercase;  margin-top:10px; cursor:pointer; transform:skewX(-3deg); }
input[type="button"]:hover{ background:#312783; }
input[type="file"]{ display:none; }

.eve h1{ font:900 30px/30px ks; text-transform:uppercase; margin:20px 30px; text-shadow:3px 0 #C33, -3px 0 #C33, 0 3px #C33, 0 -3px #C33, 2px 2px #C33, -2px -2px #C33, 2px -2px #C33, -2px 2px #C33; font-style:italic; }
.eve h2{ font:700 24px/24px ks; text-transform:uppercase; margin:20px 30px; }
.eve h3{ font:700 20px/30px ks; text-transform:uppercase; margin:20px 30px 0 30px; color:#FF0; }
.eve h4{ font:700 18px/20px ks; text-transform:uppercase; margin:10px 30px; }
.eve p{ font:400 16px/24px ks; margin:0px 30px; }

.acc h1{ font:900 30px/50px ks; text-transform:uppercase; text-shadow:3px 0 #C33, -3px 0 #C33, 0 3px #C33, 0 -3px #C33, 2px 2px #C33, -2px -2px #C33, 2px -2px #C33, -2px 2px #C33; font-style:italic; }
.acc ul{ margin:0 auto; }
.acc a{ font-weight:700; text-decoration:underline; }
.acc li{ padding:5px 0; display:block; }
.acc li>span{ color:var(--fn2); display:block; text-transform:uppercase; margin:10px 0 5px 0; }
.acc input[type="text"], input[type="password"]{ border:0; background:var(--bk2); border-radius:5px; padding:5px; font:400 20px/30px ks; color:var(--fn1); width:100%; border-bottom:2px solid var(--fn2); }
.acc input[type="submit"], .usr input[type="submit"]{ border:0; background:#BE1622; border-radius:5px; padding:10px 20px; font:400 16px/24px ks; color:var(--fn1); text-transform:uppercase;  margin-top:10px; cursor:pointer; transform:skewX(-3deg); }
.acc input[type="submit"]:hover, .usr input[type="submit"]:hover{ background:#312783; }
.acc li a{ color:var(--fn1); }
.acc li a:hover{ text-decoration:underline; }

.faq li{ margin:10px 0; padding:10px; background:var(--bk2); }
.faq h4{ font:700 16px/24px ks; color:var(--fn1); margin:0; cursor:pointer; }
.faq h5{ font:400 16px/24px ks; color:var(--fn1); display:none; }

.usr{ text-align:center; }
.usr h1{ font:900 30px/50px ks; text-transform:uppercase; text-shadow:3px 0 #C33, -3px 0 #C33, 0 3px #C33, 0 -3px #C33, 2px 2px #C33, -2px -2px #C33, 2px -2px #C33, -2px 2px #C33; font-style:italic; }
.usr ul{ font:100 16px/24px ks; color:var(--fn2); text-transform:uppercase; }
.usr li{ padding:5px 0; display:block; }
.usr span{ font:700 20px/30px ks; color:var(--fn1); padding:5px 0; display:block; }
.usr p{ margin-top:10px; padding:20px 0; }
.usr div.upl{ border:4px dashed #CCC; width:200px; height:200px; border-radius:10px; font:400 14px/200px ks; color:#999; margin:0 auto; text-transform:uppercase; cursor:pointer; }
.usr div.upl:hover{ background:#FFF; }

.wrk{ padding:120px 20px; }
.wrk h2{ font:700 20px/24px ks; margin:40px 0 10px 0; text-transform:uppercase;}
.wrk img{ margin-bottom:20px; }

#msg{ position:fixed; bottom:160px; left:50%; margin-left:-160px; width:320px; text-align:center; z-index:10; }
#msg p{ padding:10px 20px; font:400 16px/24px ks; color:var(--fn1); border-radius:4px; background:var(--bk3); }

#pop{ position:fixed; width:480px; left:50%; margin-left:-240px; z-index:8; text-align:center; display:none; }
.pop-wrp{ position:relative; margin-top:40px; border-radius:10px; width:100%; background:var(--bk1); padding:60px; border:12px solid var(--bkr); }
#pop p{ font:100 14px/20px ks; color:var(--fn1); text-transform:uppercase; padding:10px; }
#pop span{ border:0; background:#BE1622; border-radius:5px; padding:5px 10px; font:400 16px/24px ks; color:var(--fn1); text-transform:uppercase;  margin-top:10px; cursor:pointer; transform:skewX(-3deg); margin-top:10px; }

.chk{ text-align:center; font:700 24px/32px ks; color:var(--fn2); padding:80px 40px; text-transform:uppercase; }
.chk img{ margin-bottom:20px; }

.trs, .trs-bus, .trs-stp{ text-align:center; }
.trs div, .trs-bus div, .trs-stp div{ font:900 24px/30px ks; text-transform:uppercase; margin:20px 30px; text-shadow:3px 0 #C33, -3px 0 #C33, 0 3px #C33, 0 -3px #C33, 2px 2px #C33, -2px -2px #C33, 2px -2px #C33, -2px 2px #C33; font-style:italic; }
.trs li, .trs-bus li, .trs-stp li{ text-align:center; width:90%; margin:10px 5%; }
.trs li{ display:inline-block; background:var(--bk3); text-align:center; font:700 16px/20px ks; padding:5px; cursor:pointer; color:#FFF; text-transform:uppercase; border-radius:5px;  }
.trs li:hover, .trs-bus li:hover{ background:#000; }
.trs-bus li{ display:inline-block; background:var(--bk3); text-align:center; font:700 16px/20px ks; padding:5px; cursor:pointer; color:#FFF; text-transform:uppercase; border-radius:5px; }
.trs-bus, .trs-stp{ display:none; }
.trs-stp li{ display:block; background:var(--bk3); text-align:center; font:700 16px/20px ks; padding:5px; color:#FFF; text-transform:uppercase; border-radius:5px; }
.trs-stp li>span{ display:block; padding:5px 20px; text-align:center; font:400 14px/18px ks; color:#CCC; }

.att{ display:block; }
.trs>li.att, .trs-bus>li.att, .trs-stp>li.att{ background:#000; }

.bk-green, .bk-green-lht{ background:#396; }
.bk-red, .bk-red-lht{ background:#C33; }
.bk-black{ background:#000; }

@media screen and (min-width: 640px) {
	/*body{ background:url(../img/logo.png) top center #222; background-size:cover; }*/
	header, nav, section{ width:640px; left:50%; margin-left:-320px; }
	.trs li{ width:22%; margin:10px 1%; }
	.trs-bus li{ width:20%; margin:10px 1%; }
	.trs-stp li{ width:50%; margin:10px 25%; }
	.acc ul{ width:60%; }
}