* { font-family:lato }
body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
body .conteudo { width: 100%; height: 100%; position: relative; float: left; }
body .conteudo .esq { position: relative; width: 50%; height: 100%; float: left; }
body .conteudo .esq h1 { width: 100%; text-align: center; float: left; margin: 70px 0 20px; }
body .conteudo .esq h2 { float: left; width: 100%; text-align: center; font-size: 15px; font-weight: 400; margin: 0; }
body .conteudo .esq .servicos { float: left; width: 100%; position: relative; margin-top: 100px; }
body .conteudo .esq .servicos .servCenter { width: 605px; margin: auto; height: 400px; }
body .conteudo .esq .servicos .servCenter .map { float: left; width: 300px; }
body .conteudo .esq .servicos .servCenter ul { float: left; width: 290px; padding: 0 0 0px 15px; margin: 0; }
body .conteudo .esq .servicos .servCenter ul li { text-align: left; font-size: 18px; color: #1C327E; font-weight: 400; line-height: 30px; float: left; width: 100%; list-style: none; }
body .conteudo .esq .servicos .servCenter .social { position: absolute; bottom: 0; width: 201px; margin: auto; left: 0; right: 0; }
body .conteudo .esq .servicos .servCenter .social a { float: left; margin: 0 4px; }
body .conteudo .esq .tel { margin: 0; position: absolute; text-align: left; width: 100%; font-weight: 600; font-size: 18px; bottom: 70px; padding: 0 30px; box-sizing: border-box; color:#000E6C; }
body .conteudo .esq .tel .cor { font-size: 17px; color:#4E210B }
body .conteudo .esq .tel .pre { font-size: 15px; }
body .conteudo .esq address { font-size: 17px; position: absolute; width: 100%; bottom: 38px; text-align: left; font-style: normal; font-weight: 900; padding: 0 30px; }

body .conteudo .dir { position: relative; width: 50%; height: 100%; float: left; background:#1C327E; }
body .conteudo .dir h2 { z-index: 1; float: left; width: 100%; text-align: center; font-weight: bold; color: #fff; margin: 50px 0; position: relative; font-size: 32px; }
body .conteudo .dir .center { z-index:1; width: 100%; position: absolute; top: 0; bottom: 0; margin: auto; height: 468px; }
body .conteudo .dir .center form { width: 500px; margin: 0 auto; }
body .conteudo .dir .center form h3 { width: 100%; font-size: 26px; font-family: lato; color:#fff; text-align: center; text-transform: uppercase; margin: 0 0 30px; float: left; }
body .conteudo .dir .center form label { float: left; width: 100%; margin-bottom: 20px; }
body .conteudo .dir .center form label .texto { padding-right:20px; float: left; font-size: 19px; font-family: lato; color: #fff; width: 20%; line-height: 44px; margin: 0; text-align:right; box-sizing: border-box; }
body .conteudo .dir .center form label input { height: 44px; width: 80%; border-radius: 4px; border: none; padding: 10px; box-sizing: border-box; }
body .conteudo .dir .center form label textarea { height: 175px; width: 80%; border-radius: 4px; border: none; padding: 10px; box-sizing: border-box; }
body .conteudo .dir .center form .BotaoEnvia { background: #00B3CF; width: 220px; height: 48px; border-radius: 30px; font-size: 22px; text-transform: uppercase; font-weight: 900; color: #fff; border: none; box-shadow: none; margin-top: 30px; float: right; margin-right: 83px; }
body .conteudo .dir .pena { position: absolute; bottom: 40px; left: -90px; height: 86%; }
body .conteudo .dir .pena svg { height:100%; width:100% }
body .conteudo .dir .wp { position: absolute; right: 30px; bottom: 30px; width: 90px; height: 90px; }
body .conteudo .dir .wp svg { width: 100%; height: 100%; }

@media (max-width: 1700px) {
	body .conteudo .esq h1 { height: 190px; }
	body .conteudo .esq h1 svg { height: 100%; }
}

@media (max-width: 1500px) {
	body .conteudo .esq h1 { height: 130px; margin: 30px 0 20px; }
	body .conteudo .esq h2 { font-size: 13px; }
	
	body .conteudo .esq .servicos { margin-top: 30px; }
	body .conteudo .esq .servicos .servCenter { width: 509px; height: 307px; }
	body .conteudo .esq .servicos .servCenter .map { width:250px; }
	body .conteudo .esq .servicos .servCenter .map iframe { width:250px; height:250px }
	
	body .conteudo .esq .servicos .servCenter ul { width: 243px; }
	body .conteudo .esq .servicos .servCenter ul li { font-size: 15px; line-height: 25px; }
	
	body .conteudo .esq .servicos .servCenter .social { width: 151px; }
	body .conteudo .esq .servicos .servCenter .social a { width: 22px; }
	body .conteudo .esq .servicos .servCenter .social a svg { width: 100%; height:100%; }

	body .conteudo .esq .tel { bottom: 45px; padding: 0 20px; font-size: 16px; }
	body .conteudo .esq .tel .cor { font-size: 15px; color:#4E210B }
	body .conteudo .esq .tel .pre { font-size: 12px; }
	body .conteudo .esq address { bottom: 20px; padding: 0 20px; font-size: 14px }
	

	body .conteudo .dir h2 { margin: 46px 0; font-size: 22px; }
	body .conteudo .dir .center { height: 343px; }
	body .conteudo .dir .center form label { margin-bottom:10px }
	body .conteudo .dir .center form label input { height: 40px; }
	body .conteudo .dir .center form label textarea { height: 100px; }
	body .conteudo .dir .center form .BotaoEnvia { margin-top: 20px; }

	body .conteudo .dir .wp { right: 20px; bottom: 20px; width: 50px; height: 50px; }
}

@media (max-width: 730px) {
	body .conteudo .esq { position: relative; width: 100%; height: auto; float: left; }
	body .conteudo .esq h1 { height: 100px; margin: 20px 0 10px; }
	body .conteudo .esq h1 svg { width:100%; height:100% }
	body .conteudo .esq h2 { font-size: 12px; }
	body .conteudo .esq .servicos { margin-top: 30px; padding: 0 10px; box-sizing: border-box; }
	body .conteudo .esq .servicos .servCenter { width: 100%; height: auto; box-sizing: border-box; float: left; }
	body .conteudo .esq .servicos .servCenter .map { width: 50%; height: 293px; }
	body .conteudo .esq .servicos .servCenter .map iframe { width: 100%; height: 100%; }
	body .conteudo .esq .servicos .servCenter ul { width: 50%; padding: 0 0 0 17px; margin-bottom: 60px; box-sizing: border-box; }
	body .conteudo .esq .servicos .servCenter ul li { font-size: 13px; line-height: 15px; text-align: left; margin-bottom: 10px; list-style: disc; }
	body .conteudo .esq .tel { bottom: 0px; padding: 0 20px; font-size: 16px; position: relative; float: left; margin-bottom: 7px; }
	body .conteudo .esq address { bottom: 0; padding: 0 20px; font-size: 14px; position: relative; float: left; margin-bottom: 20px; }
	body .conteudo .esq .servicos .servCenter .social { width: 151px; bottom: 17px; }


	body .conteudo .dir { width: 100%; height: auto; }
	body .conteudo .dir h2 { margin: 20px 0; font-size: 17px; }
	body .conteudo .dir .center { height: auto; float: left; position: relative; padding: 0 20px; box-sizing: border-box; }
	body .conteudo .dir .center form { width: 100%; float: left; }	   
	body .conteudo .dir .center form label .texto { width: 100%; float: left; text-align: left; }
	body .conteudo .dir .center form label input { height: 40px; width: 100%; }
	body .conteudo .dir .center form label textarea { width:100%; height: 100px; }
	body .conteudo .dir .center form .BotaoEnvia { width: 100%; margin: 20px 0 110px; }

	body .conteudo .esq address { font-size: 13px; display:none }
	body .conteudo .esq address.mob { box-sizing: border-box; display:block !important }
}