@charset "utf-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);*/
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts1/OpenSans-Regular.ttf');
    font-weight:normal; 
    font-style: normal;
}

body,tr,td{ font-family: 'Open Sans', sans-serif; }
.toppart{ background:url(../images/top-part-bg.png) repeat-x top left; width:100%; height:75px;}
.toppart .container{ width:1100px; margin:0px auto;display: table;}
.toppart .container div{
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    display: table-cell;
    vertical-align: middle;
    color: #d51030;
    font-weight: 600;
	}
.count_img1{ margin-top:10px; float:right;}
.container{ width:1100px; margin:0px auto;}
.container img.rigt{ margin-top:10px; float:right;}
.clearfix{ clear:both;}
.frame_four h1{ margin:30px 0px 20px 0px;}
.logo{ color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:60px; text-decoration:none; float:right; text-transform:uppercase;}
label{ margin:20px 0px; display:block;}
input[type="text"]{background:#fff; border:#c3c3c3 2px solid; padding:5px; }
#load_html{    display: none;
    position: absolute;
    width: 600px;
    /*height: 440px;*/
    border: 2px solid #c0bfbf;
    background-color: #fff;
    border-radius: .25em;
    cursor: move;
    }
#load_html1{    display: none;
    position: absolute;
    width: 600px;
    height: 440px;
    border: 2px solid #c0bfbf;
    background-color: #fff;
    border-radius: .25em;
    cursor: move;}

.min_img{width:60%;margin: 0 25% 0 20%;border-style: none;}
button{font-size:18px;border-radius:0.25em;background: rgb(66, 184, 221);border:none;padding:5px;outline:0;text-decoration: none;cursor:pointer;text-align:left;}
.body-part{ background-color:#fff;}
/*#q_area:before{
	 background:url(../images/main.jpg) no-repeat center left;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.25;
	content: ' ';
	display: block;
	-ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
	 }*/
h1{color:#383838; font-family: 'Open Sans', sans-serif; font-size:30px; line-height:30px; display:block; margin:30px 0px 40px 0px; font-weight: bold;}
.instruction{ background:url(../images/block-red.png) no-repeat center left; padding-left:20px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block;}
.instruction-framefour{ background:url(../images/block-red.png) no-repeat center left; padding-left:20px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; margin:40px 0px 30px 0px;}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #0086cd;
  background-image: none;
  font-size: 15px;
}
/* Custom Select */
.select {
  position: relative;
  display: block;
  width: 7em;
  height: 2em;
  line-height: 2.1;
  background: #0086cd;
  overflow: hidden;
  border-radius: .25em;
}
select {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 .5em;
  color: #fff;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}
/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #4f81bd;
  pointer-events: none;
}
/* Transition */
.select:hover::after {
  color: #f39c12;
}
.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

/*select{background-color: #FFF;float:right; width: 100px;display:list-item;border-radius: }

select:hover{
	cursor: pointer;
	
	}
option{

	}
	option:hover{
	background-color: #ebedef;
	}*/
h3 {line-height:30px;}

#q_area{
	position:relative;
	/*overflow: hidden;*/
	width: 1000px;
	/*height: 420px;*/
	margin: 50px 0px 0px 0px; 
	}
	
#ques{
	width: 185px;
	position:relative;
	padding: 20px 0px 20px 0px;
	top:-11px;
	float:left;
	}	
	
	#ques1{
	width: 185px;
	position:relative;
	padding: 20px 0px 20px 0px;
	top:-11px;
	float:left;
	}	
	
#answ li img, #answ1 li img {
		width: 14%;
    display: none;
    vertical-align: middle;
    /* float: right; */
    position: relative;
    top: -31px;
    left: 108px;
/*width:16%;
display: none;
vertical-align: middle;
float:right;
margin-top:-1px;*/
	}

#ques li img, #ques1 li img {
		width: 18%;
    display: none;
    vertical-align: middle;
    /* float: right; */
    position: relative;
    top: -31px;
    left: 108px;
/*width:16%;
display: none;
vertical-align: middle;
float:right;
margin-top:-1px;*/
	}

/*#ans_yes{
	float: right;
	width: 200px;
	position:relative;
	padding: 20px 20px 20px 0px;
	 margin-right: 100px;
	}	*/

/*#ans_no{
	float: right;
	width: 200px;
	position:relative;
	padding: 20px 20px 20px 0px;
	 margin-right: 50px;
	
	}*/	
	ol{
		list-style-type: none;
		}
	
	#ques ol li{
		padding-bottom: 0px;
			height:40px;
			margin-bottom: 10px;
			line-height: 1.6em;
		}
		
		#ques1 ol li{
		padding-bottom: 0px;
			height:40px;
			margin-bottom: 10px;
			line-height: 1.6em;
		}

		
		
	#answ ol li{
		height:40px;
		padding-bottom: 0px;
		margin-bottom: 10px;
			line-height: 1.6em;
			
		}
#answ1 ol li{
		height:40px;
		padding-bottom: 0px;
		margin-bottom: 10px;
			line-height: 1.6em;
			
		}
		
		
		#answ{
			float: left;
			position:relative;
			padding: 8px 20px 0px 40px;
			/* height: 681px; */
			right: 35px;
			top: 0px;
			left:5px;
			}
			
			#answ1{
			float: left;
			position:relative;
			padding: 8px 20px 0px 40px;
			/* height: 681px; */
			right: 35px;
			top: 0px;
			left:5px;
			}

.for_btns{
	background: none repeat scroll 0 0 #fffff;
    border: 2px solid #c3c3c3;
    color: #383838;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding: 5px 20px;
    text-align: center;
    width: 150px;

	}
/*.select{
	background: none repeat scroll 0 0 #50b0ff;  
    border: 2px solid #024882;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding: 5px 20px;
    text-align: center;
    width: 150px;
	margin-bottom:5px;
	}*/
	
	.correct-option-box {
	/* background:url(../images/correct.png) no-repeat top center;
    display:black;*/
    height: 30px;
    margin-top: -25px;
    position: absolute;
    right: -2px;
    width: 30px;
  
}
	
.optionboxes{ width:100%; float:left; margin-top:40px;}
.optionbox{ width:15%; margin-right:3%; float:left;}
.graphboxes{ width:100%; float:left; margin-top:40px; display:none; height:300px;}
.graphbox{ width:15%; margin-right:3%; float:left; position:relative; height:200px;}
.graphbox span{ text-align:center; display:block; position:absolute; width:100%; font-size:13px; bottom:-30px;}
.graphbox p{ text-align:center; display:block; position:absolute; width:100%; font-size:13px; top:0px;}

.graph_btn{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; position:absolute; bottom:20px; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; left:47%; width:6%; text-align:center; cursor:pointer;}
.color-bar{ background:#060; height:0px; position:absolute; bottom:0px; width:80%; margin:0px 10%; }
.reset_btn{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; position:absolute; bottom:20px; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; left:46%; width:8%; text-align:center; cursor:pointer; display:none;}

.one{

	/* background-color:#7de431; */
	    position: absolute;
    top: -10px;
    width: 485px;
    font-weight: bold;
	}
.two{
	/* background-color:#e3a832; */
		    position: absolute;
    top: -10px;
    width: 430px;
    font-weight: bold;
	}
.three{ background-color:#328ae3;}
.four{ background:#e3323a;}


/* Slide 2 styles*/
.questions{ height:40px; margin-top:40px;}
.questions p{ float:left; line-height:30px; font-size:16px;}
.questions select{ margin:7px 3px;}
.instruction_frame2{ padding-left:0px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block;}
.instruction_frame3{ padding-left:0px; color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block;margin-top:20px}

.btn_hoder{ width:500px; margin:50px auto;}
.submit_btn{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; text-align:center; cursor:pointer; float:left; width:100px;}

.next_btn{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; text-align:center; cursor:pointer; float:left; margin:0px 20px;}

.reset_btn_rel{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; text-align:center; cursor:pointer; float:left; margin:0px 20px;}

.correct_btn{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:none; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; text-align:center; cursor:pointer; float:left;}

.submit_btn_inactive{color:#383838; cursor:default; float:left;}

.btn_hoder_four{width:500px; margin:50px auto 0px auto;}
.black_transparent{ width:100%; height:100%; background:#000; opacity:0.5;  z-index:99 !important; top:0; left:0; position:fixed; display:none;}
.image_block{ float:right; display:inline; margin-top:-120px;}

.popup{ width:350px; height:240px; margin:-120px 0px 0px -175px; position:fixed; top:50%; left:50%; background:#fff; -webkit-box-shadow: 0px 0px 35px 13px rgba(0,0,0,0.62);
-moz-box-shadow: 0px 0px 35px 13px rgba(0,0,0,0.62);
box-shadow: 0px 0px 35px 13px rgba(0,0,0,0.62); z-index:100 !important; display:none;}
.pop-header{background: url(../images/pop-header.png) repeat-x top left;
    width: 330;
    height: 49px;
    padding: 2px;
    background-size: 342px 45px;}
.pop-header span{ width:250px; line-height:42px; float:left;}
.close{ float:right; cursor:pointer;}
#close_img{ float:right; cursor:pointer;border:none;}

.pop-body{ width:310px; padding: 0px 20px;}
.pop-body p{color:#383838; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:24px;}

.correct{ background:url(../images/correct.png) no-repeat top center; width:30px; height:30px;}
.wrong{ background:url(../images/wrong.png) no-repeat top center; width:30px; height:30px;}

.qfour{ height:300px;} 
.qfour h4{ font-weight:bold; line-height:30px;}

.question-block{ display:block; width:100%;}
.question-block p{ display:block; width:100%; line-height:30px; margin:30px 0px 20px 0px;}
.selected{ background:url(../images/bullet_selected.png) no-repeat center center; width:50px; height:50px;}
.unselected{ background:url(../images/bullet.png) no-repeat center center; width:50px; height:50px;}

.answer-block{ display:block; width:100%; cursor:pointer; position:relative;}
.answer-block p{ display:inline;  line-height:20px; padding:0px 0px 0px 0px; font-size:14px;}
.answer-block h5{ display:inline;  line-height:20px; padding:5px 20px 5px 20px; font-size:14px;}


#notif{ line-height:50px; color:#ff0000; font-size:12px; font-weight:normal; padding:0px 30px;}

.orange{ color:#167b13;}
.green{ color:#ed2839;}

.reset_btn_four{color:#383838; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; display:block; background:#fff; border:#c3c3c3 2px solid; padding:5px 20px; text-align:center; cursor:pointer; float:left; margin:0px 20px; display:none;}


#dum{
	display: block;
	}
	button:focus{text-decoration: none;border:none;outline:0}

#img_view{
	margin-bottom: 20px;
	}
	.images_cont{
	margin-top: 10px
	}
	
	.quest_set2{
	    position: relative;
    float: left;
    left: 215px;
  }