/*	---------------- GERAL ---------------- */
*{box-sizing:border-box}

html{height:100%; width:100%;-webkit-backface-visibility:hidden !important;}
body {margin:0; min-width:322px; background:#FFF; overflow-y:scroll;font-family: 'Archivo', sans-serif; font-weight: 400; color:#000; height: 100%; font-size:14px; -webkit-backface-visibility:hidden; overflow-x:auto; -webkit-backface-visibility:hidden !important;} 

input, select, textarea {outline-style:none; font-family: 'Archivo', sans-serif; font-size:14px}
h1,h2,h3{padding:0; margin:0; font-weight:400}
hr {color: #4B4B4B}

a {outline : none; text-decoration: unset; color: inherit;}
a img {outline : none;}
img {border : 0; outline: 0;}
input, button, select, textarea{outline: 0;}
div:focus {outline: 0;}

.div-erro {float:left; width:100%; text-align:center; color:#cc0000; margin-bottom:20px; display:none}

.alignCenter {*position: absolute; top: 50%;display: table-cell;vertical-align: middle;}

.centralizar_site {display:inline-block; width:calc(100% - 40px); margin-left:20px; margin-right:20px; max-width:1180px; height:100%} 

.ancora_wp {width: 60px; height: 60px;border-radius: 80px;background: #55cd6c;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);background-position: center center;position: fixed;background-repeat: no-repeat;background-size:28px; background-image: url('../imagens/whatsapp.svg');right: 20px;bottom: 20px;transition: .3s;z-index: 999999; cursor:pointer;}

.ancora_wp:hover {background-color:#36ac4e;}

.BordaDourada{background: #FFF !important;}
.BordaVermelha{background: #ffd6da !important;}
/*	---------------- /GERAL  ---------------- */


/*	---------------- TOPO  ---------------- */
#Topo {float:left; width:100%; text-align:center; text-align:center; padding:10px 10px; height:80px; background:#EDCD1F; z-index:999; position:fixed; top: 0}

#Topo .Logotipo {float:left; width:30%; text-align:left; height:100%;}
#Topo .Logotipo img {width:auto; height:55px; cursor:pointer}

#Topo .Menus {float:right; width:70%; text-align:right; height:100%; display:flex; justify-content: flex-end; align-items: center;}
#Topo .MenuLink {float:left; width:auto; font-size:17px; font-weight:500; margin:0px 15px}
#Topo .MenuLink:hover {color:#2a435b; cursor:pointer}


#Banner {float:left; width:100%; text-align:center; height:550px; margin:0px; background-image:url('../imagens/banner.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative; margin-top:80px;}

#Banner .FiltroImg {float:left; width:100%; height:100%; position:absolute; left:0px; top:0px; text-align:center; background-color:rgba(30, 45, 59, 0.5);}

#Banner .BlocoEsq {float:left; width:51%; height:100%}

#Banner .Centralizar{float:left; text-align:center; width:100%; height:100%; display: flex; justify-content:flex-end; flex-direction: column;}

#Banner .Titulo {float:left; width:100%; margin-bottom:90px; text-align:left; font-weight:700; font-size:50px; line-height:55px; color:#FFF; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); position:relative; z-index:2}
/*	---------------- TOPO  ---------------- */



/*	---------------- CONTEUDO  ---------------- */

/* secao1 */
#Secao1 {float:left; width:100%; text-align:center; height:auto; margin:80px 0px; background-color:#FFF; position:relative}

#Secao1 .BlocoEsq {float:left; width:calc(60% - 30px); margin-right:30px}
#Secao1 .Video {float:left; width:100%}
#Secao1 .Video video {border-radius:8px;}

#Secao1 .BlocoDir {float:right; width:40%}
#Secao1 .Centralizar{float:left; text-align:center; width:100%; height:100%; display: flex; justify-content:center; flex-direction: column;}
#Secao1 .Titulo {float:left; width:100%; text-align:left; font-weight:700; font-size:24px; line-height:30px; margin-bottom:16px; color:#1E2D3B;}
#Secao1 .Texto {float:left; width:100%; text-align:left; font-size:15px; margin-bottom:5px; color:#4A4A4A; line-height:22px}


/* secao2 */
#Secao2 {float:left; width:100%; text-align:center; height:auto; margin:0px; padding:50px 0px 30px 0px; background-color:#1E2D3B}

#Secao2 .Titulo {float:left; width:100%; text-align:left; font-weight:700; font-size:30px; margin-bottom:10px; color:#FFF}

#Secao2 .Fotos {float:left; width:100%; text-align:center; padding:30px 0px; margin-bottom:20px;}

#Secao2 .ImgGaleria {float:left; background-repeat: no-repeat; background-size: cover; height:210px; background-position: center center; transition: transform 0.5s, filter 0.5s; border-radius:5px; margin:10px 10px}
#Secao2 .ImgGaleria.tam1 {width:calc(40% - 20px)}
#Secao2 .ImgGaleria.tam2 {width:calc(30% - 20px)}
#Secao2 .ImgGaleria:hover {filter: grayscale(0.5); transform: scale(1.01); cursor:pointer}

#Servicos {float:left; width:100%; height:10px;}

/* secao3 */
#Secao3 {float:left; width:100%; text-align:center; height:auto;}

#Secao3 .Fotos {float:left; width:100%; text-align:center}

#Secao3 .ImgGaleria {float:left; width:350px; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: transform 0.5s, filter 0.5s; margin:0px; border:1px solid #FFF}
#Secao3 .ImgGaleria.tam1 {height:300px}
#Secao3 .ImgGaleria.tam2 {height:200px}
#Secao3 .ImgGaleria:hover {filter: grayscale(1); transform: scale(1.01);}


/* secao4 */
#Secao4 {float:left; width:100%; text-align:center; height:auto; padding:80px 0px; background-color:#F2F5F9; position:relative}

#Secao4 .Titulo {float:left; width:100%; text-align:left; font-weight:700; font-size:30px; margin-bottom:10px; color:#1E2D3B}

#Secao4 .Empresas {float:left; width:100%; text-align:left; margin-top:20px}
#Secao4 .ImgEmpresa {float:left; width:190px; height:115px; border-radius:8px; background-color:#F2F5F9; transition: transform 0.5s,; border:1px solid #A6BDD2; text-align:center; display:flex; align-items: center; justify-content: center; margin:0px 5px}
/* #Secao4 .ImgEmpresa {float:left; height:115px; border-radius:8px; background-color:#F2F5F9; transition: transform 0.5s,; border:1px solid #A6BDD2; text-align:center; display:flex; align-items: center; justify-content: center; margin:0px 5px} */
#Secao4 .ImgEmpresa img {height:35px; width:auto; transition: transform 0.5s, filter 0.5s}
#Secao4 .ImgGaleria img:hover {transform: scale(1.01);}


/* secao5 */
#Contato {float:left; width:100%; text-align:center; height:auto; display: flex; align-items: center;}

#Contato .BlocoEsq {float:left; width:45%; background-color:#FFF; padding:80px 60px; display:flex; flex-direction: column; align-items: flex-end;}
#Contato .TituloEsq {float:left; width:100%; max-width:400px; text-align:left; font-weight:700; font-size:30px; margin-bottom:20px; color:#1E2D3B}
#Contato .BlocosInfos {float:left; width:100%; max-width:400px; margin-bottom:30px; padding:25px 10px; background:#F6F8F9; border-radius:8px; display:flex; justify-content: flex-start; align-items: center; flex-direction: row; transition: 0.3s;}
#Contato .BlocosInfos .icone {float:left; margin-right:15px;}
#Contato .BlocosInfos .texto {float:left; width:auto; text-align:left; color:#4A4A4A; font-size:15px;}
#Contato .BlocosInfos:hover {background-color: #ececec; cursor:pointer}

#Contato .BlocoDir {float:right; width:55%; background-color:#1E2D3B; padding:100px 85px; display:flex; flex-direction: column;}
#Contato .TituloDir {float:left; text-align:left; font-weight:700; font-size:30px; margin-bottom:10px; color:#FFF}

#Contato .Form {float:left; width:100%; max-width:600px; text-align:center; margin-top:20px}

#Contato .Inputs{float: left; width:100%; height: auto; position: relative; margin-bottom:20px}

#Contato .Inputs input, textarea {float:left; width:100%; height:48px; border-radius:15px; border:0px; font-size:14px; font-weight:400; z-index: 1; background:#FFF; padding-left:15px; color:#000000}

#Contato .Inputs textarea::placeholder {color:#929CA4; font-size:13px}
#Contato .Inputs input::placeholder {color:#929CA4; font-size:13px}

#Contato .Inputs textarea {height:100px; resize:none; padding-left:14px; padding-top:20px}

#Contato .InputLabel{float:left; font-size: 14px; color: #FFF; margin-bottom:5px; margin-left:5px; font-weight:300}

.div-erro {float:left; width:100%; text-align:left; color:#FFF; margin-top:10px; font-size:13px; font-weight:500; display:none; margin-bottom:20px}

.mensagem-sucesso {float:left; width:100%; max-width:600px; text-align:left; color:#FFF; margin-top:20px; font-size:14px; font-weight:500; display:none; margin-bottom:20px}

#Botao {float:left; width:100%; max-width:600px; text-align:left;}
#Botao input{ width:auto; font-size:15px; font-weight:600; color:#1E2D3B; padding:10px 30px; border-radius:8px; text-transform: uppercase; border:0px; background: #EDCD1F; transition: 0.3s; cursor:pointer}
#Botao input:hover {background:#c8aa00 }


/* secao6 mapa */
#SecaoMapa {float:left; width:100%; text-align:center}



/* rodape */
#Rodape {float:left; width:100%; text-align:center; height:auto; margin:0px; padding:20px 10px; font-size:13px; background:#1E2D3B; color:#FFF;}

/*	---------------- RESPONSIVO ---------------- */

@media screen and (max-width:1150px){
	#Banner .BlocoEsq {width:80%}
}

@media screen and (max-width:1080px){
	#Secao1 .BlocoEsq {width:calc(50% - 20px); margin-right:20px}
	#Secao1 .BlocoDir {width:50%}

	#Contato .BlocoEsq {width:100%}
	#Contato .BlocoDir {width:100%}
	#Contato .TituloEsq {max-width:100%}
	#Contato .BlocosInfos {max-width:100%}
	#Contato .Form{max-width:100%}

}

@media screen and (max-width:980px){
	#Secao1 .BlocoEsq {width:100%; margin-right:0px; margin-top:40px}
	#Secao1 .BlocoDir {width:100%}

	#Secao3 .ImgGaleria.tam1 {height:210px}
	#Secao3 .ImgGaleria.tam2 {height:130px}
	
	#Contato .BlocoEsq {padding:80px 40px;}
	#Contato .BlocoDir {padding:80px 40px;}
}

@media screen and (max-width:800px){
	#Secao2 .ImgGaleria {height:145px; margin:5px}
	#Secao2 .ImgGaleria.tam1 {width: calc(40% - 10px)}
	#Secao2 .ImgGaleria.tam2 {width: calc(30% - 10px)}

	#Banner .BlocoEsq {width:90%}
	#Banner .Titulo {margin-bottom:60px; font-size:44px}

	#Contato {flex-direction: column;}
}


@media screen and (max-width:700px){
	#Secao3 .ImgGaleria.tam1 {height:120px}
	#Secao3 .ImgGaleria.tam2 {height:80px}
}

@media screen and (max-width:600px){
	#Topo {height:65px}
	#Topo .MenuLink {margin:0px 10px}
	#Topo .centralizar_site {width:100%; margin:0px}
	#Topo .Logotipo {display:flex; align-items: center;}
	#Topo .Logotipo img {width:120%; height:auto}
	#Topo .MenuLink {margin:0px 6px; font-size:14px}

	#Banner {margin-top:65px}
	#Banner .Titulo {font-size:27px; line-height:32px}

	#Secao2 .Titulo {font-size:24px}
	#Secao4 .Titulo {font-size:24px}
	#Contato .TituloEsq {font-size:24px}
	#Contato .TituloDir {font-size:24px}

	#Secao1 {margin:40px 0px}
	#Contato .BlocoEsq {padding:40px 20px}
	#Contato .BlocosInfos .texto {font-size:13.8px}
	#Contato .BlocoDir {padding:40px 20px}	
}


@media screen and (max-width:450px){
	
	#Topo .MenuLink {margin:0px 6px; font-size:13px}

	#Banner .BlocoEsq {width:100%}
	#Secao2 .ImgGaleria {height:120px}
}