html, body{
		padding:0px;
		margin:0px;
		overflow-x: hidden;
		background-color: #FFF;
}

a, ul, li, p, h1, h2, h3, h4, h5, h6, button, input, textarea{
		text-decoration:none;
		margin: 0px;
		padding: 0px;
		line-height: 125%;
		font-family: "Libre Franklin", sans-serif;
		color: #777;
}
p{
		font-size: 18px;
		color: #777;
}
a{
		color: inherit;
}
.flex{
		display: flex;
		justify-content: space-between;
}
.main-scroll-container{
		display: flex;
		flex-wrap: nowrap;
		width: max-content;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		z-index: auto !important;
}
.main-scroll-container > section {
  flex: 0 0 auto;
  height: 100vh;
}
.container{
		max-width: 1200px;
		width:96%;
		height:auto;
		position: relative;
		z-index: 2;
		margin:auto;
}
section {
		width: max-content;
		height: 100vh;
		flex-shrink: 0;
		margin: 0;
		position: relative;
}

/*HEADER*/
		header{
				width: 100%;
				height: 60px;
				padding: 20px 0;
				position: fixed;
				display: flex;
				z-index: 999;
				border-bottom: 1px solid #EEE;
				background-image: linear-gradient(to bottom, #FFF, #FFF);
		}
		.header{
				width: 100%;
				margin: 0 50px;
				position: relative;
				display: flex;
				align-items: center;
		}   
		.headerMarca{
				width: 100%;
				max-width: 200px;
				margin: 0 50px 0 0;
		}
		.headerMarca img{
				height: 50px;
		}   
		.headerMobile{		  
				display: none;
		}
		.headerMenu{
				display: none;
		}
		.headerConteudo{
				width: 100%;
				display: flex;
				align-items: center;
		}
		.headerMenuPaulo{
				width: 100%;
		}
		.headerMenuPaulo ul{
				width: 100%;
				display: flex;
				justify-content: flex-end;
				list-style: none;
		}
		.headerMenuPaulo li{
				font-size: 16px;
				margin: 0 15px;
				color: #715;
		}
		.headerMenuPaulo li:hover{
				color: #B16;
		}
		.headerRSocialPaulo{
				width: auto;
				margin: 0 0 0 25px;
				display: flex;
				justify-content: center;
		}
		.headerRSocialPauloBg{
				width: 20px;
				height: 20px;
				margin: 0 5px;
				border-radius: 5px;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 5px;
				background-color: #715;
		}
		.headerRSocialPauloBg:hover{
				background-color: #B16;
		}
		.headerRSocialPauloBg img{
				width: 20px;
		}

/*SESSAO IMAGEM*/
		.sessaoImagem{
				width: 700px;
				height: 100vh;
				overflow: hidden;
		}
		.sessaoImagemBg{
				width: 100%; 
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				filter: grayscale(1);
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
		}
		.sessaoImagemBg video{
				width: 100vh;
		}

/*SESSAO01*/
		.sessao01{
				width: auto;
		}   
		.sessao01Background{
				width: 100vw;
				height: 100vh;
				position: relative;
				z-index: 2;
				display: flex;
				gap: 100px;
				justify-content: space-between;
				box-sizing: border-box;
				padding: 150px 100px 50px 50px;
				background-image:linear-gradient(to bottom, #FFF, #FFFC);
		}   
		.sessao01Imagem{
				width: 300px;
				height: 100%;
				position: relative;
				padding: 0 200px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 0;
				border: none;
				border-top: none;
				overflow:visible;
		}		
		.sessao01Imagem img{
				height: 700px;
				position: absolute;
				z-index: 3;
				margin: 0 -100px 0 0;
				filter: drop-shadow(0 0 50px #7153);
		}
		.sessao01Conteudo{
				width: 100%;
				height: 100%;
				display: flex;
				flex-wrap: wrap;
				align-content: center;
				align-items: center;
		}
		.sessao01ConteudoTitulo{
				width: 100%;
				padding: 0;
		}
		.sessao01ConteudoTitulo h1{
				font-weight: 200;
				font-size: 40px;
				line-height: 125%;
				letter-spacing: 1px;
		}
		.sessao01ConteudoTitulo span{
				font-weight: bold;
				color: #715;
		}
		.sessao01ConteudoTexto{
				width: 100%;
				padding: 25px 0 0 0;
		}
		.sessao01ConteudoTexto p{
				font-size: 18px;
				font-weight: 200;
				text-align: justify;
				line-height: 150%;
				margin: 0 0 25px;
		}
		.sessao01ConteudoTexto p:first-of-type{
				font-weight: 400;
				font-size: 20px;
		}
		.sessao01ConteudoTexto span{
				font-size: 18px;
				font-weight: bold;
				font-weight: 400;
				font-style: italic;
				white-space: nowrap;
				margin: 0;
				color: #B16;
		}
		.sessao01ConteudoEfeito01{
				width: 100px;
				height: 50px;
				margin: 0 0 -25px -25px;
				border-top: 3px solid #000;
				border-left: 3px solid #000;
		}
		.sessao01ConteudoEfeito02{
				width: 100px;
				height: 50px;
				display: flex;
				justify-self: flex-end;
				margin: -50px -25px 0 auto;
				border-bottom: 3px solid #000;
				border-right: 3px solid #000;
		}

/*SESSAO02*/
		.sessao02{
				width: auto;
		}
		.sessao02Background{
				width: 100vw;
				height: 100vh;
				box-sizing: border-box;
				padding: 150px 0 50px 50px;
				background-color: #FFF;
				display: flex;
				justify-content: space-between;
		}
		.sessao02Texto{
				width: 50%;
				height: 100%;
				padding: 0 100px 0 50px;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				align-content: center;
		}
		.sessao02Texto h2{
				width: 100%;
				margin: 0 0 25px;
				font-weight: 200;
				font-size: 30px;
				line-height: 125%;
				letter-spacing: 1px;
				color: #715;
		}
		.sessao02Texto h2 span{
				font-weight: bold;
		}
		.sessao02Texto p{
				width: 100%;
				margin: 0 0 10px;
				font-weight: 200;
				line-height: 150%;
				text-align: justify;
		}
		.sessao02Conteudo{
				width: 100%;
				height: 100%;
				padding: 0;
				display: flex;
				align-items: center;
		}
		.sessao02itens{
				width: 25%;
				height: 100vh;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				background-image:linear-gradient(to top, #765, #A98);
		}
		.sessao02itens:nth-child(2){
				background-image:linear-gradient(to top, #715, #A48);
		}
		.sessao02itens:nth-child(3){
				background-image:linear-gradient(to top, #111, #444);
		}
		.sessao02itens:nth-child(4){
				background-image:linear-gradient(to top, #B16, #E49);
		}
		.sessao02itensBg{
				padding: 30px;
				margin: -200px 0 0;
		}
		.sessao02itens:nth-child(1) img,
		.sessao02itens:nth-child(1) h3,
		.sessao02itens:nth-child(1) p{
				filter: invert(0);
		}
		.sessao02itens:nth-child(2) .sessao02itensBg{
				margin: -100px 0 0;
		}
		.sessao02itens:nth-child(3) .sessao02itensBg{
				margin: 0 0 0;
		}
		.sessao02itens:nth-child(4) .sessao02itensBg{
				margin: 100px 0 0;
		}
		.sessao02itensBg img{
				width: 30px;
				margin: 0 0 15px;
		}
		.sessao02itensBg h3{
				font-size: 18px;
				color: #FFF;
		}
		.sessao02itensBg p{
				font-size: 16px;
				margin: 10px 0 0;
				color: #FFF;
		}

/*SESSAO03*/
		.sessao03{
				height: 100vh;
				margin: 0;
		}   
		.sessao03Background{
				width: auto;
				height: 100vh;
				box-sizing: border-box;
				padding: 150px 50px 50px 50px;
				background-color: #FFF;
				display: flex;
				justify-content: space-between;
		}   
		.sessao03Titulo{
				width: 300px;
				min-width: 300px;
				height: 100%;
				display: flex;
				align-items: flex-end;
				box-sizing: border-box;
				padding: 150px 0 50px 50px;
		}
		.sessao03Titulo h2{
				width: 100%;
				font-weight: 200;
				font-size: 36px;
				line-height: 125%;
				letter-spacing: 1px;
				color: #715;
		}
		.sessao03Titulo h2 span{
				font-weight: bold;
		}
		.sessao03Conteudo{
				width: auto;
				display: flex;
				justify-content: flex-start;
				position: relative;
				z-index: 2;
				gap: 10px;
				margin: 0 0 0 50px;
		}
		.sessao03itens{
				height: 100%;
				display: flex;
				gap: 10px;
				box-sizing: border-box;
				flex-direction: column;
		}
		.sessao03itens01{
				width: 400px;
				min-width: 400px;
				height: 100%;
				border-radius: 20px;
				border: 1px solid #CCC;
				background-size: cover;
		}
		.sessao03itens02{
				width: 680px;
				min-width: 700px;
				height: calc(50% - 5px);
				border-radius: 20px;
				background-color: #0000;
		}
		.sessao03itens03{
				width: 700px;
				min-width: 700px;
				height: calc(50% - 5px);
				border-radius: 20px;
				display: flex;
				gap: 10px;
		}
		.sessao03itens02 .sessao03itens03{
				height: calc(100% - 5px);
		}
		.sessao03itens04{
				width: 340px;
				min-width: 340px;
				max-height: 100%;
				border-radius: 20px;
				display: flex;		  
		}
		.sessao03itens04  .sessao03itensInfoTitulo h3{
				color: #FFF;
		}
		.sessao03itens04 .sessao03itensInfoFrase p{
				color: #FFF;
				opacity: 0.9;
		}
		.sessao03itens04 .sessao03itensInfoTexto p{
				color: #FFF;
		}
		.sessao03itens05{
				width: 340px;
				min-width: 340px;
				max-height: 100%;
				border-radius: 20px;
				display: flex;
				background-size: cover;
				background-position: center;
		}
		.sessao03itensInfo{
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
				align-content: flex-start;
				transition: ease-in-out 0.5s;
		}
		.sessao03itensInfo02{
				filter: invert(1);
				align-items: center;
		}
		.sessao03itensInfoBg{
				width: auto;
				max-width: 60%;
		}
		.sessao03itensInfoTitulo{
				width: 100%;
				padding: 35px 25px 0 25px;		  
		}
		.sessao03itensInfoTitulo h3{
				text-transform: uppercase;		  
				font-size: 12px;
				letter-spacing: 2px;
				color: #000;
		}
		.sessao03itensInfoFrase{
				width: 100%;
				margin: 25px;
		}
		.sessao03itens02 .sessao03itensInfoFrase,
		.sessao03itens03 .sessao03itensInfoFrase{
				width: 100%;
				margin: 20px 25px;
		}
		.sessao03itensInfoFrase p{
				font-size: 24px;
				font-style: italic;
				font-weight: 100;
				line-height: 125%;
				color: #000;
				opacity: 0.7;
		}
		.sessao03itensInfoTexto p{
				font-size: 15px;
				line-height: 150%;
				margin: 0 25px 10px;
				text-align: justify;
				color: #000;
		}
		.sessao03itensInfoTexto span{
				font-weight: bold;
		}
		.sessao03itensInfoLista{
				width: 100%;
				padding: 20px 25px 0 25px;
		}
		.sessao03itensInfoLista02{
				column-count: 2;
				column-gap: 0px;
				margin: -20px 0 0;
		}
		.sessao03itensInfoLista hr{
				width: 100px;
				margin: 0;
				border: 0;
				border-bottom: 1px solid #CCC;
		}
		.sessao03itensInfoLista h4{
				margin: 20px 0;
		}
		.sessao03itensInfoLista img{
				width: 20px;
				margin: 0 5px 0 0;
		}
		.sessao03itensInfoLista p{
				margin: 5px 0;
				font-size: 15px;
				display: flex;
				align-items: center;
				color: #000;
				opacity: 0.7;
		}
		.sessao03itensInfoEfeito{
				width: 150%;
				height: 100px;
				position: absolute;
				z-index: 0;
				top: 50%;
				margin: -15px -25% 0;
				background-image: linear-gradient(to bottom, #FFF0, #FFF, #FFF0);
				animation: sessao03itensInfoEfeito 7s ease-in-out infinite alternate;
		}
		@keyframes sessao03itensInfoEfeito {
				0% {transform: rotate(0)}
				100% {transform: rotate(360deg)}
		}
		.sessao03Efeito{
				width: 500px;
				height: 500px;
				display: flex;
				align-items: center;
				position: absolute;
				bottom: 50px;
				right: 50px;
		}
		.sessao03B .sessao03Efeito{
				right: 50%;
		}
		.sessao03C .sessao03Efeito{
				right: -25%;
		}
		.sessao03Efeito img{
				width: 100%;
		}
		.sessao03Video{
				width: 100%;
				height: 100vh;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
				filter: grayscale(1);
		}
		.sessao03Video video{
				position: absolute;
				top: 50%;
				left: 50%;
				min-width: 100%;
				min-height: 100%;
				width: auto;
				height: auto;
				transform: translate(-50%, -50%);
				object-fit: cover;
				filter: invert(1);
				opacity: 0.1;
		}
		
/*SESSAO04*/
		.sessao04{
				width: auto;
				height: auto;
				position: relative;
				z-index: 99;
				background-color: #FFF9;
		}
		.sessao04Background{
				display: flex;
				width: max-content;
				height: 100vh;
				box-sizing: border-box;
				padding: 150px 50px 50px 50px;
		}   
		.sessao04Titulo{
				width: 100px;
				margin: 0 0 25px;
				position: relative;
				z-index: 2;
		}
		.sessao04Titulo h2{
				margin: 50px 0 0;
				transform: rotate(-90deg);
				font-size: 36px;
				line-height: 115%;
				color: #715;
		}
		.sessao04Conteudo{
				width: max-content;
				min-width: max-content;
				flex: 0 0 auto;
				display: flex;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: flex-start;
				position: relative;
				z-index: 2;
		}
		.sessao04ConteudoBg{
				flex: 0 0 auto;
				flex-shrink: 0;
				display: flex;
				height: 540px;
				padding: 25px;
				gap: 25px;
				margin: 0 10px 0 0;
				border-radius: 10px;
				border: 1px solid #CCC;
		}
		.sessao04ConteudoInfo{
				width: 300px;
				padding: 25px;
				overflow: auto;
				border-radius: 10px;
				background-image:linear-gradient(to top, #CCC, #EEE);
		}
		.sessao04ConteudoBg:nth-child(2n) .sessao04ConteudoInfo{
				background-image:linear-gradient(to bottom, #876, #654);
		}		
		.sessao04ConteudoInfoTexto{
				width: 100%;
				margin: 25px 0 0;
		}
		.sessao04ConteudoInfoTexto h3{
				margin: 0 0 15px;				  
				font-size: 14px;
				font-weight: 300;
				letter-spacing: 2px;
				color: #333;
		}
		.sessao04ConteudoBg:nth-child(2n) .sessao04ConteudoInfoTexto h3{				
				color: #EEE;
		}
		.sessao04ConteudoInfoTexto h3 strong{
				text-transform: uppercase;		
				font-size: 16px;
				font-weight: bold;
				color: #715;
		}
		.sessao04ConteudoInfoTexto p{
				font-size: 16px;
				line-height: 140%;
				text-align: justify;
				margin: 0 0 10px;
				color: #333;
		}
		.sessao04ConteudoBg:nth-child(2n) .sessao04ConteudoInfoTexto p{	
				color: #EEE;
		}
		.sessao04ConteudoInfoLink{
				width: 100%;
				margin: 25px 0 0;
				display: flex;
				align-items: center;
		}
		.sessao04ConteudoInfoLink p{
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
				padding: 0 5px 0 0;
				color: #000;
		}
		.sessao04ConteudoBg:nth-child(2n) .sessao04ConteudoInfoLink p{	
				color: #FFF;
		}
		.sessao04ConteudoInfoLink img{
				width: 30px;
				opacity: 0.7;
		}
		.sessao04ConteudoBg:nth-child(2n) .sessao04ConteudoInfoLink img{	
				filter: invert(1);
		}
		.sessao04ConteudoInfoLink img:hover{
				opacity: 1;
				transform: scale(1.1);
		}
		.sessao04ConteudoGaleria{
				width: auto;
				display: flex;
		}
		.sessao04ConteudoGaleriaBg{
				min-width: 200px;
				height: 540px;
				order: 1;
		}
		.sessao04ConteudoBgInativo{
				display: none;
		}
		.sessao04ConteudoGaleria33,
		.sessao04ConteudoGaleria50,
		.sessao04ConteudoGaleria66,
		.sessao04ConteudoGaleria100{
				width: 198px;
				border-radius: 10px;
				border: 1px solid #FFF;
				overflow: hidden;
				transition: 0.3s ease-in-out;
		}
		.sessao04ConteudoGaleria33:hover,
		.sessao04ConteudoGaleria50:hover,
		.sessao04ConteudoGaleria66:hover,
		.sessao04ConteudoGaleria100:hover{
				transform: scale(0.9);
				z-index: 99;
		}
		.sessao04ConteudoGaleria33{
				height: 178px;
		}
		.sessao04ConteudoGaleria50{
				height: 268px;
		}
		.sessao04ConteudoGaleria66{
				height: 358px;
		}
		.sessao04ConteudoGaleria100{
				height: 538px;
		}
		.sessao04ConteudoGaleriaBg img{
				width: 100%;
				height: 100%;
				object-fit: cover; 
				object-position: center;
				transition: 0.3s ease-in-out;
		}
		.sessao04ConteudoGaleriaBg img:hover{
				transform: scale(1.2);
		}
		.sessao04ConteudoMais{
				width: 100px;
				height: 540px;
				margin: 0 20px;
				display: flex;
				order: 2;
				align-items: flex-end;
		}
		.sessao04ConteudoMaisBg{
				flex: 0 0 75px;
				flex-shrink: 0;
				min-width: 75px;
				height: 75px;
				display: flex;
				border-radius: 100px;
				align-items: center;
				justify-content: center;
				animation: ease-in-out 0.3s;
				cursor: pointer;
				background-color: #CCC;
				order: 100;
		}
		.sessao04ConteudoMaisBg:hover{
				transform: scale(1.1);
				background-color: #E71;
		}
		.sessao04ConteudoMaisBg p{
				font-size: 30px;
				font-weight: bold;
				color: #FFF;
		}

/*SESSAO05*/
		.sessao05{
				width: 100vw;
				display: flex;
				overflow: hidden !important; 
				position: relative;
				background-image: url(../img/background05.jpg);
		}   
		.sessao05Background{
				width: 100%;
				height: 100vh;
        padding: 150px 100px 50px;
				overflow: hidden;
				position: relative;
				background-color: #FFFC;
		}
		.sessao05Titulo{
				width: 100%;
				margin: 0 0 25px;
				position: relative;
				z-index: 2;
		}
		.sessao05Titulo h2{
				font-size: 36px;
				line-height: 115%;
				text-align: center;
				color: #715;
		}
		.sessao05Conteudo{
				width: 100%;
				max-width: 1000px;
				height: 500px;
				margin: -50px auto 0;
		}
		.sessao05ConteudoBg{
				width: 100%;
		}

/*SESSAO07*/
    .sessao07{
        width: auto;
        min-width: 100vw;
        background-image:linear-gradient(to top, #715, #B16);
    }
		.sessao07Background{
				width: auto;
				height: 100vh;
				box-sizing: border-box;
				padding: 150px 0 0;
				display: flex;
				justify-content: space-between;
		}   
		.sessao07Titulo{
				width: 300px;
				min-width: 300px;
				height: 100%;
				display: flex;
				align-items: flex-end;
				box-sizing: border-box;
				padding: 150px 0 50px 50px;
		}
		.sessao07Titulo h2{
				width: 100%;
				font-weight: 200;
				font-size: 36px;
				line-height: 125%;
				letter-spacing: 1px;
        color: #FFF;
		}
		.sessao07Titulo h2 span{
				font-weight: bold;
        color: #FFF;
		}
		.sessao07Conteudo{
				width: auto;
				display: flex;
				justify-content: flex-start;
				position: relative;
				z-index: 2;
				margin: 0 0 0 50px;
		}
		.sessao07itens{
				height: 600px;
				display: flex;
				flex-direction: column;
		}
		.sessao07itens01{
				width: 400px;
				min-width: 400px;
				height: 590px;
				margin: 5px;
				border-radius: 20px;
				border: 3px solid #765;
        background-color: #FFFD;
		}					
    .sessao07itens:nth-child(2) .sessao07itens01{
        background-color: #FFFE;
    }
    .sessao07itens:nth-child(3) .sessao07itens01{
        background-color: #FFFF;
    }		
    .sessao07itens01:hover,
    .sessao07itens:nth-child(2) .sessao07itens01:hover,
    .sessao07itens:nth-child(3) .sessao07itens01:hover{
				border: 3px solid #765;
    }
		.sessao07itensInfo{
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
				align-content: flex-start;
				transition: ease-in-out 0.5s;
		}
		.sessao07itensInfoImagem{
    		width: 100%;
    		height: 300px;
    		margin: 10px;
    		border-radius: 10px;
    		background-size: cover;
    		background-color: #000;
		}
		.sessao07itensInfoData{
        width: 100%;
    }
    .sessao07itensInfoData p{
        font-size: 12px;
        line-height: 150%;
        margin: 0 25px 10px;
        text-align: justify;
        font-weight: bold;
        letter-spacing: 2px; 
        color: #333;
    }		
		.sessao07itensInfoTitulo{
				width: 100%;
				padding: 0 25px 15px;		  
		}
		.sessao07itensInfoTitulo h3{
				text-transform: uppercase;		  
				font-size: 16px;
        line-height: 150%;
				color: #715;
		}
		.sessao07itensInfoTexto{
				width: 100%;
				margin: 0 25px;
		}		 
		.sessao07itensInfoTexto p{
				font-size: 16px;
				line-height: 150%;
				margin: 0;
		}
    .sessao07ConteudoMais{
        width: 100px;
        height: 540px;
        margin: 0 20px;
        display: flex;
        order: 2;
        align-items: flex-end;
    }
    .sessao07ConteudoMaisBg{
        flex: 0 0 75px;
        flex-shrink: 0;
        min-width: 75px;
        height: 75px;
        display: flex;
        border-radius: 100px;
        align-items: center;
        justify-content: center;
        animation: ease-in-out 0.3s;
        cursor: pointer;
        background-color: #B16;
        order: 100;
    }
    .sessao07ConteudoMaisBg:hover{
        transform: scale(1.1);
        background-color: #E71;
    }
    .sessao07ConteudoMaisBg p{
        font-size: 30px;
        font-weight: bold;
        color: #FFF;
    }

/*SESSAO06*/
		.sessao06{
				width: 100vw;
		}
		.sessao06Background{
				min-height: 100vh;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				align-content: center;
				padding: 50px 100px 0 100px;
				overflow: hidden;
		}
		.sessao06Conteudo{
				width: 100%;
				display: flex;
				align-items: center;
		}
		.sessao06Dados{
				width: 100%;
				margin: 0 50px 0 0;
		}
		.sessao06Titulo{
				width: 100%;
				margin: 0 0 50px 0;
		}
		.sessao06Titulo h2{
				font-weight: 400;
				font-size: 20px;
				line-height: 115%;
				color: #999;
		}
		.sessao06Titulo p{
				margin: 10px 0 0;
				line-height: 125%;
				font-size: 36px;
				font-weight: bold;
				color: #715;
		}
		.sessao06DadosBg{
				width: 100%;
				display: flex;
				align-items: center;
				margin: 10px 0;
		}			
		.sessao06DadosBg img{
				width: 30px;
				padding: 10px;
				border-radius: 5px;
				background-color: #3CC;
		}
		.sessao06DadosBgImagem{
				background-color: #B16;
		}
		.sessao06DadosBgImagem img{
				width: 30px;
				filter: brightness(10);
				background-color: #0000;
		}	
		.sessao06DadosBg p{
				font-size: 17px;
				margin: 0 0 0 10px;
				line-height: 125%;
				color: #333;
		}
		.sessao06DadosBg p span{
				font-weight: bold;
				font-size: 14px;
		}
		.sessao06Formulario{
				width: 75%;
				padding: 50px;
				border-radius: 20px;
				background-color: #715;
		}
		.sessao06FormularioTitulo{
				width: 100%;
		}
		.sessao06FormularioTitulo h3{
				text-align: center;
				font-size: 20px;
				line-height: 125%;
				margin: 0 0 15px;
				color: #FFF;
		}
		.sessao06FormularioBg{
				width: 100%;
				margin: 10px 0;
				display: flex;
				flex-wrap: wrap;
		}
		.sessao06FormularioBg p{
				font-size: 14px;
				width: 100%;
				color: #FFF;
		}
		.sessao06FormularioBg input,
		.sessao06FormularioBg textarea{
				width: 100%;
				height: 35px;
				padding: 5px;
				border-radius: 5px;
				font-weight: bold;
				font-size: 16px;
				outline: none;
				border: none;
		}
		.sessao06FormularioBg textarea{
				height: 80px;
		}
		.sessao06FormularioBgSubmit{
				height: 50px;
				padding: 10px 0;
				color: #FFF;
				background-color: #333;
		}
		.sessao06FormularioTexto p{
				text-align: center;
				font-size: 15px;
				color: #999;
		}
		.sessao06FormularioFlex{
			display: flex;
			gap: 15px;
		}
		.sessao06Alvo{
				width: auto;
				height: 100vh;
				display: flex;
				align-items: flex-end;
		}
		.sessao06Alvo img{
				width: 300px;
				margin: 0 -50px 0 0;
		}
		.sessao06Alvo img:last-of-type{
				display: none;
		}

/*WHATSAPP*/
		.whatsapp{
				display: flex;
				align-items: center;
				position: fixed;
				z-index: 999;
				right: 30px;
				bottom: 30px;
		}
		.whatsappTexto{
				padding: 10px;
				margin: 0 5px 0 0;
				position: relative;
				z-index: 2;
				border-radius: 5px;
				background-color: #F9F9F9;
		}
		.whatsappTexto p{
				font-size: 12px;
				color: #666;
		}
		.whatsappTexto p span{
				text-transform: uppercase;
				font-weight: bold;
		}
		.whatsappImagem{
				width: 70px;
				height: 70px;
				position: relative;
		}   
		.whatsappImagemBg{
				width: 70px;
				height: 70px;
				position: relative;
				z-index: 2;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 100px;
				background-color: #2D6;
		}
		.whatsappImagemBg img{
				width: 50px;
				height: 50px;
		}
		.whatsappImagemEfeito{
				width: 70px;
				height: 70px;
				border-radius: 100px;
				position: absolute;
				top: 0px;
				right: 0;
				animation: whatsappImagem 3s infinite;
		}
		@keyframes whatsappImagem {
		0%{
				transform: scale(1.0);
						background-color: #2D6;
				}
				100%{
						transform: scale(1.5);
						background-color: #2D60;
				}
		}

/*BLOG*/
		.blog{
				width: 100%;
				padding: 100px 0 0;
				margin: 0 0 50px;
		}
		.blogTitulo{
			width: 100%;
			padding: 50px 0;
			margin: 0 0 25px;
			background-color: #715;
		}
		.blogTitulo h1{
			font-weight: 300;
			color: #FFF;
		}
		.blogTitulo h1 strong{
			font-weight: bold;
		}
		.blogConteudo{
				width: 100%;
				display: flex;
				gap: 1%;
				flex-wrap: wrap;
		}
		.blogConteudoBg{
				width: 31.33%;
				height: 600px;
				display: flex;
				flex-direction: column;
		}
		.blogConteudoBgBackground{
				width: 100%;
				height: 590px;
				margin: 5px;
				border-radius: 20px;
				border: 3px solid #CCC;
        background-color: #FFFD;
		}	
    .blogConteudoBgBackground:hover{
        border: 3px solid #715;
    }
		.blogConteudoBgInfo{
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
				align-content: flex-start;
				transition: ease-in-out 0.5s;
		}
		.blogConteudoBgImagem{
    		width: 100%;
    		height: 300px;
    		margin: 10px;
    		border-radius: 10px;
    		background-size: cover;
    		background-color: #000;
		}
		.blogConteudoBgData{
        width: 100%;
    }
    .blogConteudoBgData p{
        font-size: 12px;
        line-height: 150%;
        margin: 0 25px 10px;
        text-align: justify;
        font-weight: bold;
        letter-spacing: 2px; 
        color: #333;
    }		
		.blogConteudoBgTitulo{
				width: 100%;
				padding: 0 25px 15px;		  
		}
		.blogConteudoBgTitulo h3{
				text-transform: uppercase;		  
				font-size: 16px;
        line-height: 150%;
				color: #715;
		}
		.blogConteudoBgTexto{
				width: 100%;
				margin: 0 25px;
		}		 
		.blogConteudoBgTexto p{
				font-size: 16px;
				line-height: 150%;
				margin: 0;
		}
		.blogCompartilhar{
	    padding: 15px 15px 25px;
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    gap: 10px;
	    border-top: 1px solid #eee;
	}
	.blogCompartilhar p {
	    font-size: 14px;
	    color: #666;
	}
	.blogCompartilhar a {
	    text-decoration: none;
	    font-size: 13px;
	    padding: 5px 10px;
	    border-radius: 4px;
	    color: #fff;
	}
	.blogCompartilhar .btnWhats { background-color: #25d366; }
	.blogCompartilhar .btnFace { background-color: #1877f2; }
	.blogCompartilhar .btnLinkIn { background-color: #0077b5; }
	.blogCompartilhar .btnTwitter { background-color: #000000; }
	.blogCompartilhar .btnCopiar { background-color: #6c757d; }
    
/*POST*/
		.post{
				width: 100%;
				margin: 150px 0 0;
		}
		.postConteudo{
				width: 100%;
				padding: 0 25px 0 0;
				margin: 150px 25px 0 0;
				border-right: 1px solid #EEE;
		}
		.postConteudoImagem{
				width: 100%;
				margin: 25px 0;
		}
		.postConteudoImagem img{
				width: 100%;
		}
		.postConteudoTitulo{
			width: 100%;
		}
		.postConteudoTitulo h1{
				color: #715;
		}
		.postConteudoTexto{
				width: 100%;
				margin: 50px 0;
		}
		.postConteudoTexto ul{
				padding: 10px 50px;
		}
		.postConteudoTexto p,
		.postConteudoTexto li{
				font-size: 18px;
				font-weight: 300;
				margin: 0 0 10px;
		}
		.postConteudoTags{
				width: 100%;
		}
		.postConteudoTags p{
				font-size: 14px;
				line-height: 250%;
		}
		.postConteudoTags p span{
				padding: 5px;
				margin: 2px;
				background-color: #EEE;
		}
		.postBlog{
				width: 225px;
				min-width: 225px;
				margin: 160px 0 0;
		}
		.postBlogCategoria{
				width: 100%;
				margin: 0 0 25px;
		}
		.postBlogCategoria h2{
				font-size: 16px;
				text-transform: uppercase;
				margin: 0 0 10px;
				color: #333;
		}
		.postBlogBg{
				width: 100%;
				margin: 0 0 10px;
				display: flex;
				align-items: center;
		}
		.postBlogBgFoto{
				width: 80px;
				min-width: 80px;
				height: 80px;
				background-size: cover;
				background-position: center;
				filter: saturate(0);
		}
		.postBlogBgTexto{
				width: 100%;
				margin: 0 0 0 10px;
		}
		.postBlogBgTexto{
				width: 100%;
				margin: 0 0 0 10px;
		}
		.postBlogBgTexto p{
				font-size: 14px;
		}

/*PAGINACAO*/
		.paginacao{
				width: 100%;
				height: 30px;
				margin: 25px 0 0;
				display: flex;
				justify-content: center;
		}
		.paginacaoBg,
		.paginacaoBgAtual{
				width: 20px;
				height: 20px;
				margin: 0 5px;
				padding: 5px;
				display: flex;
				justify-content: center;
				align-items: center;
		}
		.paginacaoBg,
		.paginacaoBgAtual{
				border: 1.5px solid #DDD;
		}
		.paginacaoBgAtual{
				background-color: #DDD;
		}
		.paginacaoBg:hover{
				border: 1.5px solid #333;
		}
		.paginacaoBg p{
				font-size: 13px;
				color: #999;
		}
		.paginacaoBgAtual p,
		.paginacaoBg:hover p{
				font-size: 13px;
				color: #333;
		}
		.paginacaoBgPontos{
				width: 30px;
				height: 30px;
				display: flex;
				justify-content: center;
				align-items: flex-end;
		}
		.paginacaoBgPontos p{
				color: #999;
		}

/*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) {
		html, body {
				overflow-x: hidden !important;
				overflow-y: auto !important;
				height: auto !important;
		}

		.main-scroll-container {
				width: 100% !important;
				height: auto !important;
				display: flex;
				flex-direction: column !important;
				transform: none !important;
		}

		.sessao {
				width: 100% !important;
				height: auto !important;
				position: relative !important;
				left: 0 !important;
		}

		.sessao03-wrapper, 
		.sessao05-wrapper {
				transform: none !important;
				height: auto !important;
		}

		.sessao04Slide {
				width: 100% !important;
				display: flex;
				flex-direction: column !important;
				transform: none !important;
		}
		.sessao04SlideBg {
				width: 100% !important;
				height: auto;
		}
}

@media (prefers-reduced-motion: reduce) and (min-width: 1025px) {
	.main-scroll-container {
		width: 100%;
		display: block;
		overflow: visible;
	}
	.main-scroll-container > section,
	section {
		width: 100%;
		height: auto;
	}
}

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

@media screen and (max-width: 767px){
		.flex{
				flex-wrap: wrap;
		}
		.main-scroll-container > section {
		  flex: 0 0 auto;
		  height: auto;
		}
		.engenharia section {
			min-height: auto;
		}

		/*HEADER*/
				header{
						background-color: #FFF;
				}
				.header{
						height: auto;
						margin: 0 10px;
				}
				.headerMarca{
						max-width: 200px;
				}
				.headerMarca img{
						width: 200px;
				}
				.headerMobile{
						min-width: 45px;
						height: 45px;
						display: flex;
						align-items: center;
						justify-content: center;
						border-radius: 10px;
						position: relative;
						z-index: 99;
						cursor: pointer;
						background-color: #715;
						display: flex;
				}
				.headerMobile p{
						margin: -3px 0 0;
						font-size: 20px;		
						font-weight: 900;
						color: #FFF;
				}
				.headerMenu{
						width: 300px;
						height: 100vh;
						position: relative;
						position: fixed;
						z-index: 1;
						right: 0;
						top: 0;
						box-shadow: 0 0 5px #0003;
						background-color: #EEE;
				}
				.headerMenu ul{
						width: 100%;
						margin: 100px 0;
						font-weight: bold;
						font-family: "Cantarell", sans-serif;
						list-style: none;		   
						padding: 0;
				}
				.headerMenu li{
						padding: 10px 20px;
						font-size: 20px;
						color: #715;
				}
				.headerMenu li:hover{
						color: #715;
				}
				.headerRSocialContent{
						width: 300px;
						height: auto;
						position: fixed;
						bottom: 0;
				}
				.headerRSocial{
						width: 100%;
						padding: 50px 0;
						display: flex;
						justify-content: center;
						border-top: 1px solid #CCC;
				}
				.headerRSocialBg{
						width: 20px;
						height: 20px;
						margin: 0 5px;
						border-radius: 5px;
						display: flex;
						align-items: center;
						justify-content: center;
						padding: 10px;
				}
				.headerRSocialBg:hover{
						filter: brightness(1.2);
				}
				.headerRSocialBg img{
						width: 20px;
				}
				.headerCopyright{
						width: 100%;
						padding: 20px 0;
						display: flex;
						justify-content: center;
				}
				.headerCopyright p{
						font-size: 12px;
						text-align: center;
						color: #999;
				}
				.headerMenuPaulo{
						display: none;
				}
				.headerRSocialPaulo{
						display: none;
				}

		/*SESSAO IMAGEM*/
				.sessaoImagem{
						width: 100%;
						height: auto;
				}
				.sessaoImagemBg{
						position: relative;
						left: 0;
						width: 100%; 
						height: 300px;
				}
				.engenharia .sessaoImagem{
					display: block;
				}

		/*SESSAO01*/
				.sessao01Background{
						width: 100%;
						height: auto;
						flex-wrap: wrap;
						padding: 125px 20px 50px;
				}
				.sessao01Imagem{
						width: 100%;
						padding: 0;
						order: 2;
						text-align: center;
				}		
				.sessao01Imagem img{
						width: 200%;
						height: auto;
						position: relative;
						z-index: 3;
						margin: -100px -75px -50px 0;
				}
				.sessao01Conteudo{
						width: 100%;
						height: auto;
				}
				.sessao01ConteudoTitulo h1{
						font-size: 36px;
				}
				.sessao01ConteudoTitulo br{
						display: none;
				}
				.sessao01ConteudoTexto span{
						white-space: wrap;
				}
				.sessao01Video{
						height: 100%;
				}

		/*SESSAO02*/
				.sessao02Background{
						width: 100%;
						height: auto;
						padding: 50px 20px;
						flex-wrap: wrap;
				}
				.sessao02Texto{
						width: 100%;
						padding: 0;
				}
				.sessao02Conteudo{
						height: auto;
						margin: 25px 0 0;
						flex-wrap: wrap;
				}
				.sessao02itens{
						width: 50%;
						height: 250px;
				}
				.sessao02itensBg{
						padding: 20px;
						margin: 0;
				}
				.sessao02itens:nth-child(2) .sessao02itensBg{
						margin: 0;
				}				
				.sessao02itens:nth-child(4) .sessao02itensBg{
						margin: 0;
				}

		/*SESSAO03*/
				.sessao03{
						width: 100%;
						height: auto;
						margin: 0;
				} 
				.sessao03Background{
						width: 100%;
						height: auto;
						padding: 50px 20px;
						flex-wrap: wrap;
				}
				.sessao03Titulo{
						width: 100%;
						min-width: auto;
						height: auto;
						padding: 0;
				}
				.sessao03Titulo h2{
						text-align: center;
				}
				.sessao03Conteudo{
						width: 100%;
						margin: 25px 0 0 0;
						flex-wrap: wrap;
						box-sizing: border-box;
				}
				.sessao03itens{
						width: 100%;
						height: auto;
						flex-wrap: wrap;
						box-sizing: border-box;
				}
				.sessao03itens01{
						width: 100%;
						min-width: 100%;
						height: auto;
						min-height: 250px;
						margin: 5px 0;
						padding: 0 0 20px;
				}
				.sessao03itens02{
						width: 100%;
						min-width: 100%;
						height: auto;
						margin: 5px 0;
						padding: 0 0 20px;
						box-sizing: border-box;
				}
				.sessao03itens03{
						width: 100%;
						min-width: 100%;
						height: auto;
						border-radius: 20px;
						flex-wrap: wrap;
				}
				.sessao03itens04{
						width: 100%;
						min-width: 100%;
						height: auto;
						margin: 5px 0;
						border-radius: 20px;
						display: flex;		
						flex-wrap: wrap;
						padding: 0 0 20px;
				}
				.sessao03itens05{
						width: 100%;
						min-height: 250px;
						margin: 5px 0;
						padding: 0 0 20px;
				}
				.sessao03itensInfo02{
						filter: invert(1);
						align-items: flex-end;
				}
				.sessao03itensInfoBg{
						max-width: 100%;
						display: flex;
						flex-wrap: wrap;
				}
				.sessao03itensInfoLista02{
						column-count: 1; 
						margin: -20px 0 0;
				}

		/*SESSAO04*/
				.sessao04{
						width: 100%;
						height: auto;
				}
				.sessao04Background{
						width: 100%;
						height: auto;
						padding: 50px 20px;
						box-sizing: border-box;
						flex-wrap: wrap;
				}   
				.sessao04Titulo{
						width: 100%;
				}
				.sessao04Titulo h2{
						margin: 0;
						transform: rotate(0);
				}
				.sessao04Conteudo{
						width: 100%;
						min-width: 100%;
						height: auto;
						flex: 0 0 auto;
						flex-wrap: wrap;
						box-sizing: border-box;
				}
				.sessao04ConteudoBg{
						width: 100%;
						height: auto;
						margin: 10px 0; 
						flex-wrap: wrap;
						box-sizing: border-box;
				}
				.sessao04ConteudoInfo{
						width: auto;
				}
				.sessao04ConteudoGaleria{
						width: 100%;
						display: flex;
						margin: 10px 0 0;
				}
				.sessao04ConteudoGaleriaBg{
						width: 50%;
						min-width: auto;
						height: auto;
				}
				.sessao04ConteudoBgInativo{
						display: none;
				}
				.sessao04ConteudoGaleria33,
				.sessao04ConteudoGaleria50,
				.sessao04ConteudoGaleria66,
				.sessao04ConteudoGaleria100{
						width: 100%;
				}
				.sessao04ConteudoMais{
						width: 100%;
						height: auto;
						margin: 25px 0 0;
						justify-content: center;
				}
				.sessao04ConteudoMaisBg{
						flex: 0 0 75px;
						min-width: 75px;
						height: 75px;
				}
				.sessao04ConteudoMaisBg:hover{
						transform: scale(1.1);
						background-color: #E71;
				}
				.sessao04ConteudoMaisBg p{
						font-size: 30px;
						font-weight: bold;
						color: #FFF;
				}

    /*SESSAO05*/
        .sessao05{
            width: 100%;           
        }   
        .sessao05Background{
            width: 100%;
            height: auto;
            padding: 50px 20px;
            overflow: visible;
            box-sizing: border-box;
        }
        .sessao05Conteudo{
            width: 100%;
            height: auto;
        }
        .sessao05ConteudoBg:last-of-type{
            margin: -50px 0 0;
        }

    /*SESSAO07*/
        .sessao07{
            height: auto;
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
        }  
        .sessao07Background{
            width: 100%;
            height: auto;
            padding: 50px 20px;
            flex-wrap: wrap;
            box-sizing: border-box;
        }   
        .sessao07Titulo{
            width: 100%;
            min-width: auto;
            height: auto;
            justify-content: center;
            padding: 0;
            margin: 0 0 25px;
        }
        .sessao07Titulo h2{
            text-align: center;
        }       
        .sessao07Conteudo{
            width: 100%;
            flex-wrap: wrap;
            box-sizing: border-box;
            margin: 0;
        }
        .sessao07itens{
            width: auto;
            height: auto;
        }
        .sessao07itens01{
            width: auto;
            min-width: auto;
            height: auto;
        }
        .sessao07itensInfoImagem{
            height: 200px;
        }
        .sessao07itensInfoTexto{
            margin: 0 25px 25px;
        }    
        .sessao07itensInfoTexto p{
            font-size: 16px;
            line-height: 150%;
            margin: 0;
        }
        .sessao07ConteudoMais{
            width: 100%;
            height: auto;
            margin: 20px 0 0;
            justify-content: flex-end;
        }

    /*SESSAO06*/
        .sessao06{
            width: 100%;
        }
        .sessao06Background{
            min-height: auto;
            padding: 50px 20px 0;
            overflow: hidden;
        }
        .sessao06Conteudo{
            flex-wrap: wrap;
        }
        .sessao06Dados{
            width: 100%;
            margin: 0;
        }        
        .sessao06Titulo h2{
            font-size: 18px;
        }
        .sessao06Titulo br{
            display: none;
        }
        .sessao06Formulario{
            width: 100%;
            margin: 50px 0 0;
            padding: 20px;
        }        
        .sessao06Alvo{
            height: auto;
        }
        .sessao06Alvo img{
            width: 200px;
            margin: -150px 0 0 250px;
        }

    /*BLOG*/    			
				.blogTitulo h1{
					text-align: center;
				}
				.blogTitulo h1 strong{
					font-weight: bold;
				}
				.blogConteudo{
						width: 100%;
						display: flex;
						gap: 1%;
						flex-wrap: wrap;
				}
				.blogConteudoBg{
						width: 100%;
						height: auto;
				}
				.blogConteudoBgBackground{
						width: auto;
						height: auto;
						margin: 5px;
						padding: 0 0 15px;
				}	

		/*PAGINACAO*/
				.paginacao{
					padding: 0 0 25px;
						margin: 25px 0 50px;
				}
    
		/*POST*/
				.post{
						width: 100%;
						margin: 100px 0 0;
				}
				.postConteudo{
						width: 100%;
						padding: 0 0 25px;
						margin: 150px 0 0 0;
						border-right: none;
						border-bottom: 1px solid #EEE;
				}		
				.postBlog{
						width: 100%;
						min-width: auto;
						margin: 0;
				}				

		/*WHATSAPP*/
				.whatsapp{
						right: 20px;
						bottom: 80px;
				}
				.whatsappTexto{
						display: none;
				}
				.whatsappImagem{
						width: 60px;
						height: 60px;
				}   
				.whatsappImagemBg{
						width: 60px;
						height: 60px;
				}
				.whatsappImagemBg img{
						width: 35px;
						height: 35px;
				}
				.whatsappImagemEfeito{
						width: 60px;
						height: 60px;
				}
}