/* CONTATO */
#mapa{ height:550px; width:100%;}
.contato{}

	.contato .mensagem-sucesso{ background: url('../img/message-icone.png') 30px center #f4f4f4 no-repeat; padding: 20px 50px; margin-top: 40px; font-size: 14px; line-height: 20px; padding-left: 100px;}
	.contato .mensagem-sucesso span{ font: 600 22px 'Open Sans'; color: #333; }
	.contato .mensagem-sucesso.erro{ background-image: url('../img/message-icone-erro.png');}

	.contato form{margin: 70px 0;}
		.contato form fieldset{}
			.contato form fieldset ul.form1{float: left;width: 461px;}
			.contato form fieldset ul.form2{float: right;width: 660px;}
				.contato form fieldset ul li{clear: both;margin-bottom: 10px;overflow: hidden;}
					.contato form fieldset ul li:first-child label{color:#e31f2b;}
					.contato form fieldset ul li label{font-weight: 700;text-transform: uppercase;line-height: 35px;color: #3f3f3f;display: block;float: left;width: 65px;margin-right: 20px;text-align: right;}
					.contato form fieldset ul li label.inline{margin-left: 1px;}
					.contato form fieldset ul li input{line-height: 35px;border: none;background: #f4f4f4;float: left;width: 361px;padding: 0 5px 0 10px;}
					.contato form fieldset ul li select{line-height: 35px;border: none;background: #f4f4f4;float: left;padding: 9px 5px 9px 10px;width: 25%;}
					.contato form fieldset ul li textarea{resize: none;background: #f4f4f4;border: none;height: 138px;padding: 9px 5px 9px 10px;width: 560px;}
					
					.contato form fieldset ul li input.telefone{width: 130px;}
					.contato form fieldset ul li .btn,
					.contato form fieldset ul li a.btn:link,
					.contato form fieldset ul li a.btn:active,
					.contato form fieldset ul li a.btn:visited{ float: right; display: block; padding: 10px 26px 10px 26px; color: #ffffff; background: #e41e2c; font-weight: 600; border:none; cursor: pointer;}

						.contato form fieldset ul li.checkbox{ padding:10px 0 10px 85px; }
						.contato form fieldset ul li.checkbox input[type='checkbox']{ width: auto; margin: 2px 15px 20px 0;}
						.contato form fieldset ul li.checkbox label{ width: auto; text-transform: none; font-weight: normal; line-height: normal; text-align: left; margin-right: 0;}
						.contato form fieldset ul li.checkbox label a{ color:#e41e2c; }

	.contato .encontreMapa{padding: 68px 0 67px 0;background: #f4f4f4;overflow: hidden;}
		.contato .encontreMapa .texto{float: left; width: 348px;}
			.contato .encontreMapa .texto h5{font-size: 35px; color: #2e3033; font-family: 'Open Sans'; font-weight: 300; letter-spacing: -0.02em;}
			.contato .encontreMapa .texto p{color: #a6a8ab; line-height: 22px;}
		.contato .encontreMapa address{float: left;width: 209px;margin-left: 60px;padding-left: 39px;}
			.contato .encontreMapa address span{font-weight: 600;color: #e41e2c;text-transform: uppercase;background: url(../img/contato/ondeEstamosContato.png) left center no-repeat;line-height: 27px;display: block;padding-left: 39px;margin-left: -39px;}
			.contato .encontreMapa address p{color: #2e2e31;line-height: 20px;margin-top: 11px;}
			.contato .encontreMapa address em{font-size: 14px;font-weight: 900;color: #2e2e31;margin-top: 9px;display: block;}
		.contato .encontreMapa .seuEndereco{width: 425px;float: left;padding-left: 39px;margin-left: 60px;}
			.contato .encontreMapa .seuEndereco h5{color: #2e2e31;font-weight: 600;text-transform: uppercase;background: url(../img/contato/localizacaoEnderecoContato.png) left center no-repeat;line-height: 27px;display: block;padding-left: 39px;margin-left: -39px;}
			.contato .encontreMapa .seuEndereco form{margin: 15px 0 0 0;}
				.contato .encontreMapa .seuEndereco form fieldset{}
					.contato .encontreMapa .seuEndereco form fieldset label{display: none;}
					.contato .encontreMapa .seuEndereco form fieldset input{line-height: 35px;border: none;padding:0 5px 0 10px;float: left;width: 270px;margin-bottom: 10px;}
					.contato .encontreMapa .seuEndereco form fieldset input.numero{width: 108px; margin-left: 11px;}
					.contato .encontreMapa .seuEndereco form fieldset a:link,
					.contato .encontreMapa .seuEndereco form fieldset a:active,
					.contato .encontreMapa .seuEndereco form fieldset a:visited{background: #2e2e31; color: #ffffff; font-weight: 600; padding: 0 11px; line-height: 35px; float: left; margin-left: 11px;}
					.contato .encontreMapa .seuEndereco form fieldset a:hover{background: #e41e2c;}


@media only screen and (max-width: 1180px) {

	.contato form fieldset ul.form1{ width: 100%; float: none; }
	.contato form fieldset ul.form2{ width: 100%; float: none; }
	.contato form fieldset ul li label{ text-align: left; }
	.contato form fieldset ul li label,
	.contato form fieldset ul li input,
	.contato form fieldset ul li textarea,
	.contato form fieldset ul li a
	{float: none; width: 100% !important; }
	.contato form fieldset ul li a{ text-align: center; float: none; box-sizing: border-box;}
	
	.contato .encontreMapa .centro{ display: flex; flex-wrap: wrap; justify-content: space-around;}
	.contato .encontreMapa .texto,
	.contato .encontreMapa address,
	.contato .encontreMapa .seuEndereco{ float: none; margin-left:20px; margin-right: 20px; width: auto; max-width: 450px; }
	
	.contato .encontreMapa address{ margin-top: 30px; width: auto; }
	.contato .encontreMapa .seuEndereco{ margin-top: 40px; }

}

@media only screen and (max-width: 767px) {
	.contato .encontreMapa .centro{ justify-content: flex-start; }

	.contato .encontreMapa .texto,
	.contato .encontreMapa address,
	.contato .encontreMapa .seuEndereco{ margin-right: 0; margin-left: 0; }
	.contato .encontreMapa .seuEndereco{ width: 100%; box-sizing: border-box; max-width: none;}
	.contato .encontreMapa .seuEndereco form fieldset input{ box-sizing: border-box; max-width:310px; width:60%; }
	.contato .encontreMapa .seuEndereco form fieldset input.numero{ width:35%; }
	.contato .encontreMapa .seuEndereco form fieldset a:link, .contato .encontreMapa .seuEndereco form fieldset a:active, .contato .encontreMapa .seuEndereco form fieldset a:visited{ width:35%; box-sizing: border-box; }
}

@media only screen and (max-width: 480px) {
	.contato .encontreMapa .seuEndereco form fieldset input,
	.contato .encontreMapa .seuEndereco form fieldset input.numero,
	.contato .encontreMapa .seuEndereco form fieldset a:link, .contato .encontreMapa .seuEndereco form fieldset a:active, .contato .encontreMapa .seuEndereco form fieldset a:visited{ width:100%; margin-left: 0; max-width: none; }
}
