html, body{
	padding:0px;
	margin:0px;
	scroll-behavior: auto !important;
	overflow-x: hidden;
}
a, ul, li, p, h1, h2, h3, h4, h5, h6, button, input, textarea{
	font-family: "Roboto", sans-serif;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}
span{
	font-family: "Roboto", sans-serif;
}
a{
	color: inherit;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.container{
	max-width: 1100px;
	width:96%;
	height:auto;
	z-index: 2;
	margin:auto;
}

/*CTA*/
	.cta{
		min-width: 300px;
		height: 50px;
		display: flex;
		align-items: center;
		border-radius: 10px;
		margin: auto;
		background-image:linear-gradient(to right, #0C2, #090);
	}
	.cta p{
		line-height: 0;
		margin: 0 0 0 10px;
		font-weight: bold;
		font-size: 30px;
		color: #FFF;
	}
	.ctaImagem{
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: -15px 0;
		border-radius: 10px 0 0 10px;
		background-color: #FFF;
	}
	.ctaImagem img{
		width: 30px;
	}

/*HEADER*/
	header{
		width: 100%;
		padding: 15px 0;
		position: absolute;
		z-index: 999;
		background-color: #188;
	}
	header .container{
		align-items: center;
	}
	.headerMarca{
		margin: 0 50px 0 0;
	}
	.headerMarca img{
		height: 50px;
	}
	.headerMenu{
		width: 100%;
	}
	.headerMenu ul{
		display: flex;
		justify-content: flex-end;
		list-style: none;
	}
	.headerMenu li{
		margin: 0 0 0 30px;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		color: #036;
	}
	.headerMenu li:hover{
		color: #FFF;
	}

/*SESSAO01*/
	.sessao01{
		width: 100%;
		padding: 100px 0;
		position: relative;
		overflow: hidden;
		background-size: cover;
		background-position: 110%;
		background-image: url(../img/bg01.webp);
	}
	.sessao01Imagem{
		width: 100%;
		position: relative;
		z-index: 2;
	}
	.sessao01Imagem .container{
		align-items: center;
	}
	.sessao01Imagem img:first-of-type{
		width: 350px;
		height: auto;
	}
	.sessao01Imagem img:last-of-type{
		width: 300px;
		height: auto;
	}
	.sessao01Background{
		width: 100%;
		position: relative;
		z-index: 1;
		margin: -125px 0 -50px;
	}
	.sessao01Background img{
		width: 100%;
	}
	.sessao01Texto{
		width: 500px;
		margin: auto;
		position: relative;
		z-index: 2;
		padding: 10px;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #FFF;
	}
	.sessao01Texto img{
		height: 70px;
		margin: -30px 10px -30px 0;
	}
	.sessao01Texto p{
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		color: #036;
	}

/*SESSAO02*/
	.sessao02{
		background-color: #036;
		border-top: 5px solid #188;
		border-bottom: 5px solid #188;		
	}
	.sessao02Bg{
		width: 100%;
		padding: 50px 0;
		height: 200px;
		display: flex;
		align-items: center;
		background-color: #036;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url(../img/bg02.webp);
	}
	.sessao02 p{
		margin: 0 0 0 62%;
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #FFF;
	}

/*SESSAO03*/
	.sessao03{
		width: 100%;
		background-size: cover;
		background-position: center;
		background-image:url(../img/bg03.webp);
	}
	.sessao03Bg{
		width: 100%;
		background-image:linear-gradient(to right, #FFF 25%, #0000 25%);
	}
	.sessao03Imagem{
		width: 50%;
	}
	.sessao03Imagem img{
		width: 400px;
		margin: 0 0 -5px;
	}
	.sessao03Conteudo{
		width: 100%;
	}
	.sessao03Texto{
		max-width: 300px;
		margin: 50px auto 25px;
	}
	.sessao03Texto p{
		font-size: 48px;
		font-weight: 400;
		line-height: 115%;
		color: #FFF;
	}
	.sessao03Texto p:nth-of-type(2){
		font-size: 60px;
		font-weight: 900;
	}
	.sessao03Texto p:nth-of-type(3){
		font-weight: bold;
		font-size: 30px;
	}

/*SESSAO04*/
	.sessao04{
		display: flex;		
	}
	.sessao04Background{
		width: 100%;
		height: 300px;
		border-top: 5px solid #FFF;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-image: url(../img/background07.webp);
	}	
	.sessao04Background:nth-child(odd){
		border-top: 5px solid #2B9;
	}

/*SESSAO05*/
	.sessao05{
		width: 100%;
		padding: 75px 0 0;
		background-color: #FFFFFF;
	}
	.sessao05Titulo{
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.sessao05Titulo h2{
		padding: 10px;
		font-size: 40px;
		font-weight: 900;
		text-align: center;
		text-transform: uppercase;
		line-height: 125%;
		color: #036;
	}
	.sessao05Texto{
		width: 80%;
		padding: 50px;
		margin: 50px auto 0;
		border-radius: 20px 20px 0 0;
		background-color: #036;
		column-count: 2;
	}
	.sessao05Texto p{
		padding: 10px 0;
		font-size: 36px;
		font-weight: 900;
		text-transform: uppercase;
		line-height: 125%;
		color: #FFF;
	}
	.sessao05Texto p:nth-child(even){
		color: #2B9;
	}
	.sessao05Texto p span{
		font-size: 18px;
	}

/*SESSAO06*/
	.sessao06{
		padding: 75px 0;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-image: url(../img/bg06.webp);
	}
	.sessao06Titulo{
		margin: 0 0 0 50%;
	}
	.sessao06Titulo h2{
		font-size: 44px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 125%;
		color: #FFF;
	}
	.sessao06Titulo h2 span{
		font-weight: 900;
	}
	.sessao06Conteudo{
		padding: 25px 350px 25px 25px;
		border: 2px dashed #2B9;
		border-radius: 20px;
		margin: 25px -300px 0 50%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.sessao06Conteudo li{
		margin: 5px 25px;
		font-size: 24px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 125%;
		color: #FFF;
	}
	.sessao06Conteudo li:nth-child(even){
		color: #2B9;
	}
	.sessao06Texto{
		margin: 25px 0 0 50%;
	}
	.sessao06Texto p{
		margin: 5px 25px;
		font-size: 36px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		line-height: 125%;
		color: #2B9;
	}
	.sessao06Texto p span{
		font-weight: 300;
		color: #FFF;
	}

/*SESSAO07*/
	.sessao07{
		width: 100%;
		padding: 50px 0;
		position: relative;
		border-top: 5px solid #2B9;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-image: url(../img/bg07.webp);
	}
	.sessao07Conteudo{
		margin: 25px 15% 25px 30%;
	}
	.sessao07Conteudo p{
		font-size: 30px;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 125%;
		color: #036;
	}
	.sessao07Conteudo p span{
		font-weight: bold;
	}
	.sessao07Imagem img{
		width: 300px;
		position: absolute;
		right: 0;
		top: -50px;
	}

/*SESSAO08*/
	.sessao08{
		width: 100%;
		padding: 50px 0 75px;
		background-repeat: no-repeat;
		background-size: 110% ;
		background-position: center;
		background-image: url(../img/bg08.webp);
	}	
	.sessao08Conteudo{
		width: auto;
		margin: 0 0 25px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sessao08ConteudoImagem{
		width: auto;
		margin: 0 75px 0 0;
		text-align: center;
	}
	.sessao08ConteudoImagem img{
		width: 350px;
	}
	.sessao08 .sessao03Texto{
		width: 100%;
		margin: 0;
	}
	.sessao08ConteudoTexto{
		width: 100%;
		margin: 0 50px;
	}
	.sessao08ConteudoTexto p{
		font-size: 30px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 125%;
		color: #FFF;
	}
	.sessao08ConteudoMarca{
		width: 100%;
	}
	.sessao08ConteudoMarca img{
		width: 300px;
	}
	
/*FOOTER*/
	footer{
		margin: -25px 0 0;
	}
	footer p{
		font-size: 12px;
		text-align: center;
		color: #2B9;
	}

/*COOKIES*/
	.cookies{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		z-index: 9999;
		background-color: #00000099;
	}
	.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: #FFFFFF;
	}
	.cookiesTexto{
		width: 100%;
		margin: 0 0 20px;
	}
	.cookiesTexto p{
		font-size: 16px;
		text-align: center;
		line-height: 125%;
		margin: 0 10px;
		color: #999999;
	}
	.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: #555555;
	}
	.cookiesBotoes p:nth-child(1){
		padding: 10px 20px;
		border-radius: 100px;
		border: 1px solid #555555;
		cursor: pointer;
	}
	.cookiesBotoes p:nth-child(1):hover{
		background-color: #555555;
		color: #FFFFFF;
	}
	.cookiesBotoes p:nth-child(2){
		font-weight: bold;
		padding: 10px 30px;
		border-radius: 100px;
		border: 1px solid #CCCCCC;
		cursor: pointer;
		color: #FFFFFF;
		background-color: #229966;
	}
	.cookiesBotoes p:nth-child(2):hover{
		background-color: #555555;
	}
	.cookiesPopUp{
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0px;
		z-index: 9999;
		background-color: #000000CC;
		display: none;
	}
	.cookiesPopUp .container{
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.cookiesPopUpConteudo{
		max-width: 500px;
		align-items: center;
		position: relative;
		background-color: #FFFFFF;
	}
	.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: #FFFFFF;
	}
	.cookiesPopUpFechar p{
		font-size: 16px;
		font-weight: bold;
		color: #000000;
	}
	.cookiesPopUpTexto{
		width: auto;
		max-height: 500px;
		padding: 25px;
		overflow: auto;
	}
	.cookiesPopUpTexto h2{
		font-size: 24px;
		padding: 0 0 25px;
		border-bottom: 1px solid #EEEEEE;
	}
	.cookiesPopUpTexto h3{
		margin: 25px 0 10px;
		font-size: 20px;
	}
	.cookiesPopUpTexto p{
		margin: 0 0 10px;
		color: #555555;
	}


@media screen and (max-width: 1200px) and (min-width: 820px){
	.sessao07Conteudo{
		margin: 25px 20% 25px 20%;
	}
	.sessao07Conteudo br{
		display: none;
	}
	.sessao07Imagem img{
		width: 300px;
		position: absolute;
		right: -50px;
		top: -50px;
	}
	.sessao08{
		background-size: auto 110% ;
	}
	.sessao08ConteudoTexto p{
		font-size: 24px;
	}
	.sessao08ConteudoMarca img{
		width: 200px;
	}
}


@media screen and (max-width:820px){
	.container{
		width:90%;
		max-width: 450px;
	}
	.flex{
		flex-wrap: wrap;
	}

	/*HEADER*/
		header{
			display: none;
			position: fixed;
		}

	/*SESSAO01*/
		.sessao01{
			padding: 50px 0;
		}	
		.sessao01Imagem{
			width: 100%;
			position: relative;
			text-align: center;
			justify-content: space-between;
			z-index: 2;
		}
		.sessao01Imagem img:first-of-type{
			width: 100%;
			max-width: 250px;
			margin: 0 auto 50px;
		}
		.sessao01Imagem img:last-of-type{
			width: 50%;
			max-width: 120px;
			position: absolute;
			margin: 0;
			right: 10px;
			top: 130px;
		}
		.sessao01Background{
			margin: 0px;
		}
		.sessao01Texto{
			width: auto;
			margin: 25px 0 0;
		}
		.sessao01Texto img{
			height: 50px;
			margin: -30px 10px -30px 0;
		}
		.sessao01Texto p{
			font-size: 20px;
		}

	/*SESSAO02*/
		.sessao02Bg{
			height: 100px;
		}
		.sessao02Bg{
			background-position: center right;
		}
		.sessao02 p{
			margin: 0;
			font-size: 24px;
		}

	/*SESSAO03*/
		.sessao03Bg{
			width: 100%;
			background-image:linear-gradient(to top, #FFF 25%, #0000 25%);
		}
		.sessao03Imagem{
			width: 100%;
			margin: 50px 0 0;
			order: 2;
		}
		.sessao03Imagem img{
			width: 100%;
			margin: 0;
		}
		.sessao03Conteudo{
			width: 100%;
		}
		.sessao03Texto{
			max-width: 300px;
			text-align: center;
			margin: 50px auto 25px;
		}
		.sessao03Texto p{
			font-size: 36px;
		}
		.sessao03Texto p:nth-of-type(2){
			font-size: 48px;
		}
		.sessao03Texto p:nth-of-type(3){
			font-size: 24px;
		}
		.sessao03Texto br{
			display: none;
		}

	/*SESSAO04*/
		.sessao04{
			display: flex;		
			flex-wrap: wrap;
		}
		.sessao04Background{
			width: 50%;
			height: 150px;
		}
		.sessao04Background:nth-child(1),
		.sessao04Background:nth-child(2){
			order: 1;
		}
		.sessao04Background:nth-child(4){
			order: 2;
		}
		.sessao04Background:nth-child(3){
			order: 3;
		}	

	/*SESSAO05*/
		.sessao05{
			padding: 50px 0 0;
		}		
		.sessao05Titulo h2{
			font-size: 30px;
		}
		.sessao05Titulo br{
			display: none;
		}
		.sessao05Texto{
			width: auto;
			margin: 25px auto 0;
			column-count: 1;
		}
		.sessao05Texto p{
			font-size: 24px;
			text-align: center;
		}
		.sessao05Texto p strong{
			display: none;
		}
		.sessao05Texto p span{
			font-weight: 300;
			font-size: 16px;
		}

	/*SESSAO06*/
		.sessao06{
			padding: 50px 0 150px;
			border-top: 5px solid #2B9;
			background-position: center right;
		}
		.sessao06Titulo{
			margin: 0;
		}
		.sessao06Titulo h2{
			font-size: 32px;
			text-align: center;
		}
		.sessao06Titulo h2 br{
			display: none;
		}
		.sessao06Conteudo{
			padding: 25px;
			margin: 25px 0;
		}
		.sessao06Conteudo li{
			font-size: 20px;
		}
		.sessao06Texto{
			margin: 25px 0 0 0;
		}
		.sessao06Texto p{
			font-size: 24px;
		}

	/*SESSAO07*/
		.sessao07{
			padding: 120px 0 50px;
		}
		.sessao07Conteudo{
			margin: 25px 0;
		}
		.sessao07Conteudo p{
			font-size: 24px;
			margin: 10px 0;
			text-align: center;
		}
		.sessao07Conteudo p br{
			display: none;
		}
		.sessao07Imagem img{
			width: 150px;
			top: -150px;
		}

	/*SESSAO08*/
		.sessao08{
			width: 100%;
			padding: 50px 0;
			background-repeat: no-repeat;
			background-size:cover;
			background-position: center;
			background-image: url(../img/bg08.webp);
		}	
		.sessao08Conteudo{
			width: 100%;
			margin: 0 0 50px 0;
			flex-wrap: wrap;
		}
		.sessao08ConteudoImagem{
			margin: 0;
		}
		.sessao08ConteudoImagem img{
			width: 175px;
		}
		.sessao08ConteudoTexto{
			width: 100%;
			margin: 25px 0;
		}
		.sessao08ConteudoTexto p{
			font-size: 20px;
			text-align: center;
		}
		.sessao08ConteudoTexto p br{
			display: none;
		}
		.sessao08ConteudoMarca{
			width: 100%;
			margin: 25px 0 0;
			text-align: center;
		}
		.sessao08ConteudoMarca img{
			width: 150px;
		}
	

	/*ANIMACAO*/
		.animacao01,
		.animacao02,
		.animacao03,
		.animacao04,
		.animacao05,
		.animacao06,
		.animacao07,
		.animacao08,
		.animacao09,
		.animacao10,
		.animacao11,
		.animacao12,
		.animacao13,
		.animacao14,
		.animacao15,
		.animacao16{
			opacity: 0;
		}
		.animacaoDelay0250{
			animation-delay: 0s;
		}
		.animacaoDelay0500{
			animation-delay: 0s;
		}
		.animacaoDelay0750{
			animation-delay: 0s;
		}
		.animacaoDelay1000{
			animation-delay: 0.25s;
		}
		.animacaoDelay1250{
			animation-delay: 0.25s;
		}
		.animacaoDelay1500{
			animation-delay: 0.25s;
		}
		.animacaoDelay1750{
			animation-delay: 0.25s;
		}
		.animacaoDelay2000{
			animation-delay: 0.5s;
		}
		.animacaoDelay2250{
			animation-delay: 0.5s;
		}
		.animacaoDelay2500{
			animation-delay: 0.5s;
		}
		.animacaoDelay2750{
			animation-delay: 0.5s;
		}
		.animacaoDelay3000{
			animation-delay: 0.75s;
		}

}