/*custom font*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
     /*basic reset*/
*{ margin: 0; padding: 0; box-sizing: border-box; }
body {  font-family: 'Open Sans'; }
.mr20{margin-right:20px;}
.text-red{color:#f00;}
.fs14{font-size:14px;}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px; margin-top:20px;}
.error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px; margin-top:20px;}
.wid50{width:50%; float: left;}
.bg-gray{background-color: #f2f2f2;}
.py40{padding:40px 0;}
.pr15{padding-right:15px;}
.pull-left{float: left;}
.pull-right{float: right;}
.list-data{list-style:none; padding:0; margin:0; text-align:left;}
.list-data li{position:relative; padding-left:20px; margin-bottom:10px;}
.list-data li small{position:absolute; left:0; font-size:14px;}
#msform .check-style input{width:auto;}
#msform .check-style small{padding-left:6px; font-size: 14px;}
#msform .terms-box {position: relative;  padding-left: 25px; text-align: left; margin-bottom: 15px;}
#msform .terms-box input{position: absolute; left: 0}
#msform .terms-box  small{padding-left:0;}
.fixed-scroll{ 
  background-color: #ffff;
  border: solid 1px #ccc;
  height: 450px;
  overflow-y: auto;
  padding: 20px;
  margin-bottom: 15px;
  color: #666;
  font-size: 14px;
  text-align: left;
  border-radius: 4px;
}
.hov1{color: #0e76bc !important;} 
.clearfix::before{ 
  display: table;
  content: " ";
}
.clearfix::after{
  display: table;
  content: " ";
  clear: both;
}
/*form styles*/
.fusion-row {max-width: 1100px; margin:0 auto;}
#msform {
  width: 70%;
  margin: 0px auto;
  text-align: center;
  position: relative;
  font-size:14px;
}
#msform fieldset {
  border: 0 none;
  border-radius: 3px;
  width: 70%;
  margin: 0 auto;

  /*stacking fieldsets above each other*/
  position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}
/*inputs*/
#msform input, #msform textarea, #msform select{
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 15px;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Open Sans';
  color: #2C3E50;
  font-size: 13px;
}
/*buttons*/
#msform .action-button {
  width: 100px;
  background: #0e76bc;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
  background: #083f88;
}
#msform .action-button.previous {
  background: rgba(51, 51, 51, 0.74);
}
#msform .action-button.previous:hover, #msform .action-button.previous:focus {
  background: #333;
}
/*headings*/
.fs-title {
  font-size: 16px;
  text-transform: uppercase;
  color: #21252b;
  margin-bottom: 20px;
}
.fs-title span{
  color: #0e76bc;
  text-transform: capitalize;
}
.sub-title{
 color: #21252b;
 font-size: 16px;
 margin-bottom: 15px;
 text-align: left;
}
.form-content{
	text-align:left;
	font-size:14px;
	margin-bottom:8px;
	margin-top:10px;
}

/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step; padding-left: 0px;
}
#progressbar li {
  list-style-type: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 9px;
  width: 20%;
  float: left;
  position: relative;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 32px;
  line-height: 27px;
  display: block;
  font-size: 14px;
  color: #0e76bc;
  background: white;
  border-radius: 50%;
  margin: 0 auto 5px auto;
  position: relative;
  z-index: 1;
  border: solid 2px #0e76bc;
}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 4px;
  background: #0e76bc;
  position: absolute;
  left: -50%;
  top: 14px;
  z-index: 0; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before {
  background: #79bce8;
  color: #fff;
}
#progressbar li.active:after{
  background: #0e76bc;
}

#msform .terms-wrapper .terms-box small{color:#bf1e2d;}
.terms-wrapper p{margin-bottom:10px; font-size:14px;}
.terms-wrapper ul{margin-bottom:15px; display:block;list-style: none;list-style-position: inside;}

.recaptcha-box{padding:0; overflow:hidden;}
.recaptcha-box .title-cap{padding:10px 5px; font-size:14px; color:#666;}
.recaptcha-box .g-recaptcha{padding:15px 10px;}
.recaptcha-box .g-recaptcha > div{margin:0 auto;}


.error1{
   -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  position: absolute;
  left: 100%;
  margin-top: -58px;
  padding: 0 10px;
  height: 39px;
  display: block;
  color: #ffffff;
  background: rgba(255, 0, 0, 0.82);
  border: 0;
  font: 14px Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  line-height: 39px;
  white-space: nowrap;

}

.error1:before{
    width: 0;
  height: 0;
  left: -8px;
  top: 14px;
  content: '';
  position: absolute;
  border-top: 6px solid transparent;
  border-right: 8px solid rgba(255, 0, 0, 0.82);
  border-bottom: 6px solid transparent;
}

.error-log{
    margin: 5px 5px 5px 0;
  font-size: 19px;
  position: relative;
  bottom: -2px;
}

@media(max-width:800px){
	#msform{width:70%;}
	/*move error logs */
	.error1 {
	  position: relative;
	  left: 0 !important;
	  margin-top: 5px;
	  top: -11px;
	  text-align:left;
	}
	
	.error1:before {
	  width: 0;
	  height: 0;
	  left: 14px;
	  top: -14px;
	  content: '';
	  position: absolute;
	  border-left: 6px solid transparent;
	  border-bottom: 8px solid #e62163;
	  border-right: 6px solid transparent;
	  }

}
	
@media(max-width:640px){
	#msform{width:100%;}
}

@media(max-width:480px){
.recaptcha-box .g-recaptcha > div{-webkit-transform:scale(0.77) translate(-6%); -moz-transform:scale(0.77) translate(-6%); transform:scale(0.77) translate(-6%);}
}
