.img-center {margin:0 auto;}
.all {background: url(../../img/site/bgs/areas-default-bg.jpg) center top;overflow:hidden;}

.topo .top-img {position:relative;float:left;width:100%;height:499px;background: url(../../img/site/bgs/pages-top-bg.jpg) center top no-repeat; background-size: cover; }
@media (max-width: 1200px) {.topo .top-img  {height:400px;}}
@media (max-width: 992px) {.topo .top-img  {height:350px;}}
@media (max-width: 768px) {.topo .top-img {height:300px;}}
.topo .banner-line {position:relative;float:left;width:100%;height:5px;background: #0bacbf;margin:0;border:none;}

#contato {position:relative;float:left;width:100%;height:100%;padding:40px 0 100px 0;}
#contato .contato-text {position:relative;float:left;color:#fff;font-size:16px;line-height:18px;margin-bottom:10px;}
#contato .form-contato { position: relative; float: left; width: 100%; margin: 0 0 0;color:#fff;font-family: 'Roboto', sans-serif;padding-bottom:30px;}
#contato .form-contato input { position: relative; float: left; width: 100%; height: 40px; padding: 0 12px; margin: 0 0 14px; border: none;background:#fff; font-size:16px;color:#000;}
#contato .form-contato textarea { position: relative; float: left; width: 100%; height: 124px; padding: 10px 12px; margin: 0 0 14px; border: none;background:#fff;  font-size:16px;color:#000; resize: none;}
#contato .form-contato button { position: relative; float: left; width: 100%; height: 40px; background: #fff; border: 0 none; font-weight: 300; font-size: 20px; color: #000; text-transform: uppercase; }
#contato .form-contato button:hover {opacity:0.6;}
#contato .form-contato ::-webkit-input-placeholder { opacity: 0.9; color: #000; text-transform: uppercase;font-size:14px; }
#contato .form-contato :-moz-placeholder { opacity: 0.9; color: #000; text-transform: uppercase;font-size:14px; }
#contato .form-contato ::-moz-placeholder { opacity: 0.9; color: #000; text-transform: uppercase;font-size:14px; }
#contato .form-contato :-ms-input-placeholder { opacity: 0.9; color: #000; text-transform: uppercase;font-size:14px; }
#contato .form-contato .erro {position:relative;float:left;font-size:20px;color:#fff;text-transform:uppercase;text-align:center;margin-top:60px;}


#contato .contact-info {position:relative;width:400px;margin:200px auto;}
#contato .address { position: relative; float: left; width: 400px;  margin: 0 0 0 10px; padding: 10px 0 0 60px; background: url(../../img/site/icon-address.png) 0 center no-repeat; font-style: normal; font-weight: 300; font-size: 20px;  color: #fff; }
#contato .phones { position: relative; float: left; width: 400px;  margin: 12px 0 0 10px; padding: 0 0 0 60px; background: url(../../img/site/icon-phone.png) 0 center no-repeat; font-style: normal; font-weight: 300; font-size: 20px; line-height: 50px; color: #fff; }
#contato .mail { position: relative; float: left; width: 300px;  margin: 20px 0 0 10px; padding: 0 0 0 60px; background: url(../../img/site/icon-mail.png) 0 center no-repeat; font-style: normal; font-weight: 300; font-size: 20px; line-height: 50px; color: #fff; }

@media (max-width: 992px) {
	#contato .contato-text {font-size:16px;line-height:20px;}
	#contato .address {font-size: 17px;}
	#contato .phones {font-size: 17px;}
	#contato .mail {font-size: 17px;}
}

@media (max-width: 768px) {
	#contato {padding:40px 0 50px 0;}
	#contato .contact-info {position:relative;width:400px;margin:40px auto;}
}
@media (max-width: 340px) {
	#contato {padding:40px 0 50px 0;}
	#contato .contact-info {position:relative;float:left;width:100%;margin-top:40px;overflow:hidden;}
}