
/* Contact Form Close icon 
========================================================*/
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}


/* === Remove input autofocus webkit === */ 
*:focus { 
  outline: none; 
}
   /* === Form Typography === */
.contact_form h2, .contact_form label {
 font-family: 'Poppins', sans-serif; 
} 

.form_hint, .required_notification { 
  font-size: 11px; 
}

/* === List Styles === */ 
.contact_form ul { 
  width: 750px; 
list-style-type: none; 
list-style-position: outside;
 margin: 0px; 
 padding: 0px;
 } 

.contact_form li {
 padding: 12px; 
 border-bottom: 1px solid #eee; 
position: relative;
 } 

.contact_form li:first-child, .contact_form li:last-child {
 
 } 

/* === Form Header === */ 
.contact_form h2 { 
  margin: 0; 
display: inline; 
} 

.required_notification { 
  color: #d45252; 
margin: 5px 0 0 0; 
display: inline;
 float: right;
 }


/* === Form Elements === */ 
.contact_form label { 
  width: 150px;
 margin-top: 3px;
 display: inline-block;
 float: left;
 padding: 3px;
 } 

.contact_form input { 
  /*height: 20px;*/
  height: 32px;
 /*width: 220px; */
 padding: 5px 8px; 
} 

.contact_form textarea { 
  /*padding: 8px; */
  /*width: 300px; */
}
/* Contact Form Select
========================================================*/
.contact_form select{ 
   background-color:#FFFFFF;
   border:solid 1px #A9A9A9;
   font-size:14px;
   color:#000000;
   -moz-border-radius:0px;
   -webkit-border-radius:0px;
   border-radius:0px;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:5px;
   padding-right:5px;
}

input {
    line-height: normal !important;
}

.contact_form button { 
  /*margin-left: 149px; */
}

/* form element visual styles */ 
.contact_form input, .contact_form textarea {
 border: 1px solid #aaa;
 box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
 border-radius: 2px; 
 padding-right: 30px; 
 -moz-transition: padding .25s; 
 -webkit-transition: padding .25s; 
 -o-transition: padding .25s; 
 transition: padding .25s;
 font-size: 12px;
 }

input[type=checkbox] {
	box-shadow: 0px 0px 3px #000, 0 10px 15px #eee inset;
} 

.contact_form input:focus, .contact_form textarea:focus { 
  background: #fff; 
border: 1px solid #555;
 box-shadow: 0 0 3px #aaa;
 /*padding-right: 70px; */
 } 
 /* === HTML5 validation styles === */ 
.contact_form input:required, .contact_form textarea:required { 
  background: #fff url(images/red_asterisk.png) no-repeat 98% center;
 }

.contact_form input:required:valid, .contact_form textarea:required:valid { 
  background: #fff url(images/valid.png) no-repeat 98% center;
 box-shadow: 0 0 5px #5cd053; 
 border-color: #28921f; 
} 

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
 background: #fff url(images/invalid.png) no-repeat 98% center;
 box-shadow: 0 0 5px #d45252; 
 border-color: #b03535;
  } 



/* === Form hints === */ 
.form_hint { 
  background: #d45252;
  border-radius: 3px 3px 3px 3px;
  color: white;
  margin-left: 8px; 
  padding: 1px 6px; z-index: 999;
  /* hints stay above all other elements */ 
  position: absolute; 
  /* allows proper formatting if hint is two lines */
  display: none;
  } 



 .form_hint::before {
  content: "\25C0"; 
  color: #d45252; 
 position: absolute; 
 top: 1px; 
 left: -6px; 
}

 .contact_form input:focus + .form_hint { 
  display: inline;
  } 

 .contact_form input:required:valid + .form_hint { 
  background: #28921f; 
} 

 .contact_form input:required:valid + .form_hint::before { 
  color: #28921f; 
} 

 /* === Button Style === */
  button.submit { 
    background-color: #68b12f; 
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e)); 
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
   background: -moz-linear-gradient(top, #68b12f, #50911e); 
   background: -ms-linear-gradient(top, #68b12f, #50911e); 
  background: -o-linear-gradient(top, #68b12f, #50911e); 
  background: linear-gradient(top, #68b12f, #50911e); 
  border: 1px solid #509111; border-bottom: 1px solid #5b992b; 
  border-radius: 3px; 
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  -ms-border-radius: 3px; 
  -o-border-radius: 3px; 
  box-shadow: inset 0 1px 0 0 #9fd574; 
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset;
   -moz-box-shadow: 0 1px 0 0 #9fd574 inset; 
   -ms-box-shadow: 0 1px 0 0 #9fd574 inset; 
  -o-box-shadow: 0 1px 0 0 #9fd574 inset; 
  color: white;
   font-weight: bold; 
   padding: 6px 20px; 
  text-align: center; 
  text-shadow: 0 -1px 0 #396715; 
}

  button.submit:hover { 
    opacity: .85;
   cursor: pointer; 
 }

  button.submit:active { 
    border: 1px solid #20911e; 
  box-shadow: 0 0 10px 5px #356b0b inset; 
  -webkit-box-shadow: 0 0 10px 5px #356b0b inset; 
  -moz-box-shadow: 0 0 10px 5px #356b0b inset; 
  -ms-box-shadow: 0 0 10px 5px #356b0b inset; 
  -o-box-shadow: 0 0 10px 5px #356b0b inset; 
} 

.btn-wrap {
	text-align: right;
}

.modal-header .close {
    margin-top: -10px !important;
}
.modal-body p {
	line-height: 25px !important;
	font-size: 15px !important;
}