/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SIMPLE FORM */
/*-------------------------------------------------------------------------------------------------------------------------------*/
form.form-one {position: relative;display: block;width: 100%;}
.form-one .input {position: relative;display: block;width: 100%;font-size: 16px;font-weight: 300;letter-spacing: 1px;color: #282828;margin-bottom: 20px;padding: 18px 20px;border: 1px solid #ecf0f1;border-radius: 5px;background-color: transparent;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.form-one .input::placeholder {color: #8c98a4;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.form-one .input:focus {border: 1px solid #2980b9;}
.form-one .input.invalid {border: 1px solid #c23616;}
.form-one .input.invalid::placeholder {color: #c23616;}
.form-one textarea.input {height: 125px;resize: none;}
/*media*/
@media(max-width: 767px){
	.form-one textarea.input {margin-bottom: 20px;height: 100px;} 
	.form-one .input {padding: 15px;}
}
@media(max-width: 575px){
	.form-one .input {margin-bottom: 10px;font-size: 15px;padding: 12px 10px;} 
	.form-one textarea.input {margin-bottom: 10px;}
	.form-one button.btn {display: block;width: 100%;} 
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FORM WITH TWO INPUTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
form.form-two {position: relative;display: block;width: 100%;}
.form-two .input-block {position: relative;display: block;width: 100%;text-align: left;}
.form-two .input-block .input {width: 49%;display: inline-block;vertical-align: top;}
.form-two .input-block .input:last-child {float: right;}
.form-two .input {position: relative;display: block;width: 100%;font-size: 16px;font-weight: 300;letter-spacing: 1px;color: #282828;margin-bottom: 20px;padding: 18px 20px;border: 1px solid #ecf0f1;border-radius: 5px;background-color: transparent;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.form-two .input::placeholder {color: #8c98a4;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.form-two .input:focus {border: 1px solid #2980b9;}
.form-two .input.invalid {border: 1px solid #c23616;}
.form-two .input.invalid::placeholder {color: #c23616;}
.form-two textarea.input {height: 125px;resize: none;}
/*media*/
@media(max-width: 767px){
	.form-two textarea.input {margin-bottom: 20px;height: 100px;} 
	.form-two .input {padding: 15px;}
}
@media(max-width: 575px){
	.form-two .input-block .input {width: 100%;display: block;}
	.form-two .input {margin-bottom: 10px;font-size: 15px;padding: 12px 10px;} 
	.form-two textarea.input {margin-bottom: 10px;}
	.form-two button.btn {display: block;width: 100%;} 
}