*{

    margin:0;

    padding:0

}

input, ::after, ::before {

    /*box-sizing: content-box;*/

    line-height: 1;

    font-weight: normal !important;

}



.newCls {

    padding: 0 5px 0 0 !important;

    letter-spacing: 2px !important;

    width: 173px !important;

}

.snacker-font {

  font-family: 'snacker_comic_personal_use_Rg';

}

.timeburner-font {

  font-family: 'timeburnerregular';

}

.depop1-font {

  font-family: 'DFPOP1-W9-WIN-RKSJ-H';

}



img{

    border:none;

    max-width:100%

}

body{

    margin:0;

    background:url(../images/bg2.png) no-repeat;

    background-size:cover;

    background-color:#fcbe67

}

.container{

    max-width:960px;

    margin:0 auto;

    width:100%

}

.content{

    width:100%;

    float:left

}

.main{

    width:100%;

    float:left;

    background-size:cover

}

/*.jenie{

    width:20%;

    float:left;

    position:absolute;

    z-index:1;

    left:1%;

    top:3%

}*/

.jenie {

    position: absolute;

    left: -10%;

    z-index: -1;

    top: 50px;

}

.logo{

    top:8%;

    right:4%;

    text-align:center

}

.micky{

    right:0;

    position:absolute;

    z-index:-1;

}

.login{

    width:50%;

    margin: auto;

    position:relative;

    text-align:center;

    margin-top:50px

}

.oinput{

    width:93%;

    float:left;

    padding:10px 18px;

    border:1px solid #fff;

    background:rgba(255,255,255,0.5);

    border-radius:5px;

    color:#032656;

    font-size:22px;

    font-family:'timeburnerregular';

    position:relative;

    font-weight:500;

    box-sizing: content-box;

}

.odog{

    float:right;

    position:absolute;

    z-index:111;

    top:40.5%;

    right:14px

}

.mpos{

    bottom:-8px

}

.ologbtn{

    position:relative;

    background:#032656;

    background:-moz-linear-gradient(top,#032656 0%,#021d41 100%);

    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#032656),color-stop(100%,#021d41));

    background:-webkit-linear-gradient(top,#032656 0%,#021d41 100%);

    background:-o-linear-gradient(top,#032656 0%,#021d41 100%);

    background:-ms-linear-gradient(top,#032656 0%,#021d41 100%);

    background:linear-gradient(to bottom,#032656 0%,#021d41 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#032656',endColorstr='#021d41',GradientType=0);

    width:100%;

    float:left;

    padding:4px 0;

    color:#fff;

    font-size:36px;

    font-family:'snacker_comic_personal_use_Rg';

    border:1px solid #fff;

    border-radius:5px;

    margin-top:10px

}

.oform{

    width:100%;

    float:left;

    margin-top:20px;

    position:relative

}

.ologbtn:hover{

    background:-moz-linear-gradient(top,#021d41 0%,#032656 100%)

}

.bar1{

    width:100%;

    float:left;

    background:#fff;

    background:-moz-linear-gradient(top,#fff 0%,#eaeaea 100%);

    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#eaeaea));

    background:-webkit-linear-gradient(top,#fff 0%,#eaeaea 100%);

    background:-o-linear-gradient(top,#fff 0%,#eaeaea 100%);

    background:-ms-linear-gradient(top,#fff 0%,#eaeaea 100%);

    background:linear-gradient(to bottom,#fff 0%,#eaeaea 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eaeaea',GradientType=0);

    min-height:70px

}

.bar2{

    width:100%;

    float:left;

    background:#fff;

    background:-moz-linear-gradient(top,#fff 0%,#eaeaea 100%);

    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#eaeaea));

    background:-webkit-linear-gradient(top,#fff 0%,#eaeaea 100%);

    background:-o-linear-gradient(top,#fff 0%,#eaeaea 100%);

    background:-ms-linear-gradient(top,#fff 0%,#eaeaea 100%);

    background:linear-gradient(to bottom,#fff 0%,#eaeaea 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eaeaea',GradientType=0);

    min-height:70px;

    position:relative;

    top:42.2%

}

.dills{

    width:70%;

    float:left;

    position:absolute;

    text-align:center;

    z-index:111111;

    top:100px

}

.dills h2{

    font-family:'snacker_comic_personal_use_Rg';

    font-size:100px;

    margin:0;

    padding:0;

    color:#fff;

    letter-spacing:6px

}

.odrill{

    width:218px;

    height:135px;

    float:left;

    background:url(../images/min.png) no-repeat center;

    position:relative;

    margin-left:76px;

    text-align:center;

    text-decoration:none

}

.odrill h2{

    font-size:37px;

    margin:26px 0 0;

    padding:0;

    letter-spacing:2px;

    color:#06254f;

    font-family:'snacker_comic_personal_use_Rg'

}

.odrill span{

    font-size:56px;

    margin:-4px 0 0;

    padding:0;

    color:#06254f;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    font-weight:800

}

.micky2{

    float:right;

    left:15%;

    position:relative;

    top:58.1%;

    width:25%;

    z-index:111111

}

.content h2.sel_ques_hdng2{

    font-size:80px!important

}

.start_btn{

    position:relative;

    background:#032656;

    background:-moz-linear-gradient(top,#032656 0%,#021d41 100%);

    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#032656),color-stop(100%,#021d41));

    background:-webkit-linear-gradient(top,#032656 0%,#021d41 100%);

    background:-o-linear-gradient(top,#032656 0%,#021d41 100%);

    background:-ms-linear-gradient(top,#032656 0%,#021d41 100%);

    background:linear-gradient(to bottom,#032656 0%,#021d41 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#032656',endColorstr='#021d41',GradientType=0);

    width:30%;

    float:left;

    padding:4px 0;

    color:#fff;

    font-size:36px;

    font-family:'snacker_comic_personal_use_Rg';

    border:1px solid #fff;

    border-radius:5px;

    margin-top:10px;

    text-decoration:none;

    left:35%

}

.start_btn:hover{

    background:-moz-linear-gradient(top,#021d41 0%,#032656 100%);

    color:  #fff;

    text-decoration: none;

}

.oform p{

    float:right;

    font-size:15px;

    margin-top:5px;

    font-family:'timeburnerregular';

    color:#fff

}

.oform a{

    text-decoration:none;

    color:#032655

}

.odogs{

    bottom:0

}

.menus{

    width:100%;

    float:right;

    padding: 15px 0px;

    /*position:relative*/

}

.menus ul{

    margin:0;

    padding:0;

    float:right

}

.menus ul li{

    float:left;

    display:block;

    padding:6px 2px

}

.menus li a{

    text-decoration:none;

    color:#fff;

    font-size:18px;

    font-family:'timeburnerregular';

    padding:0 6px;

    font-weight:600;

    text-transform:uppercase

}

.menus a:hover{

    color:#032656;

    transition:.3s

}

.error{

    text-align:left;

    width:100%;

    float:left;

    font-size:18px;

    color:#fff;

    font-family:'timeburnerregular';

    line-height:30px

}

/*.error img{

    float:left;

    margin-right:8px

}*/

.error img {

    float: left;

    margin-right: 8px;

    width: 22px;

    margin-top: 2px;

}

.success{

    text-align:left;

    width:100%;

    float:left;

    font-size:18px;

    color:#fff;

    font-family:'timeburnerregular';

    line-height:30px

}

.success img{

    float:left;

    margin-right:8px

}

.ques_main{

    top:50px;

    position:relative;

    text-align:center;

}

@media(max-width: 768px) {

    .ques_main{

        top:100px;

        position:relative;

        text-align:center;

    }



}

.ques_main h2 {

    font-family: 'snacker_comic_personal_use_Rg';

    font-size: 50px;

    margin: 0;

    padding: 0;

    color: #fff;

    letter-spacing: 4px;

    line-height: 1;

}

.ques_main span{

    font-family:"DFPOP1-W9-WIN-RKSJ-H"

}

.questions{

    width:62%;

    height:313px;

    background:url(../images/ques_bg.png) no-repeat;

    text-align:center;

    position:relative;

    top:0;

    left:20%;

    padding-top:60px

}

.drill-2{

    text-align:inherit;

    position:relative;

    left:207px;

    width:100px

}

.drill-22{

    left:216px

}

.drill-2 h2{

    text-align:right;

    letter-spacing:0

}

.questions2{

    width:76%;

    height:550px;

    background:url(../images/ocloud.png) no-repeat;

    text-align:center;

    position:relative;

    top:0;

    left:15%;

    padding-top:0px

}

.ques_top{

    padding-top:10px

}

.questionshv{

    padding-top:0;

}

.ajcarry{

    bottom:50px;

    float:right;

    position:relative;

    width:100px;

    right:90px

}

.ajcarry h6{

    right:94px;

    top:-72px

}

.ajcarryfld{

    right:70px;

    top:-48px

}

.questions2 h2{

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    font-size:55px;

    margin:0;

    padding:0;

    color:#082453

}

.questions h2{

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    font-size:55px;

    margin:0;

    padding:0;

    color:#082453;

    margin-left:12px

}

.questions2hd{

    position:relative;

    left:28px

}

.questions23hd{

    position:relative;

    left:42px

}

.questions234hd{

    position:relative;

    left:55px

}

.drill9{

    left:52.5%!important

}

.drill91{

    left:47.9%!important

}

.drill92{

    left:39.3%!important

}

.ec{

    left:53%!important

}

.ec1{

    left:47.2%!important

}

.ec2{

    left:37.3%!important

}

.sc{

    left:52%!important

}

.sc1{

    left:46.2%!important

}

.sc2{

    left:36%!important

}

.qs-form{

    left:34%!important

}

.q8{

    left:4px;

    position:relative

}

.ques_fld{

    border:1px solid #939393;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:160px;

    font-size:55px;

    float:left;

    margin-right:10px;

    text-align:right;

    font-weight:600;

    padding:0 50px 0 0

}

.ques_flddrill2{

    letter-spacing:3px

}

.ques_fld2{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:160px;

    padding:0 8px;

    font-size:55px;

    float:left;

    margin-right:10px

}

.exfld{

    width:180px;

    float:left;

    position:relative;

    right:36px

}

.ques_fldgm{

    width:200px;

    letter-spacing:1.5px

}

.ques_fldg{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    padding:0 7px 0 0;

    width:209px;

    font-size:55px;

    margin-right:44px;

    margin-top:5px;

    letter-spacing:1.5px

}

.ques_fldg3{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:170px;

    padding:0 38px 0 8px;

    font-size:55px;

    margin-right:10px;

    margin-top:5px;

    letter-spacing:2px

}

.ques_fldg4{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:150px;

    padding:0 66px 0 0;

    font-size:55px;

    margin-right:10px;

    margin-top:5px;

    letter-spacing:2px

}

.ques9btn{

    position:relative;

    top:220px;

    left:8px

}

.ajcarrymin{

    right:8%;

    top:130px;

    position:relative

}

.ques_btn{

    background:url(../images/btn.png) no-repeat;

    border:none;

    width:70px;

    height:47px;

    float:left

}

.questions-form{

    float:left;

    left:35%;

    position:absolute;

    text-align:center;

    width:50%

}

.questionsdrill1{

    left:34.3%

}

.questions2fld{

    left:38%!important

}

.questions3fld{

    left:36%!important

}

.omj{

    position:relative;

    right:12px

}

.omjdrill1{

    position:relative;

    right:15px

}

.omjsub{

    left:158px;

    position:relative;

    width:150px;

    text-align:right

}

.omjsubd6{

    right:10px

}

.omjsub2{

    left:154px;

    position:relative;

    width:150px;

    text-align:right

}

.queus{

    position:relative;

    left:34.5%

}

.drill2queus{

    position:relative;

    left:196px

}

.omjsub > span{

    right:30px

}

.omj2{

    text-align:right;

    right:37%

}

.hirsory_drill{

    width:25%;

    float:right;

    padding:10px 8px;

    margin-bottom:10px;

    color:#082453;

    font-size:16px

}

.questions span{

    position:relative;

    right:10px

}

.mouse{

    left:0;

    top:68%

}

.mouse5{

    left:0;

    top:82%

}

.omj span{

    font-size:46px

}

.result_main{

    width:80%;

    float:left;

    position:relative;

    left:18%

}

.result_left{

    width:38%;

    float:left;

    position:relative;

    padding:10px;

    background:url(../images/result_c.png) no-repeat center;

    height:189px;

    text-align:center

}

.span{

    width:72px;

    float:left;

    position:relative;

    z-index:111;

    height:72px;

    left:40%;

    top:20%;

    border-radius:10px;

    box-shadow:0 2px 2px #a1a8b1

}

.result_left h3{

    float:left;

    font-size:42px;

    font-family:'snacker_comic_personal_use_Rg';

    color:#06254f;

    left:16%;

    position:relative;

    top:60%

}

.span h2{

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    font-size:60px;

    margin:0;

    padding:0;

    color:#082453;

    margin-top:8px;

    color:#06254f

}

.result_ryt{

    width:50%;

    float:left;

    position:relative;

    padding:10px

}

.result_ryt ul{

    margin:0;

    padding:0

}

.result_ryt ul li{

    display:block;

    float:left;

    font-size:24px;

    margin:0 0 22px 40px;

    text-align:left;

    width:100%;

    font-family:'timeburnerregular';

    color:#fff;

    font-weight:400

}

.history_main{

    width:100%;

    float:left;

    position:relative;

    padding-bottom: 20px;

}

.content select.select_cls{

    background:#fff;

    border:none!important;

    float:right;

    font-size:18px!important;

    margin-bottom:10px;

    font-family:'timeburnerregular';

    padding:8px!important;

    width:20%

}

.his_table{

    width:100%;

    float:left;

    position:relative;

    margin-bottom:30px

}

.his_table th{

    font-family:'timeburnerregular';

    font-size:18px;

    color:#042654;

    border:1px solid #fff;

    padding:5px 0;

    background:rgba(255,255,255,0.6)

}

.his_table td{

    font-family:'timeburnerregular';

    font-size:18px;

    color:#042654;

    border:1px solid #fff;

    padding:5px 0;

    background:rgba(255,255,255,0.3)

}

.back{

    font-size:18px;

    color:#fff;

    text-decoration:none;

    float:left;

    margin-top:6px;

    cursor:pointer;

    font-family:'timeburnerregular';

    width:70px

}

.back img{

    float:left;

    margin-right:5px

}

.questions h6{

    float:right;

    font-size:18px;

    position:absolute;

    right:-4px;

    bottom:110px;

    font-family:'timeburnerregular';

    color:#000

}

.questions2 h6{

    float:right;

    font-size:18px;

    position:absolute;

    right:-4px;

    bottom:110px;

    font-family:'timeburnerregular';

    color:#000

}

.questions3{

    background:url(../images/icloud.png) no-repeat scroll;

    height:702px;

    left:15%;

    padding-top:0px;

    position:relative;

    text-align:center;

    top:0;

    width:76%

}

.d11mouse{

    left:0;

    top:90%

}

.d11top{

    text-align:left!important;

    padding-left:10px

}

.drill_11{

    width:180px!important;

    text-align:left;

    margin-left:10px

}

.drill_11 h2{

    padding-left:4px

}

.d11_main{

    right:115px!important;

    top:95px

}

.d11_flds{

    font-size:55px!important;

    width:158px;

    font-weight:600

}

.d11_ansfld{

    position:relative;

    right:0!important;

    margin-right:69px!important;

    width:135px!important;

    padding:0 0 0 32px !important;

    letter-spacing:3px

}

.d15_ansfld{

    position:relative;

    right:0!important;

    margin-right:65px!important;

    width:113px!important;

    padding:0 0 0 64px !important;

    letter-spacing:3px

}

.d45_ansfld{

    letter-spacing:3px;

    margin-right:72px!important;

    padding:0 0 0 100px !important;

    position:relative;

    right:0!important;

    width:80px!important

}

.d28_flds{

    padding:0 113px 0 0 !important;

    width:60px!important

}

.d29_flds{

    padding:0 85px 0 0 !important;

    width:89px!important

}

.d30_flds{

    padding:0 85px 0 0 !important;

    width:89px!important

}

.d31_flds{

    padding:0 56px 0 0 !important;

    width:119px!important

}

.d32_flds{

    padding:0 55px 0 0 !important;

    width:119px!important

}

.d33_flds{

    padding:0 55px 0 0 !important;

    width:120px!important

}

.d34_flds{

    width:89px!important;

    padding:0 84px 0 0 !important

}

.d44_flds{

    padding:0 47px 0 5px !important;

    width:121px!important

}

.d43_flds{

    padding:0 78px 0 0 !important;

    width:95px!important

}

.d35_flds{

    padding:0 54px 0 0 !important;

    width:120px!important

}

.d36_flds{

    padding:0 55px 0 0 !important;

    width:119px!important

}

.d37_flds{

    padding:0 54px 0 0 !important;

    width:120px!important

}

.d11_btn{

    top:352px!important;

    left:155px!important

}

.evalue2{

    padding:0 14px 0 0;

    letter-spacing:2px;

    width:155px

}

.omjk{

    right:11px

}

.newdivide{

    width:100%;

    float:left;

    position:relative;

    margin-top:0px

}

.answerbox{

    width:300px;

    float:left;

    position:relative;

    margin-top:10px;

    left:141px

}

.anwerdivide{

    width:100%;

    float:left

}

.dividefld{

    font-size:55px;

    color:#082453;

    font-family:'DFPOP1-W9-WIN-RKSJ-H';

    border:1px solid #ccc;

    border-radius:4px;

    width:125px;

    text-align:left;

    margin-right:8px;

    font-weight:600;

    padding:0 0 0 5px;

    position:relative;

    left:17px

}

.ansleft{

    width:100px;

    float:left;

    padding:8px 0 0;

    text-align:right

}

.ansleft h2{

    color:#082453;

    font-size:55px;

    margin:0;

    padding:0;

    font-family:'DFPOP1-W9-WIN-RKSJ-H'

}

.ansright{

    width:100px;

    float:left;

    border-top:2px solid #082453;

    border-left:2px solid #082453;

    padding:5px 0

}

.ansright h2{

    color:#082453;

    font-size:55px;

    font-family:'DFPOP1-W9-WIN-RKSJ-H'

}

.divd_btn{

    left:30px;

    position:relative;

    left:70px;

    top:80px

}

.carryfld{

    width:55px;

    float:right;

    position:absolute;

    border:1px solid #ccc;

    font-size:44px;

    border-radius:4px;

    background:#fff;

    height:44px;

    padding:0 8px;

    right:-30px;

    top:-45px;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    color:#082453

}

.carry_main{

    width:100%;

    float:left;

    text-align:center;

    position:absolute;

    top:0

}

.carry_mainaj{

    top:-22px

}

.c1{

    position:absolute;

    font-size:60px;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    color:#082453;

    left:34%;

    width:50px;

    font-weight:600

}

.c2{

    position:absolute;

    font-size:60px;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:50px;

    color:#082453;

    left:45%;

    font-weight:600

}

.c3{

    width:50px;

    position:absolute;

    font-size:60px;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    color:#082453;

    left:51%;

    font-weight:600

}

.cll{

    left:38%

}

.clld{

    left:50%

}

.multicarry{

    font-size:60px;

    color:#082453;

    float:left;

    width:80px;

    position:relative

}

.cjval{

    left:8px

}

.dvdans{

    width:170px

}

.dvdfld{

    font-size:50px;

    letter-spacing:1.5px

}

.dvdmain{

    right:128px;

    top:95px

}

.dvdbox{

    left:190px

}

.dvdman{

    width:204px

}

.dvdbt{

    left:155px;

    top:370px

}

.dvdwd{

    width:150px

}

.two_fld{

    width:180px;

    float:left

}

.two_fldinp1{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:60px;

    padding:0 2px 0 0;

    font-size:55px;

    float:left;

    margin-top:5px;

    letter-spacing:2px

}

.two_fldinp2{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:110px;

    padding:0;

    font-size:55px;

    float:left;

    margin-top:5px

}

.two_fldinp3{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:89px;

    padding:0 2px 0 0;

    font-size:55px;

    float:left;

    margin-top:5px

}

.two_fldinp4{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:81px;

    padding:0;

    font-size:55px;

    float:left;

    margin-top:5px

}

.two_fldinp5{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:90px;

    padding:0 2px 0 0;

    font-size:55px;

    float:left;

    margin-top:5px;

    letter-spacing:2px

}

.two_fldinp6{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:79px;

    padding:0;

    font-size:55px;

    float:left;

    margin-top:5px

}

.two_fldinp7{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:59px;

    padding:0 2px 0 0;

    font-size:55px;

    float:left;

    margin-top:5px;

    letter-spacing:2px

}

.two_fldinp8{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:110px;

    padding:0;

    font-size:55px;

    float:left;

    margin-top:5px

}

.two_fldinp9{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:96px;

    padding:0 2px 0 0;

    font-size:55px;

    float:left;

    margin-top:5px;

    letter-spacing:2px

}

.two_fldinp10{

    border:1px solid #939393;

    font-weight:600;

    border-radius:4px;

    color:#082453;

    font-family:"DFPOP1-W9-WIN-RKSJ-H";

    width:73px;

    padding:0;

    font-size:55px;

    float:left;

    margin-top:5px

}



.inmenu{

    padding: 0 10px !important;

    float:left;

    position:absolute;

    z-index:999999;

    border:1px solid #fff;

    border-radius:4px;

    background:rgba(255,255,255,0.2);

    display:none;

    top:35px;

    right:-8px;

    min-height:auto!important

}

.inmenu li{

    width:100%;

    float:left;

    margin-bottom:5px;

    padding:0!important;

    min-height:auto!important

}

.inmenu li:first-child{

    margin-top:5px

}

.inmenu li a{

    color:#111!important

}

.inmenu a:hover{

    color:#d24f00!important

}

.arrow_box{

    position:absolute;

    background:rgb(255 255 255 / 62%);

    border:1px solid #fff

}

.arrow_box:after,.arrow_box:before{

    bottom:100%;

    left:50%;

    border:solid transparent;

    content:" ";

    height:0;

    width:0;

    position:absolute;

    pointer-events:none

}

.arrow_box:after{

    border-color:rgba(136,183,213,0);

    border-bottom-color:rgba(255,255,255,0.2);

    border-width:12px;

    margin-left:-12px

}

.arrow_box:before{

    border-color:rgba(255,255,255,0);

    border-bottom-color:#fff;

    border-width:13px;

    margin-left:-13px

}

.menus li:hover .inmenu{

    display:block

}

.back{

    font-size:18px;

    color:#fff;

    text-decoration:none;

    float:left;

    margin-top:6px;

    font-family:'timeburnerregular'

}

.back img{

    float:left;

    margin-right:5px

}

.menus ul{

    margin:0;

    padding:0;

    float:right

}

.menus ul li{

    float:left;

    display:block;

    padding:6px 2px;

    min-height:28px

}

.menus li a{

    text-decoration:none;

    color:#fff;

    font-size:18px;

    font-family:'timeburnerregular';

    padding:0 6px;

    font-weight:400

}

.menus a:hover{

    color:#032656;

    transition:.3s

}

.instruction{

    width:80%;

    position:relative;

    z-index:111111;

    text-align:center;

    /*margin: 40px auto;*/

    top: 50px;

}

.instruction h2{

    font-family:'snacker_comic_personal_use_Rg';

    font-size:90px;

    margin:0;

    padding:0;

    color:#fff;

    letter-spacing:6px

}

.instruction_in{

    width:90%;

    padding:20px;

    float:left;

    position:absolute;

    border:1px solid #fff;

    border-radius:10px;

    background:rgba(255,255,255,0.3)

}

.instruction_in h2{

    font-family:'timeburnerregular';

    font-size:22px;

    color:#000;

    font-weight:600

}

.instruction_in h3{

    font-family:'timeburnerregular';

    font-size:24px;

    color:red;

    font-weight:600;

    text-align:left;

    width:100%;

    float:left

}

.instruction_in p{

    font-family:'timeburnerregular';

    font-size:15px;

    color:#000;

    width:100%;

    float:left;

    margin:10px 0;

    text-align:left;

    line-height:21px

}

.in_ins{

    width:80px;

    margin:0 auto

}

.in_ins h5{

    color:#000;

    font-size:30px;

    margin:0 0 0 2px;

    padding:0;

    font-family:'timeburnerregular'

}

.in_ins h6{

    color:#000;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular';

    border-bottom:1px solid #000

}

.in_ins h4{

    color:#000;

    font-size:30px;

    margin:10px 0 0 10px !important;

    padding:0;

    font-family:'timeburnerregular'

}

.red{

    color:#1c4897!important;

    font-family:'timeburnerregular';

    font-size:24px;

    color:red;

    font-weight:600;

    text-align:left;

    width:100%;

    float:left

}

.understnd{

    width:100%;

    float:left;

    color:#1c9725!important;

    font-family:'timeburnerregular';

    font-size:24px;

    color:red;

    font-weight:600;

    text-align:left;

    font-style:italic;

    margin:12px 0

}

.instspan{

    width:100%;

    float:left;

    text-align:center;

    color:#041524;

    font-size:28px;

    font-family:'timeburnerregular';

    letter-spacing:2px;

    font-weight:600

}

.instspan2{

    width:100%;

    float:left;

    text-align:center;

    color:#fff;

    font-size:20px;

    font-family:'timeburnerregular';

    letter-spacing:2px;

    font-weight:600;

    font-style:italic;

    margin-top:10px;

    margin-bottom:20px

}

.textfl{

    color:#039;

    font-size:26px;

    font-family:'timeburnerregular';

    letter-spacing:2px;

    width:100%;

    float:left;

    text-align:center;

    margin-top:20px;

    margin-bottom:10px

}

.additon1_inst{

    width:100%;

    float:left;

    margin-top:40px

}

.additon1_inst h5{

    width:100%;

    float:left;

    text-align:left;

    color:#000;

    font-size:15px;

    font-family:'timeburnerregular';

    letter-spacing:2px;

    font-weight:400;

    margin-top:20px;

    margin-bottom:20px

}

.instques{

    width:60px;

    margin:0 auto;

    margin-bottom:20px

}

.instques h2{

    width:100%;

    float:left;

    text-align:center;

    color:#000;

    font-size:28px;

    font-family:'timeburnerregular';

    letter-spacing:2px;

    font-weight:600;

    margin:0 0 0 5px;

    background:none

}

.instques h3{

    width:100%;

    float:left;

    text-align:center;

    color:#000;

    font-size:28px;

    font-family:'timeburnerregular';

    letter-spacing:2px;

    font-weight:600;

    margin:0;

    border-bottom:2px solid #000

}

.instques h4{

    text-align:center;

    color:#000;

    font-size:28px;

    font-family:'timeburnerregular';

    letter-spacing:2px;

    font-weight:600;

    margin:0;

    padding-left:10px;

    padding-top:4px

}

.insbox{

    width:60px;

    float:left;

    border-top:2px solid #000;

    font-size:28px;

    border-left:2px solid #000;

    padding:4px 5px;

    font-family:'timeburnerregular'

}

.insah{

    width:100%;

    float:left

}

.insdvdans{

    width:60px;

    float:left;

    font-size:28px;

    font-family:'timeburnerregular';

    margin-left:62px

}

.ar2{

    position:relative;

    top:-103px;

    left:88px

}

.fnt{

    font-family:'DFPOP1-W9-WIN-RKSJ-H'

}

.strong{

    color:#0070c0;

    font-size:18px

}

.ques{

    float:left;

    width:100%

}

.in2{

    float:left;

    width:100%;

    margin:15px 0

}

.arrow_span{

    float:left;

    margin:290px 0 0

}

.arrow_spanalfa{

    float:left;

    margin:100px 0 0

}

.arrow_span2{

    float:left;

    margin:-3px 0 0 82px

}

.span2{

    margin-top:288px

}

.gree{

    float:left;

    margin-top:38px

}

.gree h5{

    color:#00b050;

    font-size:30px;

    margin:0 0 0 2px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree h6{

    color:#00b050;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular';

    border-bottom:1px solid #000

}

.gree h4{

    color:#00b050;

    font-size:30px;

    margin:10px 0 0 22px;

    padding:0;

    font-family:'timeburnerregular'

}

.drill4_text{

    font-size:72px!important

}

.dri_h4{

    margin:0

}

.left{

    border-left:2px solid #000;

    border-top:2px solid #000

}

.ored{

    color:red;

    margin:5px 0

}

.instques2{

    width:140px;

    margin:0 auto;

    margin-bottom:20px

}

.instques2 h2{

    color:#000;

    background:none;

    float:left;

    width:30px;

    margin-right:10px;

    font-family:'timeburnerregular';

    margin-top:6px

}

.instques2 b{

    margin-left:24px

}

.insbox{

    width:60px;

    float:left;

    border-top:2px solid #000;

    font-size:28px;

    border-left:2px solid #000;

    padding:4px 5px;

    font-family:'timeburnerregular'

}

.insah{

    width:100%;

    float:left;

    margin-bottom:20px

}

.insdvdans2{

    width:60px;

    float:left;

    font-size:28px;

    font-family:'timeburnerregular';

    margin-left:38px;

    margin-top:20px;

    color:red

}

.insdvdans4{

    width:60px;

    float:left;

    font-size:28px;

    font-family:'timeburnerregular';

    margin-left:22px;

    margin-top:20px;

    color:red

}

.insdvdans3{

    width:60px;

    float:left;

    font-size:28px;

    font-family:'timeburnerregular';

    margin-left:-8px;

    margin-top:20px;

    color:red

}

.insdvdansa3{

    width:60px;

    float:left;

    font-size:28px;

    font-family:'timeburnerregular';

    margin-left:5px;

    margin-top:20px;

    color:red

}

.nvlu{

    width:60px;

    float:left;

    font-size:28px;

    padding:4px 5px;

    font-family:'timeburnerregular';

    margin-left:36px;

    letter-spacing:1px

}

.nvlu2{

    width:60px;

    float:left;

    font-size:28px;

    padding:4px 5px;

    font-family:'timeburnerregular';

    margin-left:40px;

    letter-spacing:1px

}

.nvlu3{

    width:60px;

    float:left;

    font-size:28px;

    padding:4px 5px;

    font-family:'timeburnerregular';

    margin-left:48px;

    letter-spacing:1px

}

.nvlu4{

    width:60px;

    float:left;

    font-size:28px;

    padding:4px 5px;

    font-family:'timeburnerregular';

    margin-left:64px;

    letter-spacing:1px

}

.arow212{

    left:14px;

    position:relative;

    top:-2px

}

.arow{

    left:36px;

    position:relative;

    top:-2px

}

.arwmn{

    left:-23px;

    position:relative;

    top:42px

}

.tripl{

    margin-right:30px!important

}

.instfnt{

    font-size:80px!important

}

.insboxsub{

    width:70px;

    float:left;

    text-align:right;

    font-size:28px;

    padding:4px 5px;

    font-family:'timeburnerregular';

    margin-left:16px

}

.insboxsub2{

    width:90px;

    float:left;

    font-size:28px;

    padding:4px 5px;

    font-family:'timeburnerregular';

    border-bottom:2px solid #000

}

.insboxsub3{

    width:90px;

    float:left;

    font-size:28px;

    padding:4px 5px;

    font-family:'timeburnerregular';

    border-bottom:2px solid #000;

    margin-left:7px;

    letter-spacing:-2px

}

.subans{

    width:88px;

    float:left;

    text-align:right;

    font-size:28px;

    padding:4px 1px;

    font-family:'timeburnerregular';

    letter-spacing:-1.3px

}

.instuparw{

    float:left;

    width:46px;

    margin-left:30px;

    margin-left:62px;

    margin-top:30px

}

.instuparwll{

    float:left;

    width:46px;

    margin-left:44px;

    margin-top:0

}

.instuparwa{

    float:left;

    width:46px;

    margin-left:40px;

    margin-top:0

}

.instuparw2{

    float:left;

    width:46px;

    margin-left:30px;

    margin-left:25px;

    margin-top:0

}

.ostyle{

    color:#00b050!important;

    font-style:normal

}

.instuparw3{

    float:left;

    width:46px;

    margin-left:30px;

    margin-left:8px;

    margin-top:0

}

.instuparw4{

    float:left;

    width:54px;

    margin-left:0;

    margin-top:0;

    position:relative;

    right:12px

}

.ostyle{

    color:#00b050!important;

    font-style:normal

}

.drill_7arrow{

    float:left;

    margin-left:44px;

    margin-top:0;

    width:48px

}

.drill_7arrow2{

    float:left;

    margin-left:10px;

    margin-top:-15px;

    width:48px

}

.arrow_up{

    float:left;

    margin:106px -20px 0

}

.red_text{

    color:red;

    margin-left:62px;

    float:left

}

.arrow_up2{

    float:left;

    margin:172px -42px 0

}

.arrow_up3{

    float:left;

    margin:172px -58px 0

}

.red2{

    float:left;

    margin-left:20px

}

.red3{

    float:left;

    margin-left:11px

}

.red4{

    float:left;

    margin-left:42px

}

.red5{

    float:left;

    margin-left:22px

}

.red6{

    float:left;

    margin-left:13px

}

.step4_text{

    float:left

}

.arrow3{

    float:left;

    margin:172px -75px 0

}

.arrow4{

    float:left;

    margin:145px -43px 0

}

.arrow5{

    float:left;

    margin:222px -54px 0

}

.arrow6{

    float:left;

    margin:222px -68px 0

}

.arrow7{

    float:left;

    margin:222px -90px 0

}

.arrow8{

    float:left;

    margin:190px -54px 0

}

.arrow9{

    float:left;

    margin:238px -92px 0

}

.arrow10{

    float:left;

    margin:270px -98px 0

}

.arrow11{

    float:left;

    margin:270px -115px 0

}

.arrow12{

    float:left;

    margin:240px -22px 0

}

.arrow13{

    float:left;

    margin:255px -40px 0

}

.arrow14{

    float:left;

    margin:266px -58px 0

}

.arrow15{

    float:left;

    margin:302px -98px 0

}

.arrow16{

    float:left;

    margin:306px -125px 0

}

.arrow17{

    float:left;

    margin:304px -128px 0

}

.arrow18{

    float:left;

    margin:304px -151px 0

}

.step9_text{

    float:left;

    text-align:left!important;

    margin-left:2px!important

}

.step911{

    float:right;

    text-align:left!important;

    position:relative;

    right:49px;

    top:40px

}

.step912{

    float:right;

    text-align:left!important;

    position:relative;

    right:40px

}

.red6{

    float:left;

    margin-left:70px;

    text-align:left;

    width:100%

}

.red7{

    float:left;

    margin-left:60px

}

.red8{

    float:left;

    text-align:left;

    width:100%;

    margin-left:40px

}

.red9{

    float:left;

    text-align:left;

    width:100%;

    margin-left:20px

}

.red10{

    float:left;

    text-align:left;

    width:100%;

    margin-left:14px

}

.drill12_text{

    float:left;

    margin-left:11px!important;

    text-align:left;

    width:136px

}

.drill_15{

    float:left;

    margin-top:186px

}

.drill_16{

    float:left;

    margin-top:132px

}

.drill_16 h5{

    margin:8px 0 0 2px;

    color:#00b050;

    font-size:30px;

    padding:0;

    font-family:'timeburnerregular'

}

.drill_16 h6{

    color:#00b050;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular'

}

.drill_22{

    float:left;

    margin-top:132px

}

.drill_22 h5{

    margin:8px 0 0 2px;

    color:#00b050;

    font-size:30px;

    padding:0;

    font-family:'timeburnerregular'

}

.drill_22 h6{

    color:#00b050;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular'

}

.drill_17{

    float:left;

    margin-top:185px

}

.drill_15 h5{

    color:#00b050;

    font-size:30px;

    margin:3px 0 0 2px;

    padding:0;

    font-family:'timeburnerregular'

}

.drill_15 h6{

    color:#00b050;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular'

}

.in_ins2{

    width:128px;

    margin:0 auto

}

.in_ins2 h5{

    color:#000;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular'

}

.in_ins2 h6{

    color:#000;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular';

    border-bottom:1px solid #000;

    margin-bottom:5px

}

.in_ins2 h4{

    color:#000;

    font-size:30px;

    margin:10px 0 0 12px;

    padding:0;

    font-family:'timeburnerregular'

}

.in2{

    float:left;

    width:100%;

    margin:15px 0;

    text-align:right

}

.gree1a{

    float:left;

    margin-top:28px

}

.gree1a h5{

    color:#00b050;

    font-size:30px;

    margin:6px 0 0 2px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree1a h6{

    color:#00b050;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular';

    border-bottom:1px solid #000

}

.gree1a h4{

    color:#00b050;

    font-size:30px;

    margin:10px 0 0 22px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree2a{

    float:left;

    margin-top:-16px

}

.gree2a h5{

    color:#00b050;

    font-size:30px;

    margin:6px 0 0 2px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree2a h6{

    color:#00b050;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular';

    border-bottom:1px solid #000

}

.gree2a h4{

    color:#00b050;

    font-size:30px;

    margin:10px 0 0 22px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree3a{

    float:left;

    margin-top:-17px

}

.gree3a h5{

    color:#00b050;

    font-size:30px;

    margin:6px 0 0 2px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree3a h6{

    color:#00b050;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular';

    border-bottom:1px solid #000

}

.gree3a h4{

    color:#00b050;

    font-size:30px;

    margin:10px 0 0 22px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree4a{

    float:left;

    margin-top:-17px

}

.gree4a h5{

    color:#00b050;

    font-size:30px;

    margin:6px 0 0 2px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree4a h6{

    color:#00b050;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular';

    border-bottom:1px solid #000

}

.gree4a h4{

    color:#00b050;

    font-size:30px;

    margin:10px 0 0 22px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree5a{

    float:left;

    margin-top:-17px

}

.gree5a h5{

    color:#00b050;

    font-size:30px;

    margin:6px 0 0 2px;

    padding:0;

    font-family:'timeburnerregular'

}

.gree5a h6{

    color:#00b050;

    font-size:30px;

    margin:0;

    padding:0;

    font-family:'timeburnerregular';

    border-bottom:1px solid #000

}

.gree5a h4{

    color:#00b050;

    font-size:30px;

    margin:10px 0 0 22px;

    padding:0;

    font-family:'timeburnerregular'

}

.n_value{

    margin-right:20px!important

}

/* @media(max-width:) {

    .dills {width:68% !important;}

} */





@media(max-width:1920px){

.dills{width:50%;}

.odog{top:37%;}

.instruction_in h2{letter-spacing:2px;}

.result_main{left:22%;}

.fnt{letter-spacing:0;}

.odogs{top:45% !important;}

/*.error{position:absolute; top:55.5%;}*/

/*.login{left:50px;}*/

.micky2{left:3%;}

}

.oer{top:59%;}



@media(max-width:1680px){



.odog{top:37%;}

.odrill{margin-left: 128px;}

/*.jenie{left:0; width:15%;}*/

.content h2.sel_ques_hdng2 {font-size: 80px !important; text-align: center; width:100%;}

.container{ max-width:1070px;}

.micky2{left:0; width:16%;}

/*.ques_main{
    width:63%;
}*/

.questions{background-position:center;}

.micky{width:190px;}

.mpos {right:0; top:72%;}

.instruction{right:0; width:85%;}

.qs-form {left:36% !important;}

.dills {width:56%; margin-left:50px;}

.odrill {margin-left:72px;}

.questionsdrill1 {left:35.3%;}

.instruction {right:0; width:78%;}

.exfld {right:37px; width:220px;}



}





@media(max-width:1366px){

.dills{width:70%;}

.odrill {margin-left:84px;}

.questions2{width:86%;}

/*.ques_main{
    width:71%;
}*/

.questions2 {width:74%;}



}



@media(max-width:1024px){

#slider1{padding:0 88px 10px !important;}

.odrill {margin-left:10px;}

.questions-form{width:54%;}

.questions{width:83%; left:10%;}

.questionsdrill1 {

    left: 34.5%;

}

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

/* input[type=number] {

  -moz-appearance: textfield;

} */

button:focus {
    outline: none;
}

#slider1 .buttons {

    top:  40%;

}

.copy-right-text {

    position: absolute;

    top: 0px;

}

.bg-fade {

    background-color: #ffffff38;

}

.fullwidth {

    width: 100%;

}





.popup-black{

    position: fixed;

    height: 100%;

    width: 100%;

    background: #00000030;

    z-index: 9;

    left: 0;

    top: 0;

    display: none;

    align-items: center;

}

.freedrill{

    float: left;

    width: 100%;

    text-align: left;

    font-family: 'timeburnerregular';

    font-size: 23px;

    color: #fff;

    padding: 0 5px;

}

.relative {

    position: relative;

}

.cp {

    cursor: pointer;

}

.radiobtn {

    height: 24px;

    width: 24px;

    float: left;

    margin: 0 10px 0 0;

}

.form-check-label {

    font-size: 20px;

}
.table tr {
    cursor: pointer !important;
}
.btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff !important;
}
.btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}
.btn-dark {
    background-color: #343a40 !important;
    border-color: #343a40 !important;    
    color: #fff !important;
}
.select-info {
    padding-left: 15px !important;
}
.relativeClass {
    position: relative;
}
.lang_block {
    float: right;
    margin-left: 10px;
}
.goog-te-gadget .goog-te-combo {
    padding: 5px !important;
    max-width: 120px !important;
    font-size: 12px !important;
    margin: 4px 0;
}