*{margin:0;padding:0}
body{font-size:14px;color:#232122;font-family:"Trebuchet MS", Helvetica, sans-serif}
a{text-decoration:none}
img{border:0}
input{outline:0}
ul{list-style:none}
.file ul li,
.quiz-link ul li{margin-left:24px;list-style-type:square;padding:3px 0}
.box{float:left;width:97%;margin:15px 0;background:#fff;box-shadow:0 1px 12px #E9E9E9;border:1px solid #B3B3B3}
.odd{background-color:#F5F5F5;min-height:196px;color:#000;background-size:196px!important}
.even{background-color:#120807!important;min-height:196px;color:#fff;background-size:196px!important}
.ques{background:#1C4E71;width:100%}
.num{width:7%;text-align:center;color:#fff;font-size:24px;padding:5px;font-weight:700}
.question{font-size:16px;padding:5px;color:#fff}
.options{padding:10px}
.options li{padding:10px 3px;width:70%}
.options li input[type=radio]{display:none}
.ans{font-size:17px}
.odd .options li input[type=radio]+label span{background:url(images/button.png) -5px -5px no-repeat;display:inline-block;width:24px;height:24px;margin:-1px 4px 0 0;vertical-align:middle}
.odd .options li input[type=radio]:checked+label span{background:url(images/button.png) -39px -5px no-repeat}
.even .options li input[type=radio]+label span{background:url(images/button.png) -73px -5px no-repeat;display:inline-block;width:24px;height:24px;margin:-1px 4px 0 0;vertical-align:middle}
.even .options li input[type=radio]:checked+label span{background:url(images/button.png) -5px -40px no-repeat}
.odd .options li label p.op_value{display:inline-block;width:88%;vertical-align:top;color:black;}
.even .options li label p.op_value{display:inline-block;width:88%;vertical-align:top;color:white;}
.submit-form{text-align:center;margin-top:20px}
.submit-form input[type=submit]{background:url(images/btn-submit-normal.png);width:270px;height:63px;border:0;cursor:pointer}
.bx-img img{width:100%}
.attribution{width:95%;margin:5px auto 0;border-bottom:1px solid;background:#fff}
.source{font-size:12px;color:#6e6e6e;float:left}
.person{float:right;font-size:12px;color:#6e6e6e}
.person a,
.person a:visited{color:#6e6e6e}
.person a:hover{text-decoration:underline}
.orange{background:orange;width:30%;margin:0 auto;border-radius:29px;padding:0 16px}
.pro-banner{width:100%;max-width:692px}
.socilbut{padding:10px 2px 0 0}
.marul{margin-left:20px!important}
.cl{clear:both}
.result{background:#fff;text-align:center;width:90%;margin:0 auto}
.res-head{background:url(images/strip-header-orange.jpg);font-size:25px;font-weight:700;padding:3px 0;width:100%}
.quiz_image{position:relative;margin-bottom:15px}
.quiz_image img{width:100%;height:auto}
.res-val{position:absolute;top:30%;left:0;width:100%;font-weight:700;font-size:33px;text-shadow:2px 2px 18px #000}
.res-text{position:absolute;top:50%;left:0;font-weight:700;font-size:16px;background:orange;color:#000;width:100%}
.social-btn{font-size:15px;font-weight:700}
.btns{float:right;width:50%}
.btns img{float:left}
.try_again{float: left;width: 47%;margin-left: 5px;/*background: url(https://www.mapsofindia.com/quiz/images/button_more.png) no-repeat;height: 60px;background-size: 100%;padding-top: 15px;font-weight: 600;font-size: 26px;color: #fff;*/}
.show_result{float:right;width:47%;margin-right:5px;cursor:pointer}
.share{padding:0 10px;float:left}
.fn{padding-top:10px}
.correct{color:#0E0;padding-right:8%;background:url(images/right.png) right no-repeat}
.wrong{color:red;padding-right:8%;background:url(images/cross.png) right no-repeat}
.not_attempt{margin-left:10px;font-weight:700;color:red}
.fb_share{background:#fff;position:absolute;top:14%;right:24%;width:400px;height:325px;border:2px solid #b0b0b0;z-index:99}
.close{position:absolute;top:0;right:0;z-index:9999;cursor:pointer}
.inner_share{top:24px;width:100%;text-align:center;position:relative;font-size:30px}
.sc_title{font-size:34px;margin-bottom:10px}
.more_quiz{text-align:center;padding-top:15px;font-size:22px;font-weight:700;background:#fff;width:100%}
.older_quiz{margin-top:5px;width:47%;float:left;margin-right:2%}
.body{opacity:.8;filter:alpha(opacity=80);position:absolute;top:0;background:#000}
.promocode{width:92%;font-size:18px;margin:0 auto;padding-top:14px;font-family:sans-serif}
.input,
.pr_message,
.share_url{margin:10px auto;font-size:18px;width:320px}

@media screen and (max-width: 768px)
{
.options li {width: 65%;}

}

@media screen and (max-width: 621px)
{
.even, .odd {background-image: none!important;}
.options li {width: 100%;}
}


