
.contactform  { float:left; width:100%; margin: 30px 0; }
.contactform .title { float: left; text-align: left; width: 100%; font-size: 25px; color: #000; text-transform: uppercase; font-weight: 700; line-height: 40px; margin-top: 0; margin-bottom: 20px; position: relative; }
.contactform .form-field { float: left; width:100%; margin-bottom: 16px; }
.contactform .form-field input { box-sizing: border-box; width:100%; height: 47px; border-radius:3px; font-size:14px; color:#000; border:1px solid #707070; background:transparent; padding: 9px 12px 5px; position: relative; box-sizing: border-box; }
.contactform .form-field textarea { box-sizing: border-box; width:100%; height: 178px; border-radius:3px; font-size:14px; color:#000; border:1px solid #707070; background: transparent; padding: 20px 12px; position: relative; resize:none; margin: 0; font-family: "Open Sans", sans-serif; box-sizing: border-box;  }

.contactform .form-submit { float:left; width:100%; margin-bottom: 25px; position: relative; }
.contactform .form-submit .submit-btn { padding: 14px 50px 15px; width: 100%; border-radius: 5px; border:none; background: #0087cc; color: #fff; font-size: 14px; font-weight: 400; text-align: center; cursor: pointer; box-shadow:0 3px 6px rgba(0,0,0,.16); box-sizing: border-box;  }
.contactform .form-submit .submit { background: transparent; border: none; width:100%; height: 100%; position: absolute; z-index: 9; left: 0; top:0; cursor: pointer; }
.contactform .form-submit .submit-btn:hover { box-shadow: 0 3px 10px rgba(0,0,0,.44);}
.contactform .form-submit .icon { width: 40px; height: 24px; margin: -6px; }


.text-infor { font-size:14px; line-height: 19px; color:#2F2F2F; float: left; width:60%; text-align: left; padding-right: 10px; box-sizing: border-box;  }
.text-infor a { color:#2F2F2F; text-decoration: underline; }
.text-infor a:hover { color:#0087cc; }

.contactform .form-field { position:relative; }
.contactform .form-field label { position: absolute; font-size:14px; color:#2f2f2f; width:100%; display: inline-block; cursor: text; padding: 16px 12px 0; transition: all 0.2s ease 0s; box-sizing: border-box;  }
.contactform .form-field.active label { font-size:12px; padding-top: 5px; }
.star-text { color:#0087cc; font-family: Arial; position: absolute; right:20px; top:15px; font-size: 24px; }

.contactform .form-field input.error_border { border-color:red; }
.contactform .form-field textarea.error_border { border-color:red; }

.empty_error, .wrong_error { display: none; }
.empty_error, .wrong_error { font-size:14px; color:red; display: none; margin-bottom: 15px; }
.form-success { font-size:16px; font-weight: bold; text-align: center; }
.form-success img { width:120px; margin-bottom: 35px; }
.result-text { float: left; width:100%; color: #0087cc; font-size: 20px; margin-bottom: 20px; font-weight: 700; text-align: left; }

#loader { display: none; margin: 0 auto; position: absolute; top:30px; left: 23px; transform: translateY(-50%); width:30px; }


.contactform .left-col { float:left; width:50%; padding-right: 35px; position: relative; box-sizing: border-box; }
.contactform .right-col { float:left; width:50%; padding-left: 35px; position: relative; box-sizing: border-box; }



@media (max-width:767px) {
	.contactform .left-col { float:left; width:100%; padding-right: 0px; }
	.contactform .right-col { float:left; width:100%; padding-left: 0px; }
	.contactform .form-field textarea { height:100px; }
}
