@font-face{
	font-family: 'Citrus';
	src: url('../fonts/Citrus.ttf');
}
@font-face{
	font-family: 'Georgia';
	src: url('../fonts/GeorgiaBrush.otf');
}

html, body{
	padding:0px;
	margin:0px;
	overflow-x: hidden;
	background-color: #F9F9F9;
}
ul, li, p, h1, h2, h3, h4, h5, h6, button, input, textarea{
	font-family: 'Montserrat', sans-serif;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}
p{
	font-size: 17px;
	color: #777;
}
a{
	text-decoration:none;
	color: inherit;
}
*{
	transition: 0.3s ease;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.container{
	max-width: 1200px;
	width:96%;
	height:auto;
	position: relative;
	z-index: 2;
	margin:auto;
}
.container02{
	max-width: 1200px;
	width:96%;
	height:auto;
	position: relative;
	z-index: 2;
	margin:auto;
	background-color: #FFF;
	border-radius: 25px;
}

/*HEADER*/
	.musica{
		z-index: 999;		
		position: fixed;
		bottom: 10px;
		right: 10px;
		border-radius: 100px;
	}
	.musica p{
		text-align: center;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		text-shadow: 0 0 10px #FFF;
		color: #000;
	}
	header{
		width: 100%;
		position: fixed;
		z-index: 999;
		background-color: #FFF;
	}
	header:hover,
	.header{
		position: fixed;
		top: 0;
		box-shadow: 0 0 5px #0001;
		background-color: #FFF;
	}
	header .container{
		max-width: 96%;
		height: 90px;
		justify-content: flex-start;
		align-items: center;
	}
	.headerMenuMobile{
		min-width: 70px;
		height: 90px;
		margin: 0 0 0 -2.1%;
		display: none;
		justify-content: center;
		align-items: center;
		background-color: #F9F9F9;
	}
	.headerMenuMobile p{
		font-size: 24px;
		font-weight: 100;
		margin: -3px 0 0;
		color: #428;
	}
	.headerMenuMobileConteudo{
		display: none;
		width: 100vw;
		height: 100vh;
		position: fixed;
		overflow: auto;
		z-index: 9;
		top: 0;
		left: 0;
		background-color: #0009;
	}
	.headerMenuMobileConteudoBg{
		width: 300px;
		height: 100%;
		padding: 25px;
		background-color: #FFF;
	}
	.headerMenuMobileConteudoFechar{
		width: 25px;
		height: 25px;
		position: fixed;
		top: 15px;
		left: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 2px solid #CCC;
		border-radius: 100px;
	}
	.headerMenuMobileConteudoFechar p{
		font-size: 16px;
		font-weight: 900;
		color: #CCC;
	}
	.headerMenuMobileConteudoInfo{
		width: 300px;
		position: fixed;
		top: 50px;
		bottom: 120px;
		overflow: auto;
	}
	.headerMenuMobileConteudoMenu{
		width: 100%;
		padding: 10px 0 25px 0;
		margin: 0 0 25px;
		border-bottom: 1px solid #DDD;
	}
	.headerMenuMobileConteudoMenu ul{
		padding: 0 25px;
		list-style: none;
	}
	.headerMenuMobileConteudoMenu li{
		font-size: 14px;
		margin: 10px 0;
		text-transform: uppercase;
		font-weight: 500;
	}
	.headerMenuMobileConteudoMenu li:hover{
		color: #819;
	}
	.headerMenuMobileConteudoMenu ul li li{
		color: #999;
	}
	.headerMenuMobileConteudoMenu ul li li:hover{
		color: #428;
	}
	.headerMenuMobileConteudoMenu img{
		width: 30px;
	}
	.headerMenuMobileConteudoDados{
		width: 100%;
	}
	.headerMenuMobileConteudoDadosBg{
		width: auto;
		padding: 0 25px;
		margin: 0 0 25px;
	}
	.headerMenuMobileConteudoDadosBg:last-of-type{
		margin: 0;
	}
	.headerMenuMobileConteudoDadosBg h2{
		font-size: 12px;
		font-weight: bold;
		color: #999;
	}
	.headerMenuMobileConteudoDadosBg p{
		font-size: 14px;
		margin: 5px 0;
		font-weight: 500;
	}
	.headerMenuMobileConteudoRSocial{
		width: auto;
		margin: 25px 0 0;
		padding: 0 25px;
		display: flex;
		justify-content: flex-start;
	}
	.headerMenuMobileConteudoRSocialBg{
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 5px 0 0;
		border-radius: 100px;
		background-color: #C32;
	}
	.headerMenuMobileConteudoRSocialBg:last-of-type{
		background-color: #F82;
	}
	.headerMenuMobileConteudoRSocialBg:hover{
		filter: brightness(1.2);
	}
	.headerMenuMobileConteudoRSocialBg img{
		width: 15px;
	}
	.headerMenuMobileConteudoCta{
		width: 300px;
		height: 70px;
		position: fixed;
		bottom: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: linear-gradient(45deg, #428, #819)
	}
	.headerMenuMobileConteudoCta:hover{
		filter: brightness(1.2);
	}
	.headerMenuMobileConteudoCta p{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFFC;
	}
	.headerMarca{
		margin: 0 15px;
	}
	.headerMarca img{
		height:35px;
	}
	header:hover .headerMarca img,
	.header .headerMarca img{
		filter: brightness(1);
	}
	.headerMenu{
		width: 100%;
		margin: 0 10px 0 0;
		display: flex;
		align-items: center;
	}
	.headerMenu ul{
		width: 100%;
		display: flex;
		justify-content: flex-end;
		list-style: none;
		padding: 0;
	}
	.headerMenu li{
		position: relative;
		padding: 10px 15px;
		font-size: 14px;
		font-weight: 500;
		line-height: 100%;
		text-transform: uppercase;
		color: #999;
	}
	header:hover .headerMenu li:hover,
	.header .headerMenu li:hover{
		color: #819;
	}
	.header .headerMenu li:hover{
		color: #777;
	}
	.headerMenu li:hover{
		color: #819;
	}
	.headerMenu li ul{
		display: none;
	}
	.headerMenu li:hover ul{
		position: absolute;
		display: flex;
		flex-direction: column;
		padding: 15px;
		background-color: #FFF;
	}
	.headerMenu li:hover:nth-child(2) ul{
		width: 140px;
	}
	.headerMenu li:hover:nth-child(3) ul{
		width: 190px;
	}
	
	.headerMenu li ul li,
	.headerMenu li ul li:hover{
		padding: 5px;
		line-height: 125%;
		color: #999;
	}
	header:hover .headerMenu li ul li:hover,
	.header .headerMenu li ul li:hover{
		color: #428;
	}
	.headerMenu li:hover:nth-child(3) ul li ul{
		width: 240px;
		display: none;
	}
	.headerMenu li:hover:nth-child(3) ul li:hover ul{
		display: block;
		top:0;
		left: 190px;
	}
	.headerMenu li img{
		width: 25px;
		margin: -7px -7px;
	}
	.headerCta{
		min-width: 130px;
		height: 90px;
		margin: 0 -2.1% 0 0;
		padding: 0 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: linear-gradient(45deg, #428, #819)
	}
	header:hover .headerCta,
	.header .headerCta{
		background-image: linear-gradient(45deg, #428, #819)
	}
	.headerCta:hover{
		filter: brightness(1.2);
	}
	.headerCta p{
		font-size: 12px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		line-height: 100%;
		color: #FFFC;
	}
	.headerMenuConteudoRSocialBg{
		width: 30px;
		height: 30px;
		display: flex;
		margin: -10px -7px 0;
		align-items: center;
		justify-content: center;
		border-radius: 100px;
		background-color: #C32;
	}
	.headerMenuConteudoRSocialBg02{
		background-color: #F82;
	}
	.headerMenuConteudoRSocialBg:hover{
		filter: brightness(1.2);
	}
	.headerMenuConteudoRSocialBg img{
		width: 15px;
	}

/*TITULO*/
	.titulo{
		width: 100%;
		margin: 0 0 25px;
	}
	.titulo p{
		position: relative;
		z-index: 2;
		font-family: 'Georgia';
		font-size: 60px;
		color: #FC5;
	}
	.titulo h2{
		font-family: "Citrus";
		font-size: 60px;
		letter-spacing: 3px;
		line-height: 115%;
		color: #4CB;
	}

/*BANNER*/
	.banner{
		width: 100%;
		height: 650px;
		overflow: hidden;
		margin: 80px 0 0;
		background-color: #000;
	}	
	.bannerSlide{
		width: 100%;
	}
	.bannerBg{
		width: 100%;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		background-position: center;
		background-size: cover;

	}
	.bannerBgBackground{
		width: 100%;
		height: 650px;
		display: flex;
		align-items: center;
		background-color: #0003;
	}	
	.bannerBg01 p{
		font-size: 36px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 150%;
		color: #FFF;
	}
	.bannerBg01 p span{
		font-size: 72px;
		font-weight: 900;
		line-height: 100%;
	}
	.bannerBg02 p{
		width: 100%;
		max-width: 650px;
		font-size: 30px;
		font-weight: 300;
		font-style: italic;
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 150%;
		color: #FFF;
	}
	.bannerBg02 p span{
		font-size: 72px;
		font-style: normal;
		line-height: 175%;
	}
	.bannerBg04 p{
		width: 100%;
		max-width: 600px;
		font-size: 20px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 150%;
		color: #FFF;
	}
	.bannerBg04 p:first-of-type{
		margin: 0 0 10px;
		font-weight: bold;
	}
	.bannerBg04 img{
		height: 650px;
	}
	.bannerBg05 p{
		width: 100%;
		max-width: 620px;
		margin: 0 0 15px;
		font-size: 18px;
		font-style: italic;
		font-weight: 300;
		color: #FFF;
	}
	.bannerBg05 p span{
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
	}
	.bannerBg006{
		background-image: url(../img/banner06.webp);
	}
	.bannerBg06{
		height: 650px;
		display: flex;
		align-items: flex-end;
	}	
	.bannerBg06 p{
		max-width: 50%;
		margin: 0 0 0 50%;
		height: 650px;
		display: flex;	
		flex-wrap: wrap;	
		align-items: center;
		align-content: center;
		font-size: 90px;
		font-weight: 900;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 2px;
		line-height: 125%;
		color: #FFF;
	}
	.bannerBg06 p span{
		width: 100%;
		font-size: 48px;
		font-weight: 300;
		line-height: 100%;
	}
	.bannerBg07 p{
		font-size: 90px;
		font-weight: 900;
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 125%;
		color: #FFF;
	}
	.bannerBg07 p span{
		width: 100%;
		font-size: 48px;
		font-weight: 300;
		line-height: 100%;
	}

/*INFO*/
	.info{
		width: 100%;
		height: auto;		
		margin: -100px 0 50px;
		background-color: #F9F9F9;
		border-radius: 10px;
	}
	.infoBackground{
		padding: 0;
		border-radius: 25px;
		background-color: #FFF;
		box-shadow: 0 0 30px #0003;
	}
	.infoConteudo{
		width: 100%;
		display: flex;
	}
	.infoBg{
		width: 100%;
		height: 100%;
		padding: 50px 25px;
		border-right: 1px solid #EEE;
	}
	.infoBg:last-of-type{
		border-right: none;
	}	
	.infoBgIcone{
		width: 70px;
		height: 70px;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 2px solid #428;
		border-radius: 100px;
	}
	.infoBgIcone img{
		width: 40px;
	}
	.infoBgTitulo{
		width: 100%;
		height: 50px;
		margin: 10px 0 0;
	}
	.infoBgTitulo h2{
		font-size: 22px;
		text-align: center;
		color: #428;
	}
	.infoBgItens{
		width: 100%;
	}
	.infoBgItens p{
		margin: auto;
		padding: 10px;
		font-size: 16px;
		display: flex;
		align-items: center;
		border-bottom: 1px solid #EEE;
		color: #428;
	}
	.infoBgItens p span{
		margin: 0 10px 0 0;
	}
	.infoBgItens p:last-of-type{
		border-bottom: none;
	}
	.infoBgFrase{
		width: 100%;
		margin: 25px 0 0;
	}
	.infoBgFrase p{
		font-size: 16px;
		font-style: italic;
		text-align: center;
	}
	.infoBgPais{
		width: 100%;
		margin: 25px 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.infoBgPais p{
		font-size: 14px;
		margin: 0 5px 0 0;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
	}
	.infoBgPais img{
		width: 20px;
		text-align: center;
	}
	.infoBgCta{
		height: 90px;
		margin: 25px 0 -15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.infoBgCta:hover{
		filter: brightness(1.2);
	}
	.infoBgCta p{
		padding: 20px 50px;
		font-size: 12px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		line-height: 100%;
		color: #FFF;
		border-radius: 5px;
		background-image: linear-gradient(45deg, #428, #819)
	}

/*APRESENTACAO*/
	.apresentacao{
		width: 100%;
		padding: 50px 0 0;
		margin: 25px 0 50px;
		overflow: hidden;
		position: relative;
	}
	.apresentacaoBackground{
		padding: 50px 25px;
		border-radius: 25px;
		display: flex;
		overflow: hidden;
		background-color: #FFF;
	}
	.apresentacaoImagem{
		width: 75%;
		height: auto;
		margin: -50px 50px -50px -50px;
		background-size: cover;
		background-position: left;
		background-repeat: no-repeat;
	}
	.apresentacaoConteudo{
		width: 100%;
	}
	.apresentacaoConteudo .titulo p{
		margin: 0 0 -35px;
	}
	.apresentacaoTexto{
		width: 100%;
		margin: 25px 0 0;
	}
	.apresentacaoTexto p{
		line-height: 150%;
	}
	.apresentacaoSubtitulo{
		width: 100%;
		margin: 25px 0 0;
	}
	.apresentacaoSubtitulo p{
		font-weight: bold;
	}
	.apresentacaoInfo{
		width: 100%;
		display: flex;
		margin: 10px 0;
		align-items: center;
	}
	.apresentacaoInfo p:first-of-type{
		min-width: 20px;
		height: 20px;
		margin: 0 10px 0 0;
		font-size: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100px;
		background-color: #CCC;
		color: #FFF;
	}
	.apresentacaoInfo p:last-of-type{
		line-height: 125%;
	}
	.apresentacaoTextoCta{
		height: 90px;
		margin: 25px 0 -15px;
		display: flex;
		align-items: center;
	}
	.apresentacaoTextoCta:hover{
		filter: brightness(1.2);
	}
	.apresentacaoTextoCta p{
		padding: 25px;
		font-size: 12px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		line-height: 100%;
		color: #FFF;
		border-radius: 5px;
		background-image: linear-gradient(45deg, #428, #819)
	}

/*INSTITUCIONAL*/
	.institucional{
		width: 100%;
		padding: 25px 0;
	}
	.institucionalBackground{
		width: 100%;
		padding: 50px;
		display: flex;
		overflow: hidden;
		border-radius: 25px;
		background-color: #FFF;
	}
	.institucionalConteudo{
		width: 100%;
		margin: 0 50px 0 0;
	}	
	.institucionalConteudo .titulo p{
		margin: 0 0 -25px;
	}
	.institucionalTexto{
		width: 100%;
	}
	.institucionalTexto p{
		margin: 0 0 10px;
	}
	.institucionalDestaque{
		padding: 15px 50px;
		margin: 25px 0 0 -50px;
		border-radius: 0 15px 15px 0;
		background-color: #FC5;
	}
	.institucionalDestaque p{
		font-size: 16px;
		font-weight: 500;
		font-style: italic;
		color: #0009;
	}
	.institucionalImagem{
		width: 100%;
		margin: -50px -50px -50px 50px;
		background-size: cover;
		background-position: center;
	}

/*DEPOIMENTOS*/
	.depoimentos{
		width: 100%;
		margin: 100px 0;
		padding: 100px 0;
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
	}
	.depoimentos .titulo h2{
		text-align: center;
	}
	.depoimentosConteudo{
		width: 100%;
		margin: 50px 0 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.depoimentosBloco{
		width: 25%;
		position: relative;
		padding: 50px 3% 25px;
		margin: 0 1% 2%;
		border-radius: 5px;
		background-color: #FFF;
	}
	.depoimentosBloco p{
		margin: 0 0 10px;
		font-style: italic;
		text-align: center;
		color: #999;
	}
	.depoimentosBloco p:last-of-type{
		margin: 0;
		font-size: 14px;
		font-weight: bold;
		color: #428;
	}
	.depoimentosBloco span{
		top: -165px;
		left: 40px;
		transform: rotate(180deg);
		position: absolute;
		z-index: 0;
		font-family: 'Georgia';
		font-size: 150px;
		font-style: italic;
		text-align: center;
		color: #CCC;
	}

/*SERVICOS*/
	.servicos{
		width: 100%;
		padding: 25px 0;
	}
	.servicosBackground{
		width: 100%;
		padding: 50px;
		display: flex;
		overflow: hidden;
		border-radius: 25px;
		background-color: #FFF;
	}
	.servicosConteudo{
		width: 100%;
		margin: 0 50px 0 0;
	}	
	.servicosConteudo .titulo h2{
		font-size: 36px;
		color: #428;
	}
	.servicosConteudo .titulo h2 span{
		font-size: 36px;
		color: #4BA;
	}
	.servicosTexto{
		width: 100%;
	}
	.servicosTexto p{
		margin: 0 0 10px;
	}
	.servicosTextoDestaque{
		padding: 15px 50px;
		margin: 25px 0 0 -50px;
		border-radius: 0 15px 15px 0;
		background-color: #FC5;
	}
	.servicosTextoDestaque p{
		font-size: 16px;
		font-weight: 500;
		font-style: italic;
		color: #0009;
	}
	.servicosItens{
		width: 100%;
		margin: 0 0 25px;
	}
	.servicosItensBg{
		width: 100%;
		display: flex;
		margin: 5px 0;
	}
	.servicosItensBg p:first-of-type{
		min-width: 20px;
		height: 30px;
		padding: 0 10px 0 50px;
		margin: 0 10px 0 -50px;
		font-size: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0 50px 50px 0;
		background-color: #FC5;
		color: #FFF;
	}
	.servicosItensBg p:last-of-type{
		margin: 3px 0 0;
		font-size: 16px;
		color: #0009;
	}
	.servicosItensBg p:last-of-type span{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #0009;
	}
	.servicosImagem{
		width: 100%;
		margin: -50px -50px -50px 50px;
		background-size: cover;
		background-position: center;
	}

/*MARCAÇÃO*/
	.marcacao{
		width: 100%;
		padding: 100px 0;
	}
	.marcacao .titulo h2{
		text-align: center;
		color: #BBB;
	}
	.marcacaoBg{
		width: 100%;
	}		
	.marcacaoConteudoBg{
		width: 100%;
		margin: 0 0 50px;
	}
	.marcacaoConteudoTitulo{
		width: 100%;
		max-width:950px;
		margin: 0 auto 25px;
		text-align: center;
	}
	.marcacaoConteudoTitulo p{	
		margin: 0 0 10px;	
		font-family: "Citrus";
		font-size: 36px;
		text-align: center;
		letter-spacing: 3px;
		line-height: 115%;
		color: #4BA;
	}
	.marcacaoConteudoTitulo span{
		max-width: 80%;
		margin: auto;
		padding: 20px 0 0;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		text-align: center;
		letter-spacing: 0;
		line-height: 150%;
		color: #999
	}
	.marcacaoConteudoInfo{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.marcacaoConteudoInfoRoxo{
		width: auto;
		max-width: 900px;
		padding: 20px;
		margin: auto;
		border-radius: 10px;
		background-color: #428;
	}
	.marcacaoConteudoInfoAzul{
		width: auto;
		max-width: 900px;
		padding: 20px;
		margin: auto;
		border-radius: 10px;
		background-color: #4BA;
	}

	
	.marcacaoConteudoInfoBg{
		width: 100%;
		max-width: 350px;
		margin: auto;
		margin: 10px;
		padding: 25px 0 150px;
		position: relative;
		border-radius: 10px;
		overflow: hidden;
		background-color: #FFF;
		box-shadow: 0 0 10px #0001;
	}	
	.marcacaoConteudoInfoBg02{
		padding: 25px;
		background-color: #0000;
		box-shadow: 0 0 10px #0000;
	}
	.marcacaoConteudoInfoTitulo{
		width: 100%;
	}
	.marcacaoConteudoInfoTitulo p{
		padding: 0 15px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #428;
	}
	.marcacaoConteudoInfoTitulo p span{
		font-size: 13px;
	}
	.marcacaoConteudoInfoImagem{
		width: 100%;
		height: 200px;
		text-align: center;
		margin: -25px 0 20px;
		background-size: cover;
		background-position: center;
	}
	.marcacaoConteudoInfoImagem img{
		height: 180px;
		margin: 10px 0;
		box-shadow: 0 0 5px #0003;
	}
	.marcacaoConteudoInfoTexto{
		margin: 20px 0;
		align-items: center;
	}
	.marcacaoConteudoInfoTexto p{
		padding: 10px;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		line-height: 125%;
	}	
	.marcacaoConteudoInfoTexto p:last-of-type{
		border-bottom: 0px solid #FFF3;
	}
	.marcacaoConteudoInfoTexto p span{
		margin: 0 5px;
		font-weight: 500;
		color: #4BA;
	}
	.marcacaoConteudoInfoCusto{
		position: absolute;
		width: 100%;
		bottom: 120px;
		align-items: center;
	}
	.marcacaoConteudoInfoCusto p{
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		line-height: 125%;
		color: #4BA;
	}
	.marcacaoConteudoInfoCusto p span{
		font-size: 16px;
	}	
	.marcacaoConteudoInfoCta{
		position: absolute;
		width: 100%;
		bottom: 50px;
		display: flex;
		align-items: center;
	}
	.marcacaoConteudoInfoCta p{
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 auto;
		padding: 15px 25px;
		border-radius: 100px;
		color: #428;
		border: 2px solid #428;
	}
	.marcacaoConteudoInfoCta02{
		position: relative;
		width: 100%;
		display: flex;
		align-items: center;
	}
	.marcacaoConteudoInfoCta02 p{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 auto;
		padding: 15px 25px;
		border-radius: 100px;
		color: #FFF;
		background-color: #428;
		border: 2px solid #428;
	}

/*CONTATO*/
	.contato{
		width: 100%;
	}
	.contatoInfo{
		width: 100%;
		padding: 50px 0;
		background-color: #3139;
	}
	.contatoInfo .container{
		justify-content: flex-start;
		align-items: center;
	}
	.contatoInfoTitulo{
		margin: 0 50px 0 0;
	}
	.contatoInfoTitulo h2{
		font-family: "Citrus";
		font-size: 48px;
		letter-spacing: 3px;
		line-height: 115%;
		color: #4CB;
	}
	.contatoInfoBg{
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 35px 0 0;
		margin: 0 35px 0 0;
		border-right: 1px solid #FFFD;
	}
	.contatoInfoBg:last-of-type{
		border-right: none;
		padding: 0;
		margin: 0;
	}
	.contatoInfoBgIcone{
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50px;
		background-color: #FC0;
	}
	.contatoInfoBgIcone img{
		width: 30px;
		opacity: 0.5;
	}
	.contatoInfoBgTexto{
		margin: 0 0 0 10px;
	}
	.contatoInfoBgTexto p{
		width: 100%;
		line-height: 110%;
		color: #FFFD;
	}
	.contatoInfoBgTexto p:first-of-type{
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}
	.contatoFormulario{
		width: 100%;
		padding: 65px 0 100px 0;
	}
	.contatoFormulario .container{
		flex-wrap: wrap;
		justify-content: center;
	}
	.contatoFormularioConteudo{
		width: 45%;
		margin: 0 2.5% 50px;
	}
	.contatoFormularioConteudo:last-of-type{
		margin: 0;
	}
	.contatoFormularioBg{
		width: 100%;
		margin: 0 0 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.contatoFormularioBg p{
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		color: #FFF9;
	}
	.contatoFormularioInput,
	.contatoFormularioTextarea{
		font-size: 18px;
		font-weight: bold;
		color: #FFF;
		width: 100%;
		height: 35px;
		outline: none;
		border: none;
		border-bottom: 1px solid #FFF9;
		background-color: #0000;
	}
	.contatoFormularioTextarea{
		height: 256px;
		padding: 5px 0;
	}
	.contatoFormularioSubmit{
		height: 45px;
		margin: 0 auto;
		padding: 0 50px;
		border: none;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: bold;
		background-color: #FFF;
	}

/*COMPRAR*/
	.comprar{
		width: 100%;
		padding: 200px 0;
		min-height: 500px;
	}
	.comprarFormulario{
		width: 100%;
		max-width: 500px;
		padding: 25px;
		margin: auto;
		background-color: #FFF;
	}
	.comprarFormularioBg{
		width: 100%;
		margin: 10px 0;
		display: flex;
		flex-wrap: wrap;
	}
	.comprarFormularioBg p{
		width: 100%;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		color: #333;
	}
	.comprarFormularioInput{
		width: 100%;
		height: 40px;
		padding: 0 10px;
		outline: none;
		border: 1px solid #CCC;
		font-weight: 16px;
		font-weight: bold;
	}
	.comprarFormularioInput02{
		background-color: #EEE;
	}
	.comprarFormularioTextarea{
		width: 100%;
		height: 100px;
		padding: 10px;
		outline: none;
		border: 1px solid #CCC;
		font-weight: 16px;
		font-weight: bold;
	}
	.comprarFormularioSubmit{
		width: 100%;
		height: 50px;
		outline: none;
		border: 1px solid #CCC;
		font-weight: 16px;
		font-weight: bold;
		color: #FFF;
		background-color: #428;
	}


/*FOOTER*/
	footer{
		width: 100%;
		padding: 50px 0;
		position: relative;
		background-color: #313;
	}
	.footerEfeito{
		width: 100%;
		height: 5px;
		position: absolute;
		top: -5px;
		background-image: linear-gradient(to right, #E48, #4BA, #428, #FC5)
	}
	.footerCopyright{
		width: 100%;
	}
	.footerCopyright p{
		font-size: 14px;
		color: #FFF9;
	}

/*COOKIES*/
	.cookies{
		width: 100%;
		position: fixed;
		z-index: 9999;
	}
	.cookiesAviso{
		width: 100%;
		position: fixed;
		bottom: 0px;
		padding: 20px 0;
		background-color: #000;
	}
	.cookiesAviso .container{
		justify-content: center;
		align-items: center;
	}
	.cookiesAviso p{
		font-size: 14px;
		text-align: center;
		margin: 0 10px;
		color: #CCC;
	}
	.cookiesAviso p:nth-child(1){
		margin: 0 10px;
	}
	.cookiesAviso p:nth-child(2){
		padding: 10px 20px;
		border-radius: 100px;
		border: 1px solid #CCC;
		cursor: pointer;
	}
	.cookiesAviso p:nth-child(2):hover{
		background-color: #555;
	}
	.cookiesAviso p:nth-child(3){
		font-weight: bold;
		padding: 10px 30px;
		border-radius: 100px;
		border: 1px solid #CCC;
		cursor: pointer;
		color: #000;
		background-color: #CCC;
	}
	.cookiesAviso p:nth-child(3):hover{
		background-color: #FFF;
	}
	.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:1023px) and (min-width: 768px){
	/*HEADER*/
		.headerMenuMobile{
			display: flex;
			position: fixed;
			top: 0;
			right: 0;
			min-width: 90px;
			height: 90px;
			background-color: #F9F9F9;
		}
		.headerMenuMobile p{
			color: #999;
		}
		.headerMenu{
			display: none;
		}
		.headerCta{
			min-width: 130px;
			height: 90px;
			position: absolute;
			right: 90px;
		}

	/*TITULO*/
		.titulo p{
			font-size: 48px;
		}
		.titulo h2{
			font-size: 48px;
		}

	/*CONTATO*/
		.contatoInfo .container{
			flex-wrap: wrap;
			justify-content: center;
		}
		.contatoInfoTitulo{
			width: 100%;
			margin: 0 0 25px;
		}
		.contatoInfoTitulo h2{
			width: 100%;
			text-align: center;
		}
		.contatoInfoBg p{
			text-align: center;
		}
}

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

	.musica{
		bottom: 60px;
	}

	/*HEADER*/
		header{
			position: fixed;
			height: 70px;
			background-color: #FFF;
		}
		.headerMenuMobile{
			display: flex;
			position: fixed;
			top: 0;
			right: 0;
			min-width: 70px;
			height: 70px;
			background-color: #F9F9F9;
		}
		.headerMenuMobile p{
			color: #999;
		}
		.headerMenuMobileConteudoBg{
			width: 90%;
			padding: 0 5%;
			display: flex;
			flex-wrap: wrap;
		}
		.headerMenuMobileConteudoCta{
			width: 90%;
		}
		.headerMarca{
			margin: -10px 0 0;
		}
		.headerMarca img{
			filter: brightness(1);
		}
		header:hover .headerMarca img,
		.header .headerMarca img{
			filter: brightness(1);
		}
		.headerMenu{
			display: none;
		}
		.headerCta{
			min-width: 130px;
			height: 50px;
			position: fixed;
			bottom: 0px;
			right: 0px;
			left: 0;
		}

	/*TITULO*/
		.titulo p{
			font-size: 48px;
		}
		.titulo h2{
			font-size: 48px;
		}

	/*BANNER*/
		.banner{
			margin: 0;
			height: 600px;
		}
		.bannerBgBackground{
			height: 600px;
		}		
		.bannerBg01 p{
			font-size: 36px;
			text-align: center;
		}
		.bannerBg01 p span{
			font-size: 48px;
		}
		.bannerBg02 p{
			font-size: 24px;
		}
		.bannerBg04 img{
			width: 100%;
			height: auto;
		}
		.bannerBg05 p{
			font-size: 16px;
			text-align: center;
		}
		.bannerBg05 p span{
			font-size: 20px;
		}
		.bannerBg006{
			background-image: url(../img/banner06b.webp);
		}		
		.bannerBg06{
			flex-wrap: wrap;
			text-align: center;
			justify-content: center;
			align-items: flex-start;
		}		
		.bannerBg06 p{
			width: 100%;
			order: 1;
			height: auto;
			text-align: center;
			justify-content: center;
			line-height: 100%;
			font-size: 72px;
			margin: 100px 0 0;
		}
		.bannerBg06 p span{
			font-size: 30px;
		}

	/*INFO*/
		.infoConteudo{
			flex-wrap: wrap;
		}
		.infoBg{
			width: 100%;
			border-right: none;
		}
		.infoConteudo:last-of-type .infoBg:first-of-type{
			border-bottom: 1px solid #EEE;
		}

	/*APRESENTACAO*/
		.apresentacao{
			margin: -25px 0 50px;
		}
		.apresentacaoBackground{
			flex-wrap: wrap;
		}
		.apresentacaoImagem{
			width: 120%;
			height: 500px;
			margin: -50px -10% 50px;
		}
		.apresentacaoTextoCta{
			justify-content: center;
		}		

	/*INSTITUCIONAL*/
		.institucionalBackground{
			flex-wrap: wrap;
			padding: 50px 25px;
		}
		.institucionalConteudo{
			order: 2;
			margin: 50px 0 0;
		}	
		.institucionalImagem{
			width: 140%;
			height: 550px;
			margin: -75px -20% 0;
			background-size: cover;
			background-position: center;
		}
		.institucional .titulo br{
			display: none;
		}

	/*DEPOIMENTOS*/
		.depoimentos{
			margin: 50px 0;
			padding: 50px 0;
		}				
		.depoimentosBloco{
			width: 100%;
			position: relative;
			padding: 50px 0 25px;
			margin: 0 0 2%;
			border-radius: 5px;
			background-color: #FFF;
		}

	/*SERVICOS*/
		.servicosBackground{
			flex-wrap: wrap;
			padding: 50px 25px;
		}
		.servicosConteudo{
			order: 2;
			margin: 50px 0 0;
		}	
		.servicosConteudo .titulo h2{
			font-size: 30px;
		}
		.servicosImagem{
			width: 120%;
			height: 350px;
			margin: -50px -10% 0;
		}

	/*MARCAÇÃO*/
		.marcacao{
			padding: 50px 0;
		}
		.marcacaoConteudoInfoBg{
			max-width: 350px;
		}	
		.marcacaoConteudoInfoTexto{
			padding: 0 20px;
		}


	/*CONTATO*/
		.contatoInfoTitulo{
			width: 100%;
			margin: 0 0 25px;
		}
		.contatoInfoTitulo h2{
			text-align: center;
		}
		.contatoInfoBg{
			width: 100%;
			height: auto;
			text-align: center;
			padding: 0 0 25px;
			margin: 0;
			border: none;
		}
		.contatoFormularioConteudo{
			width: 100%;
			margin: 0;
		}

	/*FOOTER*/
		footer{
			padding: 50px 0 100px;
		}
		.footerCopyright p{
			width: 100%;
			text-align: center;
		}

	/*COOKIES*/
		.cookiesAviso p:nth-child(1){
			margin: 0 10px 20px;
		}
	



	
}