/* Shortcode style */
.iq-clear{
	margin:0;
	padding:0;
	clear:both;
	
}

.iq-test-wrap{
	width:98% !important;
	background-color:#f9f9f9;
	border:#bebebe 1px solid;
	margin:0 auto;
	line-height:1 !important;
	max-width:700px;
	min-height:500px;
	color:#616161;
}
.iq-test-wrap a{
	text-decoration:none !important;
}
.iq-test-pad{
	padding:30px 15px 15px 15px;
	
}
.iq-test-header{
	font-size:20px;
	font-weight:bold;
	color:#7b7b7b;
	
}
.iq-test-name{
	font-size:20px;
	font-weight:bold;
	color:#7b7b7b;
	float:left;
	line-height:24px;	
}
.iq-test-name2{
	font-size:20px;
	font-weight:bold;
	color:#7b7b7b;
	line-height:24px;	
}
.iq-test-result{
	font-size:36px;
	font-weight:bold;
	color:#7b7b7b;
	text-align:center;
	line-height:24px;
	margin-bottom:5%;	
}
#countdown{
	font-size:16px;
	font-weight:bold;
	color:#7b7b7b;
	float:right;
	line-height:24px;
	
}
#iq-progressbar {
    width: 99% !important;
    background-color: #f1f1f1 !important;
    padding: 2px !important;
    margin: 25px 0 !important;
    border: 1px #c2c2c2 double !important;
    clear: both !important;
	display:inline-block !important;
}

#progress {
    background: #f1f1f1; /*-- Color of the bar --*/
    height: 15px;;
    width: 0%;
    max-width: 100%;
    float: left;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
}

#pbaranim {
    height: 15px;
    width: 100%;
    overflow: hidden;
    background: #ff9000;
}
#iq-question-wrap{
	width:100%;
	vertical-align: middle;
}
.iq-questions{
	width:48% !important;
	margin:6% 3% !important;
	background:#FFFFFF;
	border:#c0c0c0 1px solid !important;
	float:left !important;
}
.iq-questions img{
	padding-bottom:30px;

}
.iq-answers{
	width:44% !important;
	margin:auto;
	background:#ececec;
	-webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
	float:right;
}
.iq-answers-pad{
	padding:7% 7% 4% 7%;
 
}
.iq-answers img{
	width:48% !important;
	margin:0 4% 4% 0 !important;
    -webkit-box-shadow: 0px 0px 0px 1px #c2c2c2 !important;
    box-shadow: 0px 0px 0px 1px #c2c2c2 !important;
}
.iq-answers img:hover{
    -webkit-box-shadow: 0px 0px 0px 3px #FF9900 !important;
    box-shadow: 0px 0px 0px 3px #FF9900 !important;
}
.iq-answers img.sud{
	width:48% !important;
	margin:0 0 4% 0 !important;
}

.iq-top{
	margin-bottom:10px;
	clear:both;
}
.iq-answer-link{
	background:none;
}
.iq-answer-link:hover{
	background:none;
}
.iq-leave_question{
	text-align:center;
	margin:15px 0 30px 0;
	background-color:#FF9900;
	display:inline-block;
}
.iq-leave_question-div{
	margin:auto;
	text-align:center;
}
.iq-leave_question a{
	color:#FFFFFF !important;
	padding:10px 20px;
	display:block;
	background:none;

}
.iq-border-fade {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.iq-border-fade:hover, .border-fade:focus, .border-fade:active {
  box-shadow: inset 0 0 0 4px #666666, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.iq-outline-inward {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.iq-outline-inward:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.iq-outline-inward:hover:before, .iq-outline-inward:focus:before, .iq-outline-inward:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}
.iq-front-content{
	padding:15px;
	color:#7b7b7b;
	font-size:14px;
	line-height:1 !important;
}
.iq-thirds{
  margin-top:2%;
  width:50%;
  font-size:12px;
  float:left;
}
.iq-textinside{
	width:90%;
	background-color:#f1f1f1;
	margin:auto;
	-webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
	padding:3%;
}
.iq-startbutton{
	text-align:center;
	margin:15px 0 0px 0;
	background-color:#FF9900;
	display:inline-block;
}
.iq-startbutton-div{
	margin:auto;
	text-align:center;
}
.iq-startbutton a{
	color:#FFFFFF !important;
	padding:10px 20px;
	display:block;
	text-decoration:none;
	background:none;

}
.iq-startbutton a:hover{
	background:none !important;

}
.iq-select{
	width:100%;
	text-align:center;
}
.iq-select option{
	text-align:left;
}
.iq-select-text{
	font-size:16px;
	font-weight:bold;
	color:#7b7b7b;
	line-height:24px;
	margin-bottom:2%;
}
.iq-congratulation{
	font-size:16px;
	font-weight: normal;
	color:#7b7b7b;
	line-height:18px;
	text-align:center;
}
.iq-congratulation.qresult{
	margin-top:6%;
	font-size:48px;
	font-weight:bold;

}
.iq-ev{
	width:100%;
	text-align:center;
	font-size:14px;
	margin:5% 0 0 0;
}
.iq-ev2{
	width:100%;
	text-align:center;
	font-size:14px;
	margin:1% 0 0 0;
}
.iq-testid{
	width:100%;
	text-align:center;
	font-size:10px;
	margin:2% 0 0 0;
}
.iq-question_number{
	width:100%;
	text-align:center;
	font-size:14px;
	margin:5% 0 3% 0;
}
.iq-hereare{
	width:100%;
	text-align:center;
	font-size:14px;
	margin:9% 0 3% 0;
}
.iq-answers img.iq-correct {
  -webkit-box-shadow: 0px 0px 0px 3px #339900 !important;
    box-shadow: 0px 0px 0px 3px  #339900 !important;
}
.iq-answers img.iq-incorrect {
  -webkit-box-shadow: 0px 0px 0px 3px #b80000 !important;
    box-shadow: 0px 0px 0px 3px #b80000 !important;
}