html{width: 100%;overflow-x:hidden;}
body{width:100%;background-color:#d5d5ff;}
body,#main{height:100%}
#main{width:100%; }
#main{background-color:#D5D5FF;background-attachment:fixed;background-image:url(../ig/zero.png);background-repeat:no-repeat;background-position:left; box-shadow:0 11px 4px 0 rgba(50, 50, 50, 0.75)}
#main{border-bottom:solid 22px #6854A5}
html{font-size:62.5%}
body{font-size:1.7rem}

.cont{color:#6854A5}
body,textarea{font-family:Arial, Helvetica, sans-serif}
h1,h2,p{color:#6854A5;}
.fl,.cb, .fr{color:#6854A5;}
body{letter-spacing:0.1rem;word-spacing:0.2rem}.legal{letter-spacing:0;word-spacing:0}
h1{font-size:28px;}
h2{font-size:20px;}
.vtn{color:#CCCCFF;font-size:20px;padding-top:10px;padding-left:40px;padding-bottom:10px;float:left;}
.vtn:hover{color:#FFFFFF};.ft{color:#CCCCFF;font-size:16px;padding-top:10px;padding-left:40px;float:left;}
.ft:hover{color:#6854A5};
#map{height:720px}
#logo,.svv,#main{height:auto}
.svv,.svs{float:left}
.cb{clear:both}
#map{width:720px}#tnav{width:100%}
#logo{width:50%}

#tnav li{list-style:none}
#tnav li{display:inline}
#tnav{position:fixed;top:0;left:0}#tnav{z-index:220}
#nv{position:fixed;top:-20px;left:-20px}
html,body{margin:0}
.but{margin:10px 1%}#logo{margin:40px 0 0 0}
.cont,#map,#accord{margin:0 auto}
#tnav li,#ftr a{margin:0 20px}
#ftr,.but{padding:20px}
#ftr a{padding:20px 0}h2,.cont,.hdr{padding:5px}
.ctt,.svs{padding:10px;}
html,body{padding:0}
.but:hover{background:#1A1A1A}
.svs:hover,.hdr:hover{background:#392D5B}
#map{background-image:url('../ig/map720.jpg')}
#tnav,.but,.hdr,.svs{background:#6854A5}
a{text-decoration:none}
#tnav,#ftr,.tb,.svs{text-align:center}
#tnav a,#ftr a,#ftr,body,.but,.hdr{color:#CCCCFF}
#tnav a:hover,.svs:hover,.hdr:hover,.svs{color:#FFFFFF}
a,.hlt,#ftr a:hover,.but:hover{color:#6854A5}
#tnav,.but{font-size:1.9rem}
#ftr{font-size:1.3rem}
.but{font-weight:700}
#tnav{line-height:4rem}.ctt{line-height:2rem}
.but{border:0px}
.hdr,.svs{font-family:Arial, Helvetica, sans-serif;font-weight:900;}
.svs svg:hover{fill:#fff;}
.svv{fill:#6854A5}
.svs:hover{color:#fff;}
.hdr{font-size:1.6rem;line-height:28px;text-indent:30px;cursor:pointer;margin:2px 0}
.svs{fill:#CCCCFF;width:240px;height:160px;margin:10px;font-size:2.2rem;color:#CCCCFF;line-height:30px}
.svs svg{width:100%;height:100px}
.svv{width:220px;margin:0 10px}
.terms{height:200px;width:65%;overflow:scroll;color:#6854A5;background-color:#CCCCFF;overflow-y:scroll;overflow-x:hidden;margin:0;border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;}

.svg{stroke:#000000;stroke-width:1;}

.svgx{fill:#6854A5;stroke:#6854A5;stroke-width:1;}
.svgx:hover{fill:#392D5B}

.pikround{border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;}
.but{border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;}

.cont,#accord{max-width:1120px; width: 1120px;}

.alphx{
min-height: 45px;
border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;
position: relative;  padding: 3px; float: left; margin: 1px;width: 600px; height: 45px; background-color:#000;
}
.onscreenbar{
height: 40px;
padding-top: 5px;
}
.onscreenkb{
height: 40px;
border-top-left-radius:3px 3px;border-bottom-left-radius:3px 3px;border-top-right-radius:3px 3px;border-bottom-right-radius:3px 3px;
margin-left: 3px;
margin-bottom: 3px;
stroke: #6854A5;
stroke-width: 3;	
}
.onscreendel{
position: relative; left: 220px;
}


@media (min-width:768px){
.cont,#accord{max-width:753px}

.alphx{
min-height: 45px;
border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;
position: relative;  padding: 3px; float: left; margin: 1px;width: 600px; height: 45px; background-color:#000;
}
.onscreenbar{
height: 40px;
padding-top: 5px;
}
.onscreenkb{
height: 40px;
border-top-left-radius:3px 3px;border-bottom-left-radius:3px 3px;border-top-right-radius:3px 3px;border-bottom-right-radius:3px 3px;
margin-left: 3px;
margin-bottom: 3px;
stroke: #6854A5;
stroke-width: 3;	
}
.onscreendel{
position: relative; left: 220px;
}

}


@media all and (max-width:675px){
	
#tnav li,#nv+label,#ftr a{display:block}
#tnav{left:-200px}
#logo,#accord{width:100%}
#tnav{width:160px}
.svv,.svs{width:90%}
#tnav li{margin:6px 20px}
.svv,.svs{margin:15px auto}
#tnav li{padding:6px}
.svs{padding-top:10px}
#map{height:320px}
#nv+label{height:60px;width:50px;position:fixed;top:2px;left:0;z-index:230;}
#nv:checked+label{height:60px;width:50px;position:fixed;;z-index:230;top:0;left:110px;background:none}
#tnav a:hover{color:#FFF}
#map{width:320px}
#map{background-image:url('../ig/map320.jpg')}
#tnav li:hover{background:#392d5b}
.svs,.svv{float:none}
.svv{width:120px;height:auto}
#logo{margin:0 0 0 0}
#tnav,#nv+label{transition:left 0.5s ease-in-out}
#tnav{text-align:left}
#nv:checked~#tnav{left:0}
#nv:checked+label{background-image:url("../ig/closeh.png");cursor:pointer}
#nv:checked+label:hover{background-image:url("../ig/close.png")}
#nv+label{background-image:url("../ig/menu.png");cursor:pointer}
#nv+label:hover{background-image:url("../ig/menuh.png")}

.cont,#accord{max-width:650px}

.alphx{
min-height: 45px;
border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;
position: relative;  padding: 3px; float: left; margin: 1px;width: 580px; height: 45px; background-color:#000;
}
.onscreenbar{
height: 40px;
padding-top: 5px;
}
.onscreenkb{
height: 40px;
border-top-left-radius:3px 3px;border-bottom-left-radius:3px 3px;border-top-right-radius:3px 3px;border-bottom-right-radius:3px 3px;
margin-left: 3px;
margin-bottom: 3px;
stroke: #6854A5;
stroke-width: 3;	
}
.onscreendel{
position: relative; left: 192px;
}
}

@media all and (max-width:650px){
	
.cont,#accord{max-width:600px}

.alphx{
min-height: 45px;
border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;
position: relative;  padding: 3px; float: left; margin: 1px;width: 580px; height: 45px; background-color:#000;
}
.onscreenbar{
height: 40px;
padding-top: 5px;
}
.onscreenkb{
height: 40px;
border-top-left-radius:3px 3px;border-bottom-left-radius:3px 3px;border-top-right-radius:3px 3px;border-bottom-right-radius:3px 3px;
margin-left: 3px;
margin-bottom: 3px;
stroke: #6854A5;
stroke-width: 3;	
}
.onscreendel{
position: relative; left: 190px;
}
}

@media all and (max-width:600px){
	
.cont,#accord{max-width:580px}

.alphx{
min-height: 45px;
border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;
position: relative;  padding: 3px; float: left; margin: 1px;width: 500px; height: 45px; background-color:#000;
}
.onscreenbar{
height: 40px;
padding-top: 5px;
}
.onscreenkb{
height: 40px;
border-top-left-radius:3px 3px;border-bottom-left-radius:3px 3px;border-top-right-radius:3px 3px;border-bottom-right-radius:3px 3px;
margin-left: 3px;
margin-bottom: 3px;
stroke: #6854A5;
stroke-width: 3;	
}
.onscreendel{
position: relative; left: 192px;
}
}

@media all and (max-width:510px){
	
.cont,#accord{max-width:440px}

.alphx{
min-height: 40px;
border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;
position: relative;  padding: 3px; float: left; margin: 1px;width: 430px; height: 40px; background-color:#000;
}
.onscreenbar{
height: 36px;
padding-top: 5px;
}
.onscreenkb{
height: 36px;
border-top-left-radius:3px 3px;border-bottom-left-radius:3px 3px;border-top-right-radius:3px 3px;border-bottom-right-radius:3px 3px;
margin-left: 3px;
margin-bottom: 3px;
stroke: #6854A5;
stroke-width: 3;	
}
.onscreendel{
position: relative; left: 178px;
}

}

@media all and (max-width:450px){
	
.pikround{height: 40px;padding-left: 4px;}
#hdr{background-image:url(../ig/hdr.jpg);height:100px}
#hdr,#tnv,.btn{background-repeat:repeat-x}
#hdr,#logo{width:100%}
#tnv{margin:5px auto;width:960px}
#ftr a,#tnv a,#logo a{text-decoration:none}
#logo a,#tnv a:hover{color:#CCCCFF}
#hdr{border-bottom:1px solid #CCCCFF}
#ftr,#tnv{text-align:center}
#tnv a,#ftr a{color:#CCCCFF;padding:0 12px}
#ftr a:hover,#logo a:hover{color:#6854A5}
#tnv a,#ftr a,#logo a{font-weight:700}
#ftr{text-shadow:#000 0 1px 0}
#tnv{height:42px;box-shadow:0 9px 0 -2px rgba(50, 50, 50, 0.5)}
#tnv{background-image:url(../ig/tnav.jpg);background-position:center}
#logo a{padding-right:15px}
#tnv a{line-height:42px;font-size:20px;text-shadow:#000 0 1px 0}

.cont,#accord{max-width:440px}

.alphx{
min-height: 40px;
border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;
position: relative;  padding: 3px; float: left; margin: 1px;width: 430px; height: 40px; background-color:#000;
}
.onscreenbar{
height: 36px;
padding-top: 5px;
}
.onscreenkb{
height: 36px;
border-top-left-radius:3px 3px;border-bottom-left-radius:3px 3px;border-top-right-radius:3px 3px;border-bottom-right-radius:3px 3px;
margin-left: 3px;
margin-bottom: 3px;
stroke: #6854A5;
stroke-width: 3;	
}
.onscreendel{
position: relative; left: 178px;
}

}