/*===== MULTI STEP FORM STARTS =====*/


#fancybox-wrap{ width:520px !important; }
#fancybox-content .post-title{
	background: #fbfbfb;
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #b8b9b9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#b8b9b9));
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#b8b9b9 100%);
	background: -o-linear-gradient(top,  #fbfbfb 0%,#b8b9b9 100%);
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#b8b9b9 100%);
	background: linear-gradient(to bottom,  #fbfbfb 0%,#b8b9b9 100%);
	padding:7px 35px;
	font-weight:normal !important;
	color:#fbfbfb;
} 
#fancybox-content{ border:0 !important; width:100% !important; height:510px !important; }
#fancybox-content #top{ background-color:#fff !important; }
#fancybox-frame .post-title{
	background: #fbfbfb;
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #b8b9b9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#b8b9b9));
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#b8b9b9 100%);
	background: -o-linear-gradient(top,  #fbfbfb 0%,#b8b9b9 100%);
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#b8b9b9 100%);
	background: linear-gradient(to bottom,  #fbfbfb 0%,#b8b9b9 100%);
	padding:0 10px;
}
.multiple-step{
	padding: 0 40px;
	min-height:310px;
}
.entry .multiple-step p{
	font-weight:bold;
	font-size:23px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
}
.entry .multiple-step .heading{ padding:0 0 0; }
.multiple-step span{
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 0 0;
	display:inline-block;
}
.multiple-step .your-message,
.multiple-step .your-name, 
.multiple-step .your-email{ display:block !important; }
.multiple-step span.wpcf7-list-item{ display:block; }
#main-content .multiple-step input[type="submit"]{
	background: #f94812;
	background: -moz-linear-gradient(top,  #f94812 0%, #c33013 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f94812), color-stop(100%,#c33013));
	background: -webkit-linear-gradient(top,  #f94812 0%,#c33013 100%);
	background: -o-linear-gradient(top,  #f94812 0%,#c33013 100%);
	background: -ms-linear-gradient(top,  #f94812 0%,#c33013 100%);
	background: linear-gradient(to bottom,  #f94812 0%,#c33013 100%);
	border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-family: arial;
    font-size: 21px;
    padding: 5px 10px;
	margin:40px 0 10px;
}
#main-content .multiple-step .mini-course input[type="submit"]{
	padding:10px;
	width:100%;
}
#main-content .multiple-step br{ display:none; }
#main-content .entry .multiple-step img {
	float: right;
	margin:50px 5px 0 0;
}
#main-content .multiple-step.gender input[type="submit"]{ float:right; }
.multiple-step .required{ color:#F00; font-weight:bold; font-size:22px; }
#main-content .multiple-step label{ 
	disply:block; 
	font-weight:bold; 
	font-size:20px; 
	color:#000;
	font-family:Arial, Helvetica, sans-serif; 
}
#main-content .multiple-step input[type="text"], #main-content .multiple-step  input[type="email"]{
	border:1px solid #9fa2a6;
	color:#000;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 10px;
	box-sizing:border-box;
	width:100% !important;
}
.mini-course {
  position: relative;
}
#main-content .entry .multiple-step .mini-course  img {
	float: right;
	margin: 0 5px 0 0;
	position: absolute;
	right: -30px;
	top: 57px;
}
.entry .multiple-step .pri-policy{
	text-align:center;
	font-size:14px;
	color:#0f0424;
	font-weight:normal;
}
.entry .multiple-step .pri-policy a{
	color:#ea4a06;
}
.form-logo{ text-align:center; padding:20px 0 0; }
.form-logo img{ width:140px; }

@media ( max-width:639px ){
	
	#fancybox-outer{ background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; }
	/*#fancybox-content, #fancybox-wrap {
		height: 440px !important;
		left: 50% !important;
		margin: 0 0 0 -160px;
		top: 10px !important;
		width: 300px !important;
	}*/
	
	#fancybox-content, #fancybox-wrap {
		height:450px !important;
		left: 0 !important;
		margin: 0;
		top: 10px !important;
		width: 94% !important;
		overflow:scroll !important;
		position:relative;
	}
	.post-title{ font-size:20px; padding:7px 15px; }
	.multiple-step{ padding:0 20px; min-height:210px;  }
	.entry .multiple-step .heading{ font-size:20px; }
	.fancybox-bg{ display:none; }
	#fancybox-close{ right:0 !important; }
	#main-content .multiple-step .mini-course input[type="submit"]{ font-size:11px; margin:0; }
	.form-logo {
	  bottom:10px;
	  position: absolute;
	  width: 100%;
	}
	
}

/*===== MULTI STEP FORM ENDS =====*/