html{width: 100%;overflow-x:hidden;}
body{width:100%;background-color:#FFFFFF;}
body,#main{height:auto}
#main{width:100%; }
#main{background-color:#FFFFFF;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 #C8102E}
html{font-size:62.5%}
body{font-size:1.7rem}

.cont{margin:0 auto}
.cont{height: auto;}
.cont{color:#12b6cf;}


#screen-size-box {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #fff;
    color: #000;
    font-family: Arial;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    z-index: 9999;
    pointer-events: none; /* so it doesn't block clicks */
}

/* Timer container */
.avat {
    position: fixed;
    top: 80px;
    width: 84%; max-width: 1048px;
    float: none;
    background: #000;
    color: #000;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    border: solid; border-width: 2px; border-color:#12b6cf;   border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;
    font-family: Arial, sans-serif;
    display: block;
    z-index: 200;
}

.avat:hover{border: solid; border-width: 2px; border-color:#12b6cf;  box-shadow: -1px -1px 4px 4px #C8102E;  border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;}


/* Timer text */
.avau {
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: normal;
    transition: color 0.5s;
}

/* Timer bar container */
.avav {
    width: 100%;
    height: 12px;
    background: #7a797e;
    
    overflow: hidden;
}

/* Timer bar fill */
.avaw {
    width: 100%;
    height: 100%;
    background: #7a797e;
    
    transition: width 0.3s, background 0.5s;
}


body,textarea{font-family:Arial, Helvetica, sans-serif}
h1{color:#C8102E;}
h2,h3,p{color:#12b6cf;}
.fl,.cb, .fr{color:#12b6cf;}
body{letter-spacing:0.1rem;word-spacing:0.2rem}.legal{letter-spacing:0;word-spacing:0}
h1{font-size:66px;}
h2{font-size:25px;}
h3{font-size:16px;}
h1{padding-left: 20%;}
.vtn{color:#FFFFFF;font-size:20px;padding-top:10px;padding-left:40px;padding-bottom:10px;float:left;}
.vtn:hover{color:#12b6cf};.ft{color:#12b6cf;font-size:16px;padding-top:10px;padding-left:40px;float:left;}
.ft:hover{color:#FFFFFF};

#logo,.svv,#main{height:auto}
.svv{float:left}
.cb{clear:both}
#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}

#tnav li,#ftr a{margin:20px}
#ftr,.but{padding:20px}
#ftr a{padding:20px 0}
.cont,.hdr{padding:10px}
.ctt{padding:10px;}
html,body{padding:0}
.but:hover{background:#12b6cf}
.hdr:hover{background:#12b6cf}

#tnav,.but,.hdr{background:#C8102E}
a{text-decoration:none}
#tnav,#ftr,.tb{text-align:center}
#tnav a,#ftr a,#ftr,body,.but,.hdr{color:#FFFFFF}
#tnav a:hover,.hdr:hover{color:#fff}
a,.hlt,#ftr a:hover,.but:hover{color:#C8102E}
#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{font-family:Arial, Helvetica, sans-serif;font-weight:900;}
.svs svg:hover{fill:#12b6cf;}
.svv{fill:#C8102E}
.hdr{font-size:1.6rem;line-height:28px;text-indent:30px;cursor:pointer;margin:2px 0}
.svs svg{width:100%;height:180px}

.but{border: solid; border-width: 2px; border-color:#12b6cf;   border-top-left-radius:45px 45px;border-bottom-left-radius:45px 45px;border-top-right-radius:45px 45px;border-bottom-right-radius:45px 45px;}

.svs{width:100%;min-height:300px;height:300px; padding: 10px;}
.svs{float:left}
.svs{font-family:Arial, Helvetica, sans-serif;font-weight:900;text-align:center;background:#FFFFFF; fill:#12b6cf;width:320px;height:160px;margin:10px;font-size:2.2rem;color:#12b6cf;line-height:30px;padding:10px;}
.svs:hover{background:#FFFFFF;color:#12b6cf;}
.svs{border: solid; border-width: 2px; border-color:#12b6cf;   border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;}
.svs:hover{border: solid; border-width: 2px; border-color:#12b6cf;  box-shadow: -1px -1px 4px 4px #C8102E;  border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;}

.qsvs{float:left}
.qsvs{font-family:Arial, Helvetica, sans-serif;font-weight:900;text-align:center;background:#000000; fill:#12b6cf;width:320px;height:370px;margin: 10px;font-size:2.2rem;color:#12b6cf;line-height:30px; padding:10px;padding-bottom:20px;}
.qsvs:hover{background:#000;color:#12b6cf;}
.qsvs{border: solid; border-width: 2px; border-color:#12b6cf;   border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;}
.qsvs:hover{border: solid; border-width: 2px; border-color:#12b6cf;  box-shadow: -1px -1px 4px 4px #C8102E;  border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;}


.qimg{height:315px;}


.svv{width:220px;margin:0 10px}
.terms{height:200px;width:65%;overflow:scroll;color:#C8102E;background-color:#ffffff;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:#C8102E;stroke:#C8102E;stroke-width:1;}
.svgx:hover{fill:#12b6cf}
.ctt{min-height: 255px;}

.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;}
.adminx{height:200px;width:65%;overflow:scroll;color:#000;background-color:#ffffff;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;}

.axtable{
height: 40px;
width: auto;
min-height: 40px;
max-height: 40px;
min-width: 40px;
max-width: 800px;
float: left;

overflow:scroll;
background-color: #000000;
border: solid; border-width: 2px; border-color:#ffeeb1;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: 5px;
margin-bottom: 5px;
}

.axrow{
height: 40px;
min-height: 40px;
max-height: 40px;
min-width: 40px;
max-width: 800px;
width: auto;
background-color: #000000;
border: solid; border-width: 2px; border-color:#ffeeb1;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: 5px;
margin-bottom: 5px;
}

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

#pie{
position: relative;
left: -17px;
top: -1px;
z-index: 1;
transform:          rotate(270deg);
-ms-transform:      rotate(270deg);
-moz-transform:     rotate(270deg);
-webkit-transform:  rotate(270deg);
-o-transform:       rotate(270deg);
}
	
#revover{
position: relative;
left: -8px;
top: -412px;
z-index: 3;
}

#Ntri0{
position: relative;
left: 160px;
top: -228px;
z-index: 4;
}

.iptp{box-shadow:inset 0 2px 6px -2px rgba(50, 50, 50, 0.75)}		
.iptp{padding:8px;border:0px solid #CCCCFF}
.iptp{color: #000000;
font-size: 1.0em;
}
	
.iptpqqq{background-color: #CCCCFF; opacity:1.0;
padding-top: 4px;
padding-bottom: 4px;
webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px; }
	
//---vote--

.chart-text {
  /*font: 16px/1.4em "Montserrat", Arial, sans-serif;*/
  fill: #000;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}
.chart-number {
  font-size: 3.2em;
  font-weight: bold;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}
.svgpie{stroke:#000000;
stroke-width: 1;
 }
figure {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  margin-left: -15px;
  margin-right: -15px;
}

.figure-content,
.figure-key {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
  align-self: center;
}

.figure-content svg {
  height: auto;
}

.figure-key {
  min-width: calc(8 / 12);
}

.figure-key [class*="shape-"] {
  margin-right: 6px;
}

.figure-key-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.figure-key-list li {
  margin: 0 0 8px;
  padding: 0;
}

.shape-circle {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.shape-circle:hover {
  transform: scale(1.5);
}

.shape-triangle:hover {
fill: #ffffff;
}

.hdr{
border: solid; border-width: 2px; border-color:#12b6cf;border-top-left-radius:5px 5px;border-bottom-left-radius:5px 5px;border-top-right-radius:5px 5px;border-bottom-right-radius:5px 5px;
max-width: 97%;
}

.commentx{height:200px;width:65%;overflow:scroll;color:#000;background-color:#ffffff;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;}

.cont{max-width:1080px;}

.alphx{
min-height: 45px;
border: solid; border-width: 2px; border-color:#12b6cf;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: auto; background-color:#a9a9a9;
max-width:100%;
}
.onscreenbar{
height: 40px;
padding-top: 5px;
}
.onscreenkb{
height: 40px;
min-height: 40px;
max-height: 40px;
min-width: 40px;
max-width: 40px;
background-color: #a9a9a9;
border: solid; border-width: 2px; border-color:#12b6cf;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: 5px;
margin-bottom: 5px;
}

.onscreendel{
position: relative; left: 335px;
}


.rotate {
  animation: rotation 33s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}



.hidebit{
display: block;
}


.cwrtext{
position:absolute; top: 720px; left: 440px;
max-width: 500px;
padding-right: 40px;
margin-bottom: 20px;
border: solid;
border-width: 5px;
border-color: #ff0000;
clear: both;
}


.cel{
float:left;
display:inline;
border:1px solid #000;
width:14%;float:left;max-height:400px
}
.cel:hover{box-shadow:inset 0 0 12px 8px rgba(0,0,0,0.4)}

@media all and (max-width:800px){
h1{font-size:50px;}	
#tnav li,#nv+label,#ftr a{display:block}
#tnav{left:-200px}
#logo{width:100%}
#tnav{width:185px;}//pbc
.svs{width:90%}
#tnav li{margin:6px 20px}
.svs{margin:15px;}
#tnav li{padding:6px}
.svs{padding-top:10px}
#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:130px;}//pbc
#tnav a:hover{color:#FFF}
#tnav li:hover{background:#12b6cf}
#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")}
}


@media all and (max-width:768px){
h1{font-size:40px;}	
h3{font-size:12px;}
.alphx{
min-height: 45px;
border: solid; border-width: 2px; border-color:#12b6cf;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: auto; background-color:#a9a9a9;
max-width:100%;
}
.onscreenbar{
height: 40px;
padding-top: 5px;
}
.onscreenkb{
height: 40px;
min-height: 40px;
max-height: 40px;
min-width: 40px;
max-width: 40px;
background-color: #a9a9a9;
border: solid; border-width: 2px; border-color:#12b6cf;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: 5px;
margin-bottom: 5px;
}
.onscreendel{
position: relative; left: 335px;
}
.hidebit{
display: block;}
.cwrtext{
position:absolute; top: 720px; left: 440px;
max-width: 500px;
padding-right: 40px;
margin-top: 80px;
margin-bottom: 20px;
border: solid;
border-width: 5px;
border-color: #ff0000;
clear: both;
}
.qsvs{min-width:270px; width: 270px; height: 320px; max-height: 320px;margin:3px;padding-top:3px;float:left;}
.qimg{height:260px;}

.cel{width:24%;float:left;max-height:400px}
}



@media all and (max-width:675px){
h1{font-size:40px;}	
h3{font-size:12px;}
#tnav li,#nv+label,#ftr a{display:block}
#tnav{left:-200px}
#logo{width:90%}
#tnav{width:185px;}//pbc
.svs{width:90%}
#tnav li{margin:6px 20px}
.svs{margin:15px;}
#tnav li{padding:6px}
.svs{padding-top:10px}
#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:130px;}//pbc
#tnav a:hover{color:#FFF}
#tnav li:hover{background:#12b6cf}
.svs,.svv{float:left}
#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{max-width: 90%;}
.alphx{
min-height: 45px;
border: solid; border-width: 2px; border-color:#12b6cf;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: 95%; height: auto; background-color:#a9a9a9;
max-width:100%;
}
.onscreenbar{
height: 40px;
padding-top: 5px;
}
.onscreenkb{
height: 35px;
min-height: 35px;
max-height: 35px;
min-width: 35px;
max-width: 35px;
background-color: #a9a9a9;
border: solid; border-width: 2px; border-color:#12b6cf;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: 5px;
margin-bottom: 5px;
}
.onscreendel{
position: relative; left: 335px;
}
.hidebit{
display: none;}

.cwrtext{
position:absolute; top: 720px; left: 40px;
max-width: 500px;
padding-right: 40px;
margin-top: 80px;
margin-bottom: 20px;
border: solid;
border-width: 5px;
border-color: #ff0000;
clear: both;
}
.qsvs{min-width:270px; width: 270px; height: 320px; max-height: 320px;margin:3px;padding-top:3px;float:left;}
.qimg{height:260px;}
.cel{width:32%;max-height:120px;float:left}

}

@media all and (max-width:650px){
h1{font-size:30px;}	
h3{font-size:12px;}
.cont{max-width:95%}

.alphx{
min-height: 40px;
border: solid; border-width: 2px; border-color:#12b6cf;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: 95%; height: auto; background-color:#a9a9a9;
max-width:100%;
}
.onscreenbar{
height: 36px;
padding-top: 5px;
}
.onscreenkb{
height: 32px;
min-height: 32px;
max-height: 32px;
min-width: 32px;
max-width: 32px;
background-color: #a9a9a9;
border: solid; border-width: 2px; border-color:#12b6cf;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: 5px;
margin-bottom: 5px;
}
.onscreendel{
position: relative; left: 283px;
}
.hidebit{
display: none;}
.cwrtext{
position:absolute; top: 720px; left: 40px;
max-width: 500px;
padding-right: 40px;
margin-top: 80px;
margin-bottom: 20px;
border: solid;
border-width: 5px;
border-color: #ff0000;
clear: both;
}
.qsvs{min-width:250px; width: 250px; height: 300px; max-height: 300px;margin:3px;padding-top:3px;float:left;}
.qimg{height:245px;}

.cel{width:32%;max-height:120px;float:left}

}

@media all and (max-width:600px){
h1{font-size:30px;}
h3{font-size:11px;}
.cont{max-width:90%}
.alphx{
min-height: 35px;
border: solid; border-width: 2px; border-color:#12b6cf;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: 95%; height: auto; background-color:#a9a9a9;
max-width:100%;
}
.onscreenbar{
height: 30px;
padding-top: 5px;
}
.onscreenkb{
height: 28px;
min-height: 28px;
max-height: 28px;
min-width: 28px;
max-width: 28px;
background-color: #a9a9a9;
border: solid; border-width: 2px; border-color:#12b6cf;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: 5px;
margin-bottom: 5px;
}
.onscreendel{
position: relative; left: 205px;
}
.hidebit{
display: none;}
.cwrtext{
position:absolute; top: 720px; left: 40px;
max-width: 500px;
padding-right: 40px;
margin-top: 80px;
margin-bottom: 20px;
border: solid;
border-width: 5px;
border-color: #ff0000;
clear: both;
}
.qsvs{min-width:210px; width: 210px; height: 270px; max-height: 270px;margin:3px;padding-top:3px;float:left;}
.qimg{height:200px;}
.avat {width: 84%;margin-left:3px; margin-right: 17px;}

.cel{width:32%;max-height:120px;float:left}
}

@media all and (max-width:510px){
h1{font-size:30px;}	
.cont{max-width:90%}
.alphx{
min-height: 32px;
border: solid; border-width: 2px; border-color:#12b6cf;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: 95%; height: auto; background-color:#a9a9a9;
max-width:100%;
}
.onscreenbar{
height: 28px;
padding-top: 5px;
}
.onscreenkb{
height: 25px;
min-height: 25px;
max-height: 25px;
min-width: 25px;
max-width: 25px;
background-color: #a9a9a9;
border: solid; border-width: 2px; border-color:#12b6cf;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: 5px;
margin-bottom: 5px;
}
.onscreendel{
position: relative; left: 142px;
}
.hidebit{
display: none;}
.cwrtext{
position:absolute; top: 720px; left: 40px;
max-width: 480px;
padding-right: 40px;
margin-top: 80px;
margin-bottom: 20px;
border: solid;
border-width: 5px;
border-color: #ff0000;
clear: both;
}
.qsvs{min-width:180px; width: 180px; height: 230px; max-height: 230px;margin:3px;padding-top:3px;float:left;}
.qimg{height:170px;}
.avat {width: 84%;margin-left:3px; margin-right: 17px;}
.cel{width:32%;max-height:120px;float:left}
h3{font-size:11px;}
}

@media all and (max-width:450px){
h1{font-size:25px;}	
.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:90%}
#tnv{margin:5px auto;width:350px}
#ftr a,#tnv a,#logo a{text-decoration:none}
#logo a,#tnv a:hover{color:#ffffff}
#hdr{border-bottom:1px solid #ffffff}
#ftr,#tnv{text-align:center}
#tnv a,#ftr a{color:#ffffff;padding:0 12px}
#ftr a:hover,#logo a:hover{color:#C8102E}
#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{width: 90%;max-width:420px;}
.alphx{
min-height: 26px;
height: auto;
border: solid; border-width: 2px; border-color:#12b6cf;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: 95%; height: auto; background-color:#a9a9a9;
max-width:100%;
}
.onscreenbar{
height: 24px;
padding-top: 2px;
}
.onscreenkb{
height: 20px;
min-height: 20px;
max-height: 20px;
min-width: 20px;
max-width: 20px;
background-color: #a9a9a9;
border: solid; border-width: 2px; border-color:#12b6cf;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: 5px;
margin-bottom: 5px;
}
.onscreendel{
position: relative; left: 64px;
}
.but{font-size:1.5rem}
.hidebit{
display: none;}
.cwrtext{
position:absolute; top: 720px; left: 40px;
max-width: 400px;
padding-right: 40px;
margin-top: 80px;
margin-bottom: 20px;
border: solid;
border-width: 5px;
border-color: #ff0000;
clear: both;
}
.qsvs{min-width:155px; width: 155px; height: 210px; max-height: 210px;margin:3px;padding-top:3px;float:left;}
.qimg{height:150px;}
.avat {width: 320px;margin-left:3px; margin-right: 20px;}
.cel{width:32%;max-height:120px;float:left}
h3{font-size:11px;}
}