:root {
	--azul01: #046;
	--azul02: #08C;
	--azul03: #3BC;
	--verde: #4A2;
	--marrom: #961;
	--laranja: #F51;
}

html, body{
	padding:0px;
	margin:0px;
	overflow-x: hidden;
	font-family: "Libre Franklin", sans-serif;
	background-color: #F9F9F9;
}

a, ul, li, p, h1, h2, h3, h4, h5, h6, button, input, textarea{	
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	line-height: 125%;

}
p{
	font-size: 18px;
	line-height: 150%;
	color: #555;
}
a{
	color: inherit;
}
*{
	transition: 0.3s ease;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.container{
	max-width: 1300px;
	width:96%;
	height:auto;
	position: relative;
	z-index: 2;
	margin:auto;
}
main{
	position: relative;
	z-index: 1;
}

/*CTA*/
	.cta{
		padding: 15px 30px;
		border-radius: 100px;
		background-color: var(--laranja);
	}
	.cta:hover{
		box-shadow: 0 0 10px var(--laranja);
		filter: brightness(1.2);
	}
	.cta p{
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #FFF;
	}

/*TITULO*/
	.titulo{
		width: 100%;
	}
	.titulo p{
		margin: 0 0 10px 0;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #999;
	}	
	.titulo h1,
	.titulo h2{
		font-size: 36px;
		color: var(--azul02);
	}

/*BANNER*/
	.banner{
		width: 100%;
	}
	.bannerBackground{
		width: 100%;
		padding: 220px 0 50px;
		background-color: var(--azul01);
	}
	.bannerBackground p{
		width: 50%;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: var(--azul03);
	}
	.bannerBackground p:last-of-type{
		width: 75%;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFF;
	}

/*CTA ORCAMENTO*/
	.ctaOrcamento{
		width: 100%;
		padding: 0 0 75px 0;
	}
	.ctaOrcamentoBg{
		border-radius: 20px;
		overflow: hidden;
		background-size: cover;
		background-position: center;
		background-image: url(../img/ctaOrcamento.webp);
	}
	.ctaOrcamentoBackground{
		padding: 50px 150px;
		display: flex;
		background: #046E;
	}
	.ctaOrcamentoConteudo{
		width: 100%;
	}
	.ctaOrcamentoInfo{
		width: 100%;
		max-width: 500px;
	}
	.ctaOrcamentoInfo h2 {
		margin: 15px 0;
		font-size: 36px;
		color: var(--azul03);
	}
	.ctaOrcamentoInfo span{
		margin: 0 0 15px 0;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFF;
	}
	.ctaOrcamentoInfo p{
		font-size: 18px;
		color: #FFF;
	}	
	.ctaOrcamentoBotao {
		width: 100%;
		display: flex;
		margin: 50px 0 0;
	}
	.ctaOrcamentoImagem{
		width: 100%;
		max-width: 250px;
		height: auto;
		display: flex;
		align-items: center;
	}
	.ctaOrcamentoImagem img{
		width: 100%;
		filter: brightness(100);
	}

/*CARD*/
	.cardBg{
		width: 100%;
		height: 100%;
		margin: o auto;
		padding: 15px 15px 65px 15px;
		box-sizing: border-box;
		border-radius: 10px;
		transition: 0.3s ease;
		position: relative;
		background-color: #FFF;
	}
	.cardBg:hover {
		border-radius: 10px;
		transform: translateY(-5px);
		background-color: var(--azul01);
	}
	.cardBgImagem{
		width: 100%;
		height: 250px;
		border-radius: 5px;
		overflow: hidden;
	}
	.cardBgImagem img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: 0.4s ease;
	}
	.cardBg:hover .cardBgImagem img{
		transform: scale(1.05);
	}
	.cardBgIcone{
		width: 70px;
		height: 70px;
		margin: -36px 25px 0;
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		float: right;
		border-radius: 50px;
		border: 2px solid #FFF;
		background-color: #F9F9F9;
	}
	.cardBgIcone img{
		width: 35px;
	}
	.cardBgTexto{
		margin: 25px 0 0;
		padding: 25px;
	}
	.cardBgTexto h2,
	.cardBgTexto h3{
		font-size: 20px;
		margin: 0 0 10px;
		color: var(--azul01);
	}
	.cardBgTexto p{
		font-size: 16px;
	}
	.cardBg:hover .cardBgTexto h2,
	.cardBg:hover .cardBgTexto h3{
		color: var(--azul03);
	}
	.cardBg:hover .cardBgTexto p{
		color: #FFF;
	}
	.cardBgLinks{
		position: absolute;
		bottom: 15px;
		padding: 0 25px 25px;
	}
	.cardBgLinks a{
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
		text-transform: uppercase;
		color: #999;
	}
	.cardBg:hover .cardBgLinks a{
		color: var(--laranja);
	}
	.cardBgLinks a:hover{
		filter: brightness(1.2);
	}
	.cardBgLinks a:hover span{
		padding: 0 0 0 20px;
		color: var(--laranja);
	}

	.cardSlide .slick-slide{
		height: 500px;
		margin: 0 15px;
		box-sizing: border-box;
	}
	.cardSlide .slick-slide:hover {
		transform: translateY(0);
	}

/*APRESENTACAO*/
	.apresentacao{
		width: 100%;
		padding: 75px 0;
	}
	.apresentacao .container{
		display: flex;
		gap: 50px;
	}
	.apresentacaoImagem{
		width: 75%;
		height: 500px;
		position: relative;
		overflow: hidden;
		border-radius: 20px;
	}
	.apresentacaoImagem img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.apresentacaoConteudo{
		width: 50%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
	}
	.apresentacaoConteudoTitulo h1,
	.apresentacaoConteudoTitulo h2{
		font-size: 40px;
		line-height: 115%;
		color: #999;
	}
	.apresentacaoConteudoTitulo h1 span,
	.apresentacaoConteudoTitulo h2 span{
		color: var(--azul02)
	}
	.apresentacaoConteudoTexto{
		width: 100%;
		margin: 25px 0;
	}
	.apresentacaoConteudoTexto p {
		color: #555;
	}	

/*DESTAQUE*/
	.destaques{
		width: 100%;
		background-size: cover;
		background-position: center;
		background-image: url(../img/imagem.webp);
	}
	.destaquesBackground{
		width: 100%;
		padding: 75px 0;
		background-color: #046E;
	}	
	.destaques .container{
		align-items: center;
		gap: 50px;
	}
	.destaques .titulo{
		width: 100%;
		max-width: 200px;
	}
	.destaques .titulo h2{
		font-size: 26px;
		text-align: right;
		color: var(--azul03);
	}
	.destaquesConteudo{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		gap: 25px;
	}
	.destaquesBg{
		width: 100%;
		max-width: 200px;
		text-align: center;
		position: relative;
	}
	.destaquesBg img{
		width: 35px;
	}
	.destaquesBg h3{
		margin: 5px 0 0;
		font-size: 16px;
		line-height: 150%;
		text-align: center;
		color: #FFF;
	}
	.destaquesBg p{
		font-size: 16px;
		font-weight: 300;
		text-align: center;
		color: #FFF;
	}
	.destaquesConteudo .destaquesBg:not(:last-child)::after {
		content: "";
		position: absolute;
		right: -12.5px; /* metade do gap (25px / 2) */
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 80%;
		background: rgba(255,255,255,0.2);
	}
	.destaquesEfeito01{
		width: 100%;
		height: 5px;
		background-image: linear-gradient(to right, var(--verde), var(--marrom));
	}
	.destaquesEfeito02{
		width: 100%;
		height: 5px;
		background-image: linear-gradient(to left, var(--verde), var(--marrom));
	}

/*DIFERENCIAL*/
	.diferenciais{
		width: 100%;
		padding: 75px 0;
	}
	.diferenciais .container{
		gap: 100px;
	}
	.diferenciaisConteudo{
		width: 100%;
	}
	.diferenciaisTexto{
		width: 100%;
		margin: 25px 0;
	}
	.diferenciaisTexto p{
		font-size: 18px;
	}
	.diferenciaisBg{
		width: 100%;
	}
	.diferenciaisItens{
		width: 100%;
		display: grid;
		gap: 5px;
		grid-template-columns: repeat(2, 2fr);
	}
	.diferenciaisItensBg{
		width: 100%;
		padding: 25px;
		box-sizing: border-box;
		border-radius: 10px;
		background: #888;
	}
	.diferenciaisItensBg:nth-child(2){		
		background: var(--verde);
	}
	.diferenciaisItensBg:nth-child(3){		
		background: var(--marrom);
	}
	.diferenciaisItensBg:nth-child(4){		
		background: var(--azul03);
	}
	.diferenciaisItensBg img{
		width: 25px;
	}
	.diferenciaisItensBg h3{
		margin: 10px 0;
		font-size: 18px;
		color: #0009;
	}
	.diferenciaisItensBg p{
		font-size: 16px;
		line-height: 125%;
		color: #000C;
	}
	.diferenciaisImagem{
		width: 100%;
		border-radius: 20px;
	}
	.diferenciaisImagem img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		border-radius: 20px;
	}

/*HEADER*/
	header{
		width: 100%;
		position: absolute;
		top: 0px;
		z-index: 999;
		background-color: #FFF;
	}
	.header01{
		width: 100%;
		background-image: linear-gradient(to right, var(--azul01) 50%, var(--azul02) 50%);
	}
	.header01Dados{
		width: 100%;
		padding: 10px 0;
		display: flex;
		gap: 25px;
		align-items: center;
		transform:skew(-30deg);
		background-color: var(--azul01);
	}
	.header01DadosBg{
		display: flex;
		align-items: center;
		transform:skew(30deg);
	}
	.header01DadosBg img{
		width: 15px;
		margin: 0 5px 0 0;
	}
	.header01DadosBg p{
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 1px;
		color: #FFF;
	}
	.header01RSocial{
		width: 50%;
		display: flex;
		justify-content: flex-end;
	}
	.header01RSocialBg{
		margin: 10px 0 10px 10px;
	}
	.header01RSocialBg img{
		width: 20px;
		filter: brightness(100);
	}
	.header02{
		width: 100%;
		padding: 25px 0;
		border-bottom: 1px solid #EEE;
		background-color: #FFF;
	}
	.header02Marca{
		margin: 0 50px 0 0;
	}
	.header02Marca img{
		height: 70px;
	}
	.header02Conteudo{
		width: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}	
	.header02Menu{
		margin: 0 50px 0 0;
	}
	.header02Menu ul{
		display: flex;
		gap: 25px;
		list-style: none;
		color: var(--azul01);
	}
	.header02Menu ul li{
		position: relative;
	}
	.header02Menu li a:hover{
		color: var(--laranja);
	}
	.header02Menu .header02Submenu{
		min-width: 240px;
		position: absolute;
		top: 100%;
		left: 0;
		padding: 20px 0;
		display: none;
		flex-direction: column;
		z-index: 999;
		box-shadow: 0 5px 20px rgba(0,0,0,0.1);
		background: #FFF;
	}
	.header02Submenu li{
		padding: 0 20px;
	}
	.header02Submenu li a{
		color: #333;
		font-size: 15px;
		display: block;
	}
	.header02Submenu li a:hover{
		color: var(--laranja);
	}
	.hasSubmenu:hover .header02Submenu{
		display: flex;
	}
	.hasSubmenu > a::after{
		content: " ▼";
		font-size: 10px;
		margin-left: 5px;
		color: var(--azul02);
	}
	.header02Hamburger{
		width: 42px;
		height: 42px;
		display: none;
		flex-direction: column;
		justify-content: center;
		gap: 6px;
		cursor: pointer;
		z-index: 1001;
	}
	.header02Hamburger span{
		width: 100%;
		height: 3px;
		border-radius: 10px;
		transition: 0.3s ease;
		background-color: var(--azul01);
	}
	.header02Hamburger.active span:nth-child(1){
		transform: translateY(9px) rotate(45deg);
	}
	.header02Hamburger.active span:nth-child(2){
		opacity: 0;
	}
	.header02Hamburger.active span:nth-child(3){
		transform: translateY(-9px) rotate(-45deg);
	}
	.header02Submenu li a:hover{
		color: var(--laranja);
	}
	.header02Cta{
		padding: 15px 30px;
		border-radius: 100px;
		background-color: var(--laranja);
	}
	.header02Cta p{
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #FFF;
	}

/*INICIAL BANNER*/
	.inicialBanner{
		width: 100%;
		position: relative;
		padding: 200px 0 50px;
		background-color: #F9F9F9;
	}
	.inicialBannerBg{
		width: 100%;		
	}
	.inicialBannerSlide {
		position: relative;
		min-height: 320px;
	}
	.inicialBannerConteudo{
		width: 100%;
		margin: 0 50px 0 0;
		display: flex;
		align-items: center;
	}
	.inicialBannerBg{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		transform: translateY(20px);
		transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s ease;
	}
	.inicialBannerBg.active{
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		position: relative;
	}
	.inicialBannerTexto{
		width: 100%;
	}
	.inicialBannerTexto span{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: var(--azul02);
	}
	.inicialBannerTexto h1,
	.inicialBannerTexto h2{
		margin: 25px 0;
		font-size: 40px;
		color: var(--azul01);
	}
	.inicialBannerTexto p{
		font-size: 20px;
	}	
	.inicialBannerCta{
		width: 100%;
		display: flex;
		margin: 50px 0 0;
	}
	.inicialBannerDots{
		width: 100%;
		position: absolute;
		bottom: -50px;
		display: flex;
		justify-content: center;
		gap: 10px;
	}
	.inicialBannerDot{
		width: 12px;
		height: 12px;
		border-radius: 50%;
		cursor: pointer;
		transition: 0.3s;
		background-color: #CCC;
	}
	.inicialBannerDot.active{
		background: #000;
	}
	.inicialBannerVideo {
		width: 100%;
		height: 500px;
		border-radius: 10px;
		overflow: hidden;
	}
	.inicialBannerVideo video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

/*INICIAL SERVICOS*/
	.inicialServicos{
		width: 100%;
		padding: 75px 0;
		background-color: #EEE;
	}
	.inicialServicos .titulo{
		text-align: center;
		margin: 0 0 50px;
	}

/*SOBRE TRAJETORIA*/
	.sobreTrajetoria {
		background: #FFF;
		padding: 75px 0;
	}
	.sobreTrajetoria .titulo{
		width: 100%;
		max-width: 500px;
		margin: 0 50px 0 0;
		padding: 0 50px 0 0;
		border-right: 1px solid #EEE;
	}
	.sobreTrajetoria .titulo h2{
		margin: 0;
	}
	.sobreTrajetoriaTitulo{
		width: 100%;
		display: flex;
		align-items: flex-end;
	}
	.sobreTrajetoriaTituloTexto{
		width: 100%;
	}
	.sobreTrajetoriaConteudo{
		width: 100%;
		margin: 50px 0 0;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}
	.sobreTrajetoriaBg{
		padding: 50px;
		position: relative;
		border-radius: 16px;
		transition: 0.3s ease;
		background-color: #3BD;
	}
	.sobreTrajetoriaBg:nth-child(2){
		background-color: var(--marrom);
	}
	.sobreTrajetoriaBg:nth-child(3){
		background-color: var(--verde);
	}
	.sobreTrajetoriaBg:hover{
		transform: translateY(-5px);
	}
	.sobreTrajetoriaBg h3{
		font-size: 24px;
		color: #FFF;
	}
	.sobreTrajetoriaBg p{
		margin: 15px 0 0;
		color: #FFF;
	}

/*SOBRE NUMEROS*/
	.sobreNumeros{
		width: 100%;
		background-size: cover;
		background-image: url(../img/imagem.webp);
	}
	.sobreNumerosBackground{
		width: 100%;
		padding: 75px 0;
		background-color: #046E;
	}
	.sobreNumerosBackground .titulo{
		text-align: center;
	}
	.sobreNumerosBackground .titulo p{
		margin: 0;
		color: #FFF;
	}
	.sobreNumerosBackground .titulo h2{
		margin: 0;
		color: #FFF;
	}
	.sobreNumerosConteudo{
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 20px;
		margin: 20px 0 0;
	}
	.sobreNumerosConteudo:first-of-type{
		margin: 50px 0 0;
	}
	.sobreNumerosConteudoBg{
		width: 100%;
		max-width: 250px;
	}
	.sobreNumerosConteudoBg h3{
		text-align: center;
		font-size: 30px;
		font-weight: bold;
		color: var(--azul03);
	}
	.sobreNumerosConteudoBg h3 span{
		font-size: 48px;
	}
	.sobreNumerosConteudoBg p{
		font-size: 16px;
		text-align: center;
		color: #FFF;
	}
	.sobreNumerosEfeito01{
		width: 100%;
		height: 5px;
		background-image: linear-gradient(to right, var(--verde), var(--marrom));
	}
	.sobreNumerosEfeito02{
		width: 100%;
		height: 5px;
		background-image: linear-gradient(to left, var(--verde), var(--marrom));
	}

/*SOLUCOES & AREAS*/
	.solucoesLista{
		width: 100%;
		padding: 75px 0;
	}
	.solucoesLista .titulo{
		text-align: center;
	}
	.solucoesListaConteudo{
		width: 100%;
		max-width: 1200px;
		margin: 50px auto 0;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 25px;
	}

/*SERVIÇO ENTREGAS*/
	.servicoEntregas{
		width: 100%;
		padding: 75px 0;
		background-color: #EEE;
	}
	.servicoEntregas .titulo{
		text-align: center;
	}
	.servicoEntregas .cardSlide{
		margin: 50px 0 0;
	}
	.servicoEntregasCta{
		width: 100%;
		display: flex;
		margin: 75px 0 0;
		justify-content: center;
	}

/*PROJETOS*/
	.projetosLista{
		width: 100%;
		padding: 75px 0;
	}
	.projetosLista .titulo{
		text-align: center;
	}
	.projetosListaConteudo{
		width: 100%;
		max-width: 1200px;
		margin: 50px auto 0;
		display: grid;
		position: relative;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 15px;
	}	
	.projetosListaConteudo .cardBgImagem{
		height: 300px;
	}
	.projetosListaConteudo .cardBg{
	}
	.projetosListaConteudo .cardBgTexto{
		margin: 0;
		padding: 25px;
		text-align: center;
	}
	.projetosListaConteudo .cardBgTexto p:first-of-type{
		line-height: 125%;
	}
	.projetosListaConteudo .cardBgTexto p:last-of-type{
		margin: 10px 0 0;
	}
	.projetosListaConteudo .cardBgTexto p span{
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
		color: var(--azul02);
	}
	.projetosListaConteudo .cardBgTexto h3{
		margin: 0;
	}
	.projetosListaConteudo .cardBgLinks{
		width: 100%;
		margin: 0;
		left: 0;
		padding: 0 0 25px;
		text-align: center;
	}
	.projetosListaConteudo .cardBgLinks a:hover span{
		padding: 0;
	}

/*PARCEIRO*/
	.parceirosLista{
		width: 100%;
		padding: 75px 0;
	}
	.parceirosLista .titulo{
		text-align: center;
		margin: 0 0 50px;
	}
	.parceirosConteudo{
		display: flex;
		gap: 25px;
	}
	.parceirosListaBg{
		width: 100%;
		border-radius: 20px;
		border: 1px solid #EEE;
		transition: 0.3s ease;
		overflow: hidden;
		background-color: #FFF;
	}
	.parceirosListaBg:hover {
		transform: translateY(-5px);
	}
	.parceirosListaImagem{
		width: 100%;
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		border-bottom: 1px solid #EEE;
	}
	.parceirosListaImagem img{
		width: 300px;
		max-width: 75%;
		transition: 0.4s ease;
	}
	.parceirosListaBg:hover .parceirosListaImagem img{
		transform: scale(1.05);
	}
	.parceirosListaInfo{
		padding: 25px;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
	.parceirosListaInfo h3{
		margin: 0 0 15px;
		font-size: 20px;
		font-weight: 600;
		color: var(--azul01);
	}
	.parceirosListaInfo ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.parceirosListaInfo ul li{
		padding: 10px 0;
		border-bottom: 1px solid #F9F9F9;
	}
	.parceirosListaInfo ul li:last-of-type{
		border-bottom: none;
	}
	.parceirosListaInfo ul li span{
		color: var(--azul02);
	}

/*CONTATO*/
	.contatoConteudo{
		width: 100%;
		padding: 75px 0;
	}
	.contatoConteudo .container{
		gap: 50px;
	}
	.contatoInfo{
		width: 100%;
	}
	.contatoInfoTexto{
		width: 100%;
	}
	.contatoInfoTexto p{
		margin: 25px 0 0;
		font-weight: 300;
	}
	.contatoInfoConteudo{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin: 25px 0 0;
	}
	.contatoInfoBg{
		width: 100%;
		display: flex;
		align-items: center;
		border: 1px solid #EEE;
		border-radius: 5px;
		overflow: hidden;
		transition: 0.3s ease;
	}	
	.contatoInfoBgImagem{
		height: 100%;
		padding: 15px;
		display: flex;
		align-items: center;
		background-color: #EEE;
	}
	.contatoInfoBg:hover .contatoInfoBgImagem{
		background-color: var(--laranja);
	}
	.contatoInfoBgImagem img{
		width: 25px;
		filter: grayscale(1);
	}
	.contatoInfoBg:hover .contatoInfoBgImagem img{
		filter: brightness(100);
	}
	.contatoInfoBgTexto{
		width: 100%;
	}
	.contatoInfoBgTexto h3{
		padding: 15px 15px 0 15px;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		color: var(--laranja);
	}
	.contatoInfoBgTexto p{
		padding: 0 15px 15px 15px;
	}
	.contatoFormulario{
		width: 100%;
		padding: 25px;
		border-radius: 10px;
		background-color: #EEE;
	}
	.contatoFormulario form{
		width: 100%;
		margin: 25px 0 0;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.contatoFormularioCampo{
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}
	.contatoFormularioInput,
	.contatoFormularioTextarea{
		width: 100%;
		height: 30px;
		padding: 10px;
		border: 0 solid #ddd;
		border-radius: 10px;
		font-size: 18px;
		outline: none;
		background-color: #FFF;
		transition: 0.3s ease;
	}
	.contatoFormularioInput::placeholder,
	.contatoFormularioTextarea::placeholder{
		font-size: 16px;
		color: #999;
	}
	.contatoFormularioTextarea{
		height: 120px;
		resize: vertical;
	}
	.contatoFormularioSubmit{
		min-width: 220px;
		height: 45px;
		padding: 10px 20px;
		border-radius: 100px;
		border: none;
		cursor: pointer;
		transition: 0.3s ease;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #FFF;
		background-color: var(--laranja);
	}
	.contatoFormularioSubmit:hover {
		box-shadow: 0 0 10px var(--laranja);
		filter: brightness(1.2);
	}

/*FOOTER*/
	footer{
		width: 100%;
		padding: 75px 0 25px;
		position: relative;
		background-color: #046;
	}
	.footerEfeito{
		width: 100%;
		height: 5px;
		position: absolute;
		top: 0;
		background-image: linear-gradient(to right, var(--verde), var(--marrom));
	}
	.footerConteudo{
		display: grid;
		grid-template-columns: 1.3fr 1fr 1fr 1fr;
		gap: 25px;
		padding-bottom: 50px;
		border-bottom: 1px solid #FFF1;
	}
	.footerEmpresa{
		width: 100%;
	}
	.footerEmpresa img{
		width: 180px;
		filter: brightness(100);
	}
	.footerEmpresa p{
		margin: 25px 0 0;
		font-size: 16px;
		color: #FFF;
		max-width: 350px;
	}
	.footerMenu{
		width: 100%;
	}
	.footerMenu h4{
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 20px;
		color: var(--laranja);
	}
	.footerMenu ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.footerMenu li{
		margin-bottom: 10px;
		line-height: 150%;
		font-size: 14px;
		color: #FFF;
	}
	.footerMenu ul li a{
		text-decoration: none;
		transition: 0.3s;
	}
	.footerMenu ul li a:hover{
		color: var(--azul03);
	}
	
	.footerContato{
		width: 100%;
	}
	.footerContato h4{
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 20px;
		color: var(--laranja);
	}
	.footerContato p{
		margin-bottom: 10px;
		line-height: 150%;
		font-size: 14px;
		color: #FFF;
	}
	.footerCopyright{
		padding-top: 22px;
		text-align: center;
	}
	.footerCopyright p{
		margin: 10px 0 0;
		font-size: 14px;
		color: #FFF;
	}
	.footerCopyright p:last-of-type{
		font-size: 12px;
	}

/*WHATSAPP*/
	.whatsapp{
		width: 80px;
		height: 80px;
		border-radius: 100px;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999;
		bottom: 30px;
		right: 30px;
		background-color: #3A2;
		animation: whatsapp  1s infinite alternate;
		box-shadow: 0 0 10px #0006;
	}
	.whatsapp:hover{
		transform: scale(1.1);
		opacity: 1;
	}
	.whatsapp img{
		height: 35px;
		margin: 3px 0 0 3px;
		filter: brightness(30);
	}

/*COOKIES*/
	.cookies{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		z-index: 9999;
		background-color: #0009;
	}
	.cookies .container{
		display: flex;
		justify-content: flex-end;
	}
	.cookiesAviso{
		width: 100%;
		max-width: 300px;
		position: fixed;
		bottom: 0px;
		padding: 20px 0;
		border-radius: 10px 10px 0 0;
		background-color: #FFF;
	}
	.cookiesTexto{
		width: 100%;
		margin: 0 0 20px;
	}
	.cookiesTexto p{
		font-size: 16px;
		text-align: center;
		line-height: 125%;
		margin: 0 10px;
		color: #999;
	}
	.cookiesBotoes{
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 0 0 10px;
	}
	.cookiesBotoes p{
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		margin: 0 10px;
		color: #555;
	}
	.cookiesBotoes p:nth-child(1){
		padding: 10px 20px;
		border-radius: 100px;
		border: 1px solid #555;
		cursor: pointer;
	}
	.cookiesBotoes p:nth-child(1):hover{
		background-color: #555;
		color: #FFF;
	}
	.cookiesBotoes p:nth-child(2){
		font-weight: bold;
		padding: 10px 30px;
		border-radius: 100px;
		border: 1px solid #CCC;
		cursor: pointer;
		color: #FFF;
		background-color: #296;
	}
	.cookiesBotoes p:nth-child(2):hover{
		background-color: #555;
	}
	.cookiesPopUp{
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0px;
		z-index: 9999;
		background-color: #000C;
		display: none;
	}
	.cookiesPopUp .container{
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.cookiesPopUpConteudo{
		max-width: 500px;
		align-items: center;
		position: relative;
		background-color: #FFF;
	}
	.cookiesPopUpFechar{
		width: 40px;
		height: 40px;
		border-radius: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -20px;
		right: -20px;
		cursor: pointer;
		background-color: #FFF;
	}
	.cookiesPopUpFechar p{
		font-size: 16px;
		font-weight: bold;
		color: #000;
	}
	.cookiesPopUpTexto{
		width: auto;
		max-height: 500px;
		padding: 25px;
		overflow: auto;
	}
	.cookiesPopUpTexto h2{
		font-size: 24px;
		padding: 0 0 25px;
		border-bottom: 1px solid #EEE;
	}
	.cookiesPopUpTexto h3{
		margin: 25px 0 10px;
		font-size: 20px;
	}
	.cookiesPopUpTexto p{
		margin: 0 0 10px;
		color: #555;
	}

@media screen and (max-width:1024px) and (min-width: 768px){
}

@media screen and (max-width:767px){
	.flex{
		flex-wrap: wrap;
	}

	/*TITULO*/
		.titulo h1,
		.titulo h2{
			font-size: 30px;
		}

	/*BANNER*/
		.banner{
			width: 100%;
		}
		.bannerBackground{
			width: 100%;
			padding: 220px 0 50px;
			background-color: var(--azul01);
		}
		.bannerBackground p{
			width: 100%;
			text-align: center;
		}
		.bannerBackground p:last-of-type{
			width: 100%;
		}

	/*CTA ORCAMENTO*/
		.ctaOrcamentoBackground{
			padding: 50px;
			flex-wrap: wrap;
		}
		.ctaOrcamentoConteudo{
			width: 100%;
			order: 2;
		}
		.ctaOrcamentoInfo h2{
			text-align: center;
			margin: 25px 0 15px;
			font-size: 26px;
			color: var(--azul03);
		}
		.ctaOrcamentoInfo p{
			text-align: center;
		}	
		.ctaOrcamentoBotao {
			justify-content: center;
		}
		.ctaOrcamentoImagem{
			width: 100%;
			max-width: 100%;
			justify-content: center;
		}
		.ctaOrcamentoImagem img{
			width: 100px;
			max-width: 100px;
		}

	/*CARD*/
		.cardSlide .slick-slide{
			height: 550px;
		}

	/*APRESENTACAO*/
		.apresentacaoImagem .container{
			gap: 25px;
		}
		.apresentacaoImagem{
			width: 100%;
			height: 250px;
		}
		.apresentacaoConteudo{
			width: 100%;
		}
		.apresentacaoConteudoTitulo h1,
		.apresentacaoConteudoTitulo h2{
			font-size: 30px;
		}

	/*DESTAQUE*/
		.destaques .titulo{
			max-width: 100%;
		}
		.destaques .titulo h2{
			text-align: center;
		}
		.destaquesConteudo{
			flex-wrap: wrap;
		}
		.destaquesBg{
			min-width: 250px;
			margin: auto;
			text-align: center;
		}
		.destaquesBg br{
			display: none;
		}		
		.destaquesConteudo .destaquesBg:not(:last-child)::after {
			display: none;
		}

	/*DIFERENCIAL*/	
		.diferenciais .container{
			gap: 25px;
		}	
		.diferenciaisItensBg{
			padding: 20px;
		}
		.diferenciaisImagem{
			width: 100%;
			border-radius: 20px;
		}
		.diferenciaisImagem img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			border-radius: 20px;
		}

	/*HEADER*/
		.header01 .container{
			flex-wrap: nowrap;
		}
		.header01Dados{
			gap: 10px;
		}
		.header01DadosBg:last-of-type{
			display: none;
		}	
		.header02 .container{
			flex-wrap: nowrap;
		}	
		.header02Marca img{
			height: 50px;
		}
		.header02Conteudo{
			width: auto;
			justify-content: space-between;
			align-items: center;
		}
		.header02Hamburger{
			width: 20px;
			height: 20px;
			gap: 5px;
			margin: 0 10px 0 0;
			display: flex;
		}
		.header02Menu{
			width: 100%;
			height: calc(100vh - 100px);
			padding: 25px 20px 40px;
			position: absolute;
			top: 80px;
			left: 0;
			display: none;
			overflow-y: auto;
			margin: 0;
			background-color: #FFF;
			box-sizing: border-box;
			border-top: 1px solid #EEE;
		}
		.header02Menu.active{
			display: block;
		}
		.header02Menu ul{
			flex-direction: column;
			gap: 0;
		}
		.header02Menu ul li{
			width: 100%;
			border-bottom: 1px solid #EEE;
		}
		.header02Menu ul li a{
			width: 100%;
			padding: 15px 0;
			display: block;
			font-size: 16px;
			color: var(--azul01);
		}
		.header02Cta{
			display: none;
		}
		.hasSubmenu > a::after{
			content: "+";
			float: right;
			font-size: 18px;
			font-weight: bold;
			margin-left: 10px;
			color: var(--azul02);
		}
		.hasSubmenu.active > a::after{
			content: "−";
		}
		.header02Menu .header02Submenu{
			min-width: 100%;
			position: static;
			padding: 0 0 10px 15px;
			display: none !important;
			box-shadow: none;
			background: transparent;
		}
		.hasSubmenu.active > .header02Submenu{
			display: block !important;
		}
		.header02Submenu li{
			padding: 0;
			border-bottom: none;
		}
		.header02Submenu li a{
			padding: 10px 0;
			font-size: 14px;
			color: #666;
		}
		.hasSubmenu:hover .header02Submenu{
			display: none;
		}

	/*INICIAL BANNER*/
		.inicialBanner{
			padding: 160px 0 75px;
		}	
		.inicialBannerBg{
			width: 100%;		
		}		
		.inicialBannerConteudo{
			order: 2;
			margin: 25px 0 0;
			text-align: center;
		}		
		.inicialBannerTexto h1,
		.inicialBannerTexto h2{
			font-size: 32px;
		}
		.inicialBannerTexto br{
			display: none;
		}
		.inicialBannerTexto p{
			font-size: 20px;
		}	
		.inicialBannerCta{			
			justify-content: center;
		}		
		.inicialBannerVideo {
			height: 300px;
		}

	/*INICIAL SERVICOS*/
		.inicialServicos{
			width: 100%;
			padding: 75px 0;
			background-color: #EEE;
		}
		.inicialServicos .titulo{
			text-align: center;
			margin: 0 0 50px;
		}

	/*SOBRE TRAJETORIA*/
		.sobreTrajetoria .titulo{
			margin: 0;
			padding: 0;
			border-right: none;
		}
		.sobreTrajetoria .titulo h2{
			margin: 0;
		}
		.sobreTrajetoriaTitulo{
			flex-wrap: wrap;
		}
		.sobreTrajetoriaTituloTexto{
			margin: 25px 0 0;
		}
		.sobreTrajetoriaConteudo{
			grid-template-columns: repeat(1, 1fr);
		}

	/*SOBRE NUMEROS*/
		.sobreNumerosConteudo{
			flex-wrap: wrap;
		}
		.sobreNumerosConteudoBg{
			margin: 10px 0;
		}

	/*PARCEIRO*/		
		.parceirosConteudo{
			flex-wrap: wrap;
		}

	/*FOOTER*/
		.footerConteudo{
			display: flex;
			flex-wrap: wrap;
			gap: 25px;
		}
		.footerEmpresa{
			text-align: center;
		}
		.footerEmpresa p{
			margin: 25px auto;
		}
		.footerMenu{
			text-align: center;
		}
		.footerContato{
			text-align: center;
		}
		.footerContato p{
			max-width: 300px;
			margin: 10px auto;
		}
		.footerCopyright{
			padding-top: 22px;
			text-align: center;
		}
		.footerCopyright p{
			margin: 10px 0 0;
			font-size: 14px;
			color: #FFF;
		}
		.footerCopyright p:last-of-type{
			font-size: 12px;
		}
}