/* form styling */

.formTxt{clear:both; display:block; float:left; width:40%; margin: 0 0 25px 0; overflow:hidden; font-weight:bold;}

.contactBox .formTxt{display: none;}

.formInput{display:flex; float:left; width:60%; margin: 0 0 25px 0; overflow:hidden; flex-direction: column;}

.contactBox .formInput{width: 100%;}

.formInput input[type="text"], .formInput input[type="email"], .formInput input[type="date"], .formInput textarea{border: 1px solid #7d7d7d; padding:6px 12px; border-radius:7px;-webkit-appearance: none; width: calc(100%); }

.formInput input[type="text"]::placeholder, .formInput input[type="date"]::placeholder, .formInput input[type="email"]::placeholder, .formInput textarea::placeholder{color: #7d7d7d;}

.formInput textarea{ height:100px; }


i.required::before{content:'*'; color: red; font-style: normal; margin: 0px 5px;}

.formInput div label{margin: 0 10px;}

.formInput button[type="submit"]{  -webkit-appearance: none; outline: none; border:0; font-weight: bold;}

.error{ background:#fff; border:#c8473c 1px solid; color:#c8473c; padding:10px; margin:10px 0;}

.error li{ margin-left:25px; }

.succes{ background:#fff; border:green 1px solid; color:green; padding:10px; margin:10px 0; }

#form{position:absolute; margin-top: -200px;}


@media only screen and (max-width: 767px) {

	.formTxt{float:none; width:100%; margin: 0 0 10px 0; }

	.formInput{float:none; width:100%; margin: 0 0 25px 0; }	

	.formTxt.gone{display:none;}

	.formInput input[type="submit"]{ width:100%; }

}