.n-test{    margin-top: 100px;  width:650px;  padding: 5px; margin:0 auto;    position: relative;
    border-radius: 5px;  }
.n-block{ width: 200px;  height: 150px;  background-color: #eeeeee;  position: fixed;   bottom: 10px;   right: 5px;
    z-index: 99999999; border:1px solid #a09c9c; display:none;}
.n-question{    padding: 5px;
    border: 1px solid gray;
    margin-bottom: 10px;
    background-color: #fbfbf7;}
.test-img{width:100%; position:relative; overflow:hidden; margin-top:10px;}
.test-img img{width:100%;}
.w-img{width:100%; padding:5px 0 5px 3px !important; position:absolute; bottom:0px;  background-color: rgba(230, 230, 220, 0.8);}
#count{width:80%; margin:0 auto; padding:5px; font-size:20px; border-radius:5px; border:1px solid #0a8400;    text-align: center;    color: #0a8400;   margin-top: 10px;} 
.n-total{font-size:30px; color:black; text-align:center; margin-top:10px;}
.n-q-n{text-transform:uppercase; color:red !important; font-weight:bold; margin-top:5px; clear:both;}
.n-q{color:black; padding: 5px 0 5px 0;    font-size: 16px;}
.n-answer{padding:5px; color: #414238;   font-size: 14px; cursor:pointer;}
.n-answer span {margin-right:5px; }
.n-active{    background-color: #f9cece;    color: black;}
.reslt-b{width:30%; margin:0 auto; padding:10px; text-transform:uppercase; color:white !important; border-radius:5px; background-color:#252729; text-align:center; margin-top:10px; cursor:pointer;}
.g-img{float:left; margin-right:3px;}
.a-img div{float:left; margin-right:3px;}
.t-answer{ background-color: #07b10a;    color: white}
.resultat{margin:0 auto; height:350px; margin-top:10px;     border-radius: 5px;
    border: 1px solid #252729; display:none; background-color:white; width: 650px;     margin-bottom: 10px;}
.res-profile{ width:40%; height:220px; padding:5px;  float:left;}
.res-profile p {text-align:center; color:#252729;  font-size:18px;}
.n-ball{ text-align: center;   font-size: 60px !important;    padding: 5px;    color: red !important;}
.jaks{text-align: center;    text-transform: uppercase;    color:#252729;
    padding: 10px;    font-size: 30px;     border-top: 1px solid;}
.truef{background-color: #13527d;    color: white; width:0%;  height:15px;   padding: 10px 0 10px 3px;    border-radius: 3px;
    font-size: 15px; margin-bottom:5px;}
.truef1{background-color:#07b10a;    color: white;  width:0% ; height:15px;    padding: 10px 0 10px 3px;    border-radius: 3px;
    font-size: 15px; margin-bottom:5px;}
.truef2{background-color: red;    color: white;   width:0% ; height:15px;    padding: 10px 0 10px 3px;    border-radius: 3px;
    font-size: 15px; margin-bottom:5px;}        
.truef3{background-color: #948c8c;    color: white;  width:0% ;  height:15px;   padding: 10px 0 10px 3px;    border-radius: 3px;
    font-size: 15px; margin-bottom:5px;} 
.toltur{width:80%; padding:15px; margin:0 auto; border:1px solid red; border-radius:5px; color:red; text-align:center; display:none; margin-top:10px}
.test-share{margin-top:5px; height:50px; display:none;     width: 650px;    margin: 0 auto;}
.test-share-01 {float:left; margin-right:10px; font-size:15px; padding: 10px;}
.test-share-02{    width: 500px;
    margin: 0 auto; margin-top:5px;}
.vertc img{ height:350px; width:auto !important;} 


.gtest{width:500px; margin:0 auto;  padding: 10px;   background-color:#219ea9; font-family:Verdana !important; overflow:hidden;}
.gtest h2{text-align:center; color:white;     font-size: 18px;
    line-height: normal;}
.g-count{ width:5%;    height: 2px;   background-color: #feff00;}
.g-count2{ color:white; width:100%;}
.g-how{ width:25px; height:25px; float:left;   border:1px solid white; margin-right:6px; margin-top:3px; margin-bottom:5px;}
.g-how p {margin: 5px 0 0 5px; color:white !important;}
.g-image{width:100%;position:relative;}
.g-image img {width:100%;}
.g-answer{padding: 5px; border-bottom:1px solid white; }
.g-answer span {margin-right:5px; font-size:16px; color:white;}
.g-answer img {vertical-align: middle;}
.g-answer {margin-bottom:15px; cursor:pointer;}
.turu{background-color:green !important;}
.falss{background-color:red;}
.g-next{position: absolute; width:100%; height:100%; top:0px; background-color: rgba(0, 0, 0, 0.8); display:none; }
.g-button{padding:10px 0  10px 0; width:150px; margin:0 auto; background-color:#219ea9; color:white; text-align:center; position:absolute; top:50%; left:35%; border:1px solid white; border-radius:5px; cursor:pointer; font-size:15px; color:white !important; }
.bs{background-color:#8e7a34;}
.g-resultat{height:300px; display:none; clear:both;} 
.g-resultat h3{text-align:center; color:white; text-transform:uppercase;}
.turajoop{color:white;text-transform:uppercase; font-size:18px; padding:5px;}
.katajoop{color:yellow;text-transform:uppercase; font-size:18px; padding:5px;}
.alljoop{color:#ffc180;text-transform:uppercase; font-size:18px; padding:5px;}
.turajoop span{font-size:20px; }
.g-pp{color:white; text-align:center;}
.g-ball{ text-align: center;    font-size: 50px;    color: white;}
.g-t-ball{clear:both; padding:5px; font-size:50px;}
.out{margin-top:5% !important; display:none;}
.g-vertc img{height:100%; width:auto;}
.g-vertc {margin:0 auto; width:100%;}
.d-why{width:100%; color:white; background-color:green; display:none;}
.dd{width:100%; color:white; background-color:green; }
.d-why p {text-align:center; color:white !important;}
.ajax{clear:both;}
.gtrue{background-color:green !important;}
.gfalse{ background-color:red;}
@media screen and (max-width: 800px) {
	canvas{width:100% !important; height:250px !important;}
	.g-button{left:30%;}
	.gtest{width:100%}   
	.n-test{ width:90%; margin: 0 auto; }
	.n-block{display:none !important;}
	.resultat{ width:90%; margin:0 auto; margin-top: 10px;  
    margin-bottom: 10px; height:400px;}
	.ubaktysi{display:none;}
	.test-share{margin-top:5px;  display:none;     width: 90%;    margin: 0 auto; margin-bottom:10px;}
	.test-share-01 {float: none; font-size:15px; padding: 10px;}
	.test-share-02{float: none;  margin-bottom:10px; width:100%;}  
	.n-ball{font-size:40px !important;}
	.bs{background-color:red;}
	.g-button{} 
	.append{ font-size: 14px !important; font-weight:normal; line-height:normal;}
	.comments-block{width:100% !important; overflow:hidden;}
	.com-rules{width:100% !important; overflow:hidden;}
	.new-comment{width:100% !important; overflow:hidden;} 
	h2{line-height:normal;}
}