*{font-size:12px;margin:0px;padding:0px;font-family:verdana,Arial;}
body{width:100%;height:100%;
     background-color: #D1C0AF;
     color: #fff;overflow:hidden;
}

a{text-decoration:none}
p,h3,h4{font-family:'RobotoLight',georgia;color: #fff;font-weight:normal;}
b,h2,h1{font-family:'RobotoMedium',georgia;color: #fff;font-weight:normal;}
.p-loading{text-align:center;color:#ccc;padding-top:90px;padding-bottom:20px;}
.p-loading.other{padding-top:20px;padding-bottom:20px;background-position:10px 50%;margin-top:-10px;}
.fullscreen{width:100%;height:100%;}
.absolute.fullscreen{top:0px;left:0px;}
.mask{overflow:hidden;}

#loading_mask{z-index:1000000;background:#D1C0AF;}
#loading_mask .box_up{background:url(../images/logo.png) center no-repeat transparent;height:40%;width:100%;}
#loading_mask .box_progress{background:url(../images/ajax-loader.gif) no-repeat center  transparent;opacity:.9;height:20px;padding-top:120px;text-align:center;width:100%;bottom:35%;z-index:2;font-family:'RobotoLight',georgia;font-size:14px;color:#fff;}
#loading_mask .box_back{}

#top_mask{z-index:100;}
#nav_bar{background:url(../images/bg_nav_dark.png)  repeat 0% -0px  #D1C0AF;height:44px;width:100%;z-index:110;border-bottom:1px solid #50AEB6;}
#nav_bar .sideBtn{width:45px;height:44px;cursor:pointer;}
#nav_bar .left-btn{background:url(../images/close.png) center no-repeat transparent;display:none;}
#nav_bar .center-btn{background:url(../images/logo.png) center 0px no-repeat transparent;margin:0 50px;height:44px;}
#nav_bar .right-btn{background:url(../images/refresh.png) center no-repeat transparent;}
#top_content{background:#D1C0AF;}
#top_content .top_block{background:url(../images/shadowList.png)  repeat-x 0% -30px transparent; color:#fff;position:relative;}

#top_content .top_block .blockCenterHome{padding-top:18%;text-align:center;padding:18% 12px 0 12px;}
#top_content .top_block .blockCenterHome p{font-size:18px;color:#12292B;}
#top_content .top_block .blockCenterHome p.textCenterHome{margin-bottom:50px;}
#top_content .top_block .blockCenterHome b{font-size:18px;color:#12292B;}
#top_content .top_block .btn-big{padding:15px 22px;background:url(../images/shadowList.png)  repeat-x 0% -35px #35777D;border:1px solid #4da8b0;text-align:center;width:auto;height:20px;font-family:'RobotoMedium',georgia;text-shadow:1px 1px 1px #26445A;font-size:18px;cursor:pointer;}

#top_content #top_2.top_block { background:url(../images/ajax-loader_dark.gif) no-repeat center  #D1C0AF; }
#top_content #top_2.top_block .blockbarVideo{height:40px;background:url(../images/shadowListRev.png)  repeat-x left top  transparent;z-index:10000;}
#top_content #top_2.top_block .blockbarVideo .lineStepBarVideo{width:1px;background:#D1C0AF;height:8px;position:absolute;top:-2px;z-index:2;}
#top_content #top_2.top_block .blockbarVideo .barVideo{margin:35px auto 0 auto;height:8px;width:100%;background:#FAA31B;}
#top_content #top_2.top_block .blockbarVideo .barProgressVideo{background:#000;}
#top_content #top_2.top_block .bgCheckVideo{background:url(../images/live_tag.png)  no-repeat right top  transparent;z-index:100;height:95%!important}
#top_content #top_2.top_block  .popupCheckVideo{width:200px;height:180px;padding:20px 20px;border:1px solid #D1C0AF;background:#1D4043;color:#fff;left:50%;top:50%;margin:-110px 0 0 -120px;display:none;text-align:center;}
#top_content #top_2.top_block  .popupCheckVideo .checkCodeInput{padding:10px;margin:20px 0 30px;text-align:center;font-family:'RobotoMedium',georgia;font-size:16px;color:#D1C0AF}



#top_content #top_3.top_block .h2-title{font-size:18px;color:#12292B;padding-top:7px;text-align:center;}
#top_content #top_3.top_block .blockCenterQuest{background:#265358;color:#fff;margin:10px 10px 10px 10px;padding:12px; min-height:200px; }
#top_content #top_3.top_block .blockCenterQuest .ul-questions {margin:10px 0 10px;border-top:2px solid #4da8b0;padding-top:5px;}
#top_content #top_3.top_block .blockCenterQuest .ul-questions li{list-style:none;position:relative;padding:5px 0 7px 30px;border-bottom:1px dotted #ccc;margin-bottom:5px;}
#top_content #top_3.top_block .blockCenterQuest .ul-questions li .input-li-questions{position:absolute;top:5px;left:2px;}
#top_content .top_block .btn-big#buttonNext_asw_id{padding: 7px 12px;font-size:16px;height:16px;color:white !important;}

#quest-responce{text-align: left;padding:0 40px}

@media screen and (max-width:550px){
    #top_content .top_block .blockCenterHome p{font-size:14px;}
    #top_content .top_block .blockCenterHome b{font-size:14px;}
    #top_content #top_3.top_block .blockCenterQuest .h2-questions{font-size:12px;}
    #top_content #top_3.top_block .blockCenterQuest .ul-questions li{padding:5px 0 5px 25px;}
    #top_content #top_3.top_block .blockCenterQuest .ul-questions li .input-li-questions{position:absolute;top:2px;left:2px;}
    #top_content #top_3.top_block .blockCenterQuest .ul-questions li span{font-size:11px}
}

@media screen and (max-width:380px){
    #nav_bar .center-btn{background:url(../images/logo_small.png) center no-repeat transparent;}
    #top_content .top_block .blockCenterHome p{font-size:12px;}
    #top_content .top_block .blockCenterHome b{font-size:12px;}
    #top_content #top_3.top_block .blockCenterQuest .h2-questions{font-size:11px;}
    #top_content #top_3.top_block .blockCenterQuest .ul-questions li{padding:5px 0 5px 25px;}
    #top_content #top_3.top_block .blockCenterQuest .ul-questions li .input-li-questions{position:absolute;top:2px;left:2px;}
    #top_content #top_3.top_block .blockCenterQuest .ul-questions li span{font-size:10px}


}
.h2-questions {
  color: white !important;
}