#form { padding-top: 5px; }
#form input { width: 100%; height: 32px; float:left; background: #fff; box-sizing: border-box; -webkit-appearance: none; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ color: #777777; font: 13px/18px 'Roboto', sans-serif; border: 1px solid #d9d9d9; padding: 6px 13px 8px; }
#form textarea { width: 100%; height: 274px; background: #fff; position: relative; resize:none; overflow: hidden; box-sizing: border-box; -webkit-appearance: none; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ float:left; margin: 0; color: #777777; font: 13px/18px 'Roboto', sans-serif; border: 1px solid #d9d9d9; padding: 6px 13px 8px; }
#form ._placeholder { transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; color: #777777; font: 13px/18px 'Roboto', sans-serif; border: 1px solid transparent; padding: 6px 13px 8px; height: 32px !important; width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ position: absolute; right: 0; top: 0; bottom: 0; left: 0; cursor: text !important; display: block; }
#form ._placeholder.hidden { display: none; }
#form ._placeholder.focused { opacity: 0.3; }
#form .message ._placeholder { height: 100% !important; }
#form label { position:relative; display: block; min-height: 42px; float: left; clear: left; width: 100%; }
#form label+label { }
#form label.message { width: 100%; margin-left: 0; }
#form .error-message, #form .empty-message { color: #E02A05; font-size: 11px; line-height:14px; width:auto; position: absolute; z-index: 999; top: 10px; opacity: 0; right: 5px; float:left; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
/*#form .message .error-message, #form .message .empty-message {
	bottom: -16px;
}*/
#form .invalid .error-message, #form .empty .empty-message { opacity: 1; }
.btns { margin-bottom: 10px; text-align: left; padding-top: 24px; }
.btns a.btn { margin: 0 17px 0 0 !important; display: inline-block; }
.phone { position: relative; }
.message br { height: 0; line-height: 0; }
#form .success-message { display: none; opacity: 0; position: absolute; border: 1px solid #d9d9d9; background: #fff; width: 100%; color: #777777; font-size: 13px; height: 74px; text-align: center; padding: 25px 10px; z-index: 999; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
#form.success .success-message { display: block; opacity: 1; }
.success_wrapper { position: relative; }
 @media only screen and (max-width: 995px) {
 #form {
}
 #form label {
 float: none !important;
 width: 100%;
 margin-left: 0 !important;
}
 #form input {
 margin-bottom: 10px;
}
 #form .success-message {
 width: 100%;
}
 .btns {
 padding-right: 0;
}
 #form label.email {
 width: 100%;
 margin: 0;
}
 .map figure {
 float: left !important;
 margin-right: 0px !important;
}
}
 @media only screen and (max-width: 767px) {
 .map figure {
 width: 100% !important;
 float: none !important;
 display: block !important;
 margin-right: 0px !important;
}
 .btns {
 padding-bottom: 0;
}
 #form textarea {
 height: 300px !important;
}
 #form {
 padding-right: 0;
}
}
@media only screen and (max-width: 479px) {
 #form textarea {
 height: 200px !important;
}
}