/*------------Form-------------*/
#contact-form input{
  	border: #dbdbdb solid 1px;
	width: 344px;
	background-color: #fff;
  	height: 41px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
  	padding: 13px 13px 7px;
  	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
}








#contact-form .select { border: #dbdbdb solid 1px;
	width: 344px;
	background-color: #fff;
  	height: 41px;
	

	
  	padding: 0px 13px 0px 15px;
  	margin-bottom: 15px;
	
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
}
















#contact-form textarea {
	width: 100%;
	border: #dbdbdb solid 1px;
	height: 170px;
	position: relative;
	resize: none;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
	padding: 13px 13px 7px;
}
#contact-form ._placeholder {
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	border: 1px solid transparent;
	text-align: left;
	padding: 13px 13px 7px;
	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;
	display: block;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
}
#contact-form ._placeholder.hidden {
	display: none;
}
#contact-form ._placeholder.focused {
	opacity: 0.3;
}
#contact-form label {
	position:relative;
	display: block;
	width: 100%;
	cursor: text;
}
#contact-form label.message {
	width: 100%;
	margin-left: 0;
}

#contact-form .success-message {
	border: #dbdbdb solid 1px;
	background-color: #fff;
	display: none;
	opacity: 0;
	position: absolute;
	width: 100%;
	color: #777;
	height: 45px;
	text-align: center;
	padding: 20px 10px;
	z-index: 999;
    font: 12px/14px Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

#contact-form.success .success-message {
	display: block;
	opacity: 1;
}
.success_wrapper {
	position: relative;	
}

.btns {
	margin-top: 28px;
	text-align: right;
}
.btns a {
	background: #398302;
	font-size: 14px;
	position: relative;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	padding: 10px 20px 10px;
	text-transform: uppercase;
}
.btns a+a {
	margin-left: 26px;
}
.btns a:hover {
	background: #000;
}


#contact-form .error-message,
#contact-form .empty-message {
 height: 0;
 overflow: hidden;
 font: 10px/20px Arial;
 -webkit-transition: 0.3s ease-in height;
 -moz-transition: 0.3s ease-in height;
 -o-transition: 0.3s ease-in height;
 transition: 0.3s ease-in height;
 position: absolute;
 right: 3px;
 top: 0;
 color: #E02A05;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
 height: 20px;
}




@media only screen and (max-width: 995px) {
	#contact-form label {
		float: none !important;	
		width: 100%;
	}
	#contact-form .success {
		width: 100%;
	}
	#contact-form label.email {
		width: 100%;
		margin: 0;
	}
	#contact-form input {
		width: 100%;
		float: none;
	}
}

@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;  
	} 
	#contact-form textarea {
		height: 300px !important; 
	}
	#contact-form {
	 	padding-right: 0;
	}
	.btns {
		text-align: center;
	}
	
  
}
@media only screen and (max-width: 479px) {
  	#contact-form textarea {
		height: 200px !important;  
  	}
}








input{    height:25px;   width:98%;  color:#000;  background:#FFF;  border:1px solid #CCC;  padding-left:1%;  padding-right:1%; }
textarea{  height:150px; font-family : Arial, Helvetica, sans-serif; font-size : 13px;
    width:98%;
    color:#000;
    background:#FFF;
    border:1px solid #CCC;
    padding:1%;
}

.select { border: #dbdbdb solid 1px;
	width:98%;
	background-color: #fff;
  	height: 41px;
	

	
  	padding: 0px 0px 0px 15px;
  	margin-bottom: 15px;
	
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;

}

input.error, textarea.error, select.error{
    border:1px solid #F00;
}
button{
    height:25px;
    width:25%;
    color:#FFF;
    font-weight:bold;
    background:#36739e;
    border:1px solid #CCC;
    margin-top:10px;
}
button:hover{
    background:#86c300;
    border:1px solid #CCC;
}
.required{
    color:#F00;
}


/*
.enviar {  padding:7px 12px 0 12px;  height:50px; color:#FFF;   font-weight:bold;  background:#398302;  }
.enviar:hover{  background:#86c300; border:1px solid #CCC; }
*/


.enviar { background: #398302; font-size: 14px;  margin-top:10px; height:40px;
	border-radius: 4px;
	color: #fff;

	text-transform: uppercase;
	
	transition: 0.5s ease;
-webkit-transition: 0.5s ease;
}



.enviar:hover {
	background: #004a8c;
}