main{
	padding-top: 102px;
}
.banner{
	width: 100%;
	background-image: url('../imagens/contato/banner.png');
	background-size: cover;
	background-position: center center;
	z-index: 10;
	position: relative;
}
.banner .container{
	display: grid;
	grid-template-columns: 55% 45%;
	justify-items: stretch;
	align-items: stretch;
	column-gap: 30px;
	row-gap: 50px;
}	
.banner .texto{
	padding: 100px 0;
	gap: 30px;
}
.banner .texto .txt-1{
	width: 100%;
	gap: 20px;
}
.banner .texto .txt-1 p{
	max-width: 550px;
	width: 100%;
	font-weight: 300;
	font-size: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
}
.banner .texto .infos{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
    justify-items: stretch;
    align-items: stretch;
    gap: 50px;
}
.banner .texto .infos h5{
	font-size: 22px;
}
.banner .texto .infos .info-1{
	width: 100%;
	gap: 15px;
}
.banner .texto .infos .info-1 .endereco{
	width: 100%;
	gap: 15px;
}
.banner .texto .infos .info-1 .endereco a{
	display: flex;
	align-items: center;
	gap: 15px;
	font-weight: 300;
	color: #fff;
	transition: ease .3s;
}
.banner .texto .infos .info-2{
	width: 100%;
	gap: 15px;
}
.banner .texto .infos .info-2 .redes{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 20px;
	row-gap: 20px;
}
.banner .texto .infos .info-2 .redes a{
	color: #fff;
	font-weight: 300;
	display: flex;
	align-items: center;
	gap: 15px;
	transition: ease .3s;
}/* 
.banner .texto .infos .info-2 .redes a:nth-child(1){
	grid-column: 1;
    grid-row: 1;
}
.banner .texto .infos .info-2 .redes a:nth-child(2){
	grid-column: 1;
    grid-row: 2;
}
.banner .texto .infos .info-2 .redes a:nth-child(3){
	grid-column: 1;
    grid-row: 3;
}
.banner .texto .infos .info-2 .redes a:nth-child(4){
	grid-column: 2;
    grid-row: 1;
}
.banner .texto .infos .info-2 .redes a:nth-child(5){
	grid-column: 2;
    grid-row: 2;
} */
.banner .texto .txt-2{
	width: 100%;
	margin-top: 30px;
}
.banner .texto .txt-2 p{
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 15px;
}

.banner .formulario{
	width: 100%;
	align-self: self-end;
	margin-bottom: -100px;
	background-color: #004a7a;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
}
.banner .formulario .botoes{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    justify-items: stretch;
    align-items: stretch;
}
.banner .formulario .botoes button{
	padding: 25px 10px;
	color: #ffffff75;
	font-size: 21px;
	background-color: var(--bg4);
	transition: ease .3s;
}
.banner .formulario .botoes button:hover,
.banner .formulario .botoes button.ativo{
	background-color: #004a7a;
	color: #fff;
	transition: ease .3s;
}
.banner .formulario .botoes button:nth-child(1){
	border-top-left-radius: 30px;
}
.banner .formulario .botoes button:nth-child(2){
	border-right: 2px solid #00000030;
	border-left: 2px solid #00000030;
}
.banner .formulario form{
	display: none;
	flex-direction: column;
	gap: 10px;
	padding: 25px;
}
.banner .formulario form.ativado{
	display: flex!important;
}
.banner .formulario form h4{
	color: #fff;
	margin-bottom: 30px;
}
.banner .formulario form h4 span{
	font-weight: 600;
	color: #fff;
	font-size: 31px;
}
.banner .formulario form input{
	width: 100%;
	height: 73px;
	padding: 20px;
	font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.banner .formulario form textarea{
	padding: 20px;
	font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.banner .formulario form button{
	max-width: 400px;
	width: 100%;
	height: 82px;
	margin: auto;
	background-color: var(--primaria);
	color: #fff;
	font-size: 31px;
	border-bottom-right-radius: 30px;
	-webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.30);
	box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.30);
	margin-top: 40px;
	transition: ease .3s;
}
.banner .formulario form button:hover{
	color: var(--primaria);
	background-color: var(--bg1);
	transition: ease .3s;
}


.mapa{
	width: 100%;
	padding: 200px 0 100px;
	background-color: var(--bg1);
}
.mapa .container{
	display: grid;
	grid-template-columns: 474px calc(100% - 494px);
    justify-items: stretch;
    align-items: stretch;
    column-gap: 20px;
	row-gap: 20px;
}
.mapa .texto{
	width: 100%;
	gap: 20px;
	padding-top: 50px;
}
.mapa .texto h2{
	font-weight: 700;
}
.mapa .texto div{
	width: 100%;
	padding: 25px;
	border-radius: 20px;
	border: 1px solid #00000020;
	background-color: #fff;
}
.mapa .texto div a{
	display: flex;
	align-items: center;
	gap: 15px;
	color: var(--cor-1);
}
.mapa iframe{
	width: 100%;
	height: 585px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border: 1px solid #00000020;
}


.formulario-footer{
	display: none;
}


/* MEDIA DESKTOP */
@media screen and (max-width: 1500px){
	.banner .texto .infos .info-2 .redes{
		grid-template-columns: 1fr;
	}
	/* .banner .texto .infos .info-2 .redes a:nth-child(1){
		grid-column: 1;
	    grid-row: 1;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(2){
		grid-column: 1;
	    grid-row: 2;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(3){
		grid-column: 1;
	    grid-row: 3;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(4){
		grid-column: 1;
	    grid-row: 4;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(5){
		grid-column: 1;
	    grid-row: 5;
	} */
}

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

}

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

}

@media screen and (max-width: 1200px){
	.banner .container{
		grid-template-columns: 1fr;
	}
	/* .banner .texto .infos .info-2 .redes{
		grid-template-columns: 1fr 1fr;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(1){
		grid-column: 1;
	    grid-row: 1;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(2){
		grid-column: 1;
	    grid-row: 2;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(3){
		grid-column: 1;
	    grid-row: 3;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(4){
		grid-column: 2;
	    grid-row: 1;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(5){
		grid-column: 2;
	    grid-row: 2;
	} */
	.banner .formulario{
		max-width: 700px;
		margin: 0 auto -100px;
	}


	.mapa .container{
		grid-template-columns: 1fr;
	}
}

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

}

/* MOBILE */
@media screen and (max-width: 1000px){
    
}

@media screen and (max-width: 800px){
    .banner .texto .infos{
    	grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 600px){
    /* .banner .texto .infos .info-2 .redes{
		grid-template-columns: 1fr;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(1){
		grid-column: 1;
	    grid-row: 1;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(2){
		grid-column: 1;
	    grid-row: 2;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(3){
		grid-column: 1;
	    grid-row: 3;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(4){
		grid-column: 1;
	    grid-row: 4;
	}
	.banner .texto .infos .info-2 .redes a:nth-child(5){
		grid-column: 1;
	    grid-row: 5;
	} */

	.banner .formulario form h4 span{
		font-size: 27px;
	}
	.banner .formulario .botoes button{
		font-size: 16px;
	}

	.mapa .texto h2{
		text-align: center;
	}
}

@media screen and (max-width: 400px){
	.banner .texto .infos .info-1 .endereco a img{
		width: 30px;
	}
}

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

}