*{
    margin: 0;
    padding: 0;
}

*:focus { 
    border:none;
	outline:0;
}

body {
    font-size: 90%;
    line-height: 1.3;
    font-family:'Lato','Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    width: 100%;
    background-color: #FFF;
}

img {
    max-width: 100%;
}


.main{
    max-width: 1080px;
    margin: 0 auto;
    background-image: url(../imagem/background.jpg);
	background-size:cover;
    z-index: -99;
    
}

.topo{
    width: 100%;
    
    position: relative;
    
    
}

.cabecalho{
    width: 100%;
    
    display: flex;
    flex-direction: column;
    align-items: center;
}
.titulo{
    margin-top: 30px;
    padding-left: 20px;
    width: 80%;
    border-left: 8px solid #00683e;
}

.titulo h1{
    font-size:2.3em;
    color: #00683e;
}

.titulo p{
    font-size: 1.6em;
    color: #008049;
}

.titulo p span{
    font-size: 0.9em;;
    color: #008049;
}

.titulo p:last-child{
    color: #00683e;
}

.frase{    
    margin-top: 70px;
	padding:0 50px;
    color: #d04f36;
    text-align: center;
    font-size: 1.6em;
}

.frase p:first-child{
    margin-bottom: 30px;
}

.conteudo {
    width: 100%;
}

.objetivo_geral{
    
    width: 100%;
    height: 580px;
    
    display: flex;
    
    clip-path: polygon(0 20%, 95% 0, 100% 0, 100% 100%, 0 89%);
    
    border-radius: 0 50px 0 0;
    /*transform: rotate(-5deg);*/
    
    border-radius: 0 50px 0 0;
    position: relative;
    z-index: 4;
}

.imagem{
    width: 50%;
    
    background-image: url(../imagem/imagem-objetivo.jpg);
    background-position: top; 
    background-repeat: no-repeat;
    background-size: cover;

}

.texto {
    width: 50%;

    background-image: url(../imagem/fundo-verde.png?);
    background-position: top right; 
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
    
}

.texto div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding: 40px;
    line-height: 1.2;
}

.texto h2{
    margin-bottom: 20px;
}

.texto p{

    font-size: 1.1em;
}
.quem_somos{
    
    width: 100%;
    height: 400px;
    background-color: darkgreen;
    display: flex;
    
    /*clip-path: polygon(0 19%, 100% 0, 100% 100%, 0 89%);
    border-radius: 0 50px 0 0;*/
    
    margin:-80px 0 0 0;
    
    position: relative;
    background-image: url(../imagem/fundo2.jpg);
    background-position: top center;
    background-size: cover;
    z-index: 3;
}

.balao_esquerdo {
    height: 500px;
    width: 500px;
    background-image: url(../imagem/forma1.png);
    background-repeat: no-repeat;
    background-size: contain;

}

.texto_balao {
    margin-top: 60px;
    padding: 30px;
    width: 60%;
}

.texto_balao h2 {
    color: #d04f36;
    margin-bottom: 20px;
}

.texto_balao p {
    color: #00683e;
    font-size: 1.1em;
}




.publico_alvo{
    width: 100%;
    height: 600px;
    
    display: flex;
    
    /*clip-path: polygon(0 19%, 100% 0, 100% 100%, 0 89%);
    border-radius: 0 50px 0 0;*/
    
    
    position: relative;
    background-image: url(../imagem/fundo-pessoa.jpg);
    background-position: top center;
    background-size: cover;
    justify-content: right;
    
}

.balao_direito{
    
    margin-top:-63px;
    height: 700px;
    width: 520px;
    background-image: url(../imagem/forma2.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    z-index: 3;
}

.balao_direito .texto_balao {
    margin-top: 200px;
    margin-left: 60px;
    padding: 30px;
    width: 70%;
}

.funcionar{
    width: 100%;
    height: 610px;
    margin-top:-100px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    
    color: #fff;
    /*transform: rotate(-5deg);*/
    background-image: url(../imagem/fundo-verde2.png?);
   
    position: relative;
    z-index: 2;
}

.funcionar_texto{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
}

.funcionar_texto h2 {
    margin-bottom: 20px;
}

.funcionar_texto p {
    font-size: 1.1em;
}

.professores{
    
    margin-top: -100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}


.professores h2{
    text-align: center;
    font-size: 2em;
    margin-top: 140px;
    margin-bottom: 60px;
    color: #d04f36;
}

.grandeslide{
    position: relative;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.container_slider {
    align-self: center;
    float: left;
    width: 80%;
    height: auto;
    margin: 0;
}

.professor{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    
}

.professor h3{
    color: #00683e;
    margin-bottom: 30px;
    font-size: 1.5em;
}

.professor p{
    color: #00683e;
	font-size:1.2em;
}

.professor img{
    width: fit-content;
}

.biografia{
    text-align: center;
    width: 80%;
    margin: 50px 0;
}


.link_slide{
    width: fit-content;
}

.link_slide a {
    
    position: relative;
    top: 300px;
    
    width: 48px;
    height: 48px;
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../imagem/arrow_left.png);
    cursor: pointer;
    transition: all 0.5s ease 0s;
    z-index: 5;
    
}


.link_slide:last-child a, .link_slide_dir a {
    background-image: url(../imagem/arrow_right.png);
    background-position: right center;
    
}

.cronograma{
    width: 100%;
    height: 580px;
    
    display: flex;
    
    clip-path: polygon(0 0, 6% 0%, 100% 20%, 100% 86%, 0% 100%);
   
    /*transform: rotate(-5deg);*/
    position: relative;
    z-index: 3;
    align-items: center;
}

.texto_cronograma{
    width: 50%;
    height: 580px;
    background-image: url(../imagem/fundo-verde3.png?);
    background-position: top left; 
    background-repeat: no-repeat;
    color: #fff;
}

.texto_cronograma h2{
    margin: 80px 20px 30px 30px;
    font-size: 1.5em;
    
}

.imagem2{
    width: 50%;
    height: 600px;
    background-image: url(../imagem/imagem-cronograma.jpg);
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;

}

.scroll{
margin: 0 30px;
max-width:90%;
padding-right:20px;
height: 350px;
overflow-y: scroll;
}

.contato{
    width: 100%;    
    display: flex;
}

.texto_contato{
    width: 48%;
    
}

.texto_contato h2{
    margin: 60px 0 20px 20px;
    color:#d04f36;
}



.texto_contato p{
    margin:10px 0 0 20px;
    color:#00683e;
}

.texto_contato a{
	color:#00683e;
	text-decoration:none;
}

.balao_contato{
    width: 52%;
    
    background-image: url(../imagem/forma3.png?);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    display: block;
	
}



.form_contato_padrao {
	display:block;
	float:left;
	
}

.formulario_padrao {

		margin:100px auto;
		padding:0;
		width:70%;

		
		
	}


	.form_padrao .campo {
		float:left;
		padding:0 0 5px 0;
		width:100%;
		
	}
	


	.form_padrao .campo input, .form_padrao .campo textarea, .form_padrao .campo select {
		width:100%;
		font-size:1.5em;
		padding:15px;
		border:1px solid #FFF;
		margin-bottom:10px;
	}
	
	


	.form_padrao .campo textarea {
		height:160px;
	}

	.form_padrao .campo_botao {
		clear:both;
		float:left;
		text-align:center;
		width:100%;
		margin:30px auto 70px auto;
		
	}
	

	.form_padrao .campo_botao input {
		cursor:pointer;
		border:0;
		
	}

	.form_padrao .form_padrao_botao input {
		color:#FFF;
		background-color:#0E3928;
		width:200px;
		
		padding:15px;
		font-size:1.6em;
		border-right:5px;
		border-bottom:5px;
		border-style:solid;
		border-color:#08231A;
		
	}

	
	
	
	.form_contato_padrao .form_padrao_botao input:hover {
		background-color:#333;
	}
	
	.legenda {
		
	}

	.obrigatorio .div_label {
		font-size:1.4em;
		display:inline-block;
		width:auto;
		color:#FF0000;
		padding:0 0 0 5px;
	}

	.form_padrao p {
		text-align:center;
	}
	
	.oculta, .ocultar {
		display:none;
	}

	.div_label { 
		display:none;
	}
	
	.obrigatorio .div_label2 {
	float:left;
	}
	
	.aviso_form {
		clear:both;
		float:left;
		margin-top:10px;
		padding:10px;
		width:100%;
	}
	
	#aviso_form {
		background-color:#FFFF00;
		color:#000;
	}
	
	#aviso_form2 {
		background-color:#009900;
		color:#FFF;
	}
	
	#aviso_form_erro {
		background-color:#FF0000;
		color:#FFF;
	}




.redes{
    margin: 20px auto auto 15px;
}

.redes svg{
    display:inline-block;
	vertical-align:middle;
	width:50px;height:50px; margin:0 0 0 -10px;
	fill:#082419;
    color: #fff;
}



.redes .circle_svg {
	fill:rgba(1, 1, 1, 0);
	
}

#div_whatsapp {
	width:50px;
	height:50px;
	position:fixed;
	bottom:15px;
	left:25px;
	z-index:99;
	cursor:pointer;
}

#div_whatsapp #whatsapp {
	width:46px;height:46px;
	fill:#FFF;
}

#div_whatsapp:hover  {
	bottom:27px;
	left:23px;
}

#div_whatsapp:hover #whatsapp {
	width:50px;height:50px;
}

#div_whatsapp .logo_green {
	fill:#54CC62;
}

#Layer_1b {
	margin-top:2px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

   
@media screen and (max-width: 820px) {


	

    .publico_alvo{
        
        
        background-position: top left;
        
        
    }

    .balao_direito{
        
        margin-top:100px;
        height: 500px;
        width: 400px;
        


    }

    .balao_direito .texto_balao {
        margin-top: 80px;
        margin-left: 60px;
        
        width: 70%;
    }

}

@media screen and (max-width: 750px) {
	
	.frase {
		padding-bottom:50px;
	}
	.mostra {
		display:none;
	}
	
	.biografia{
		width:100%;
	}
	
	.contato{
		width: 100%;    
		display: table;
		margin:0;
		
	}
		
	.texto_contato, .balao_contato {
		
		float:left;
		width: 100%;
		
	}
	
	
	a {
	word-break: break-all;
	}

	
}



@media screen and (max-width: 600px) {

    .link_slide a {
        
        position: absolute;
        
        
    }

    .link_slide:last-child a, .link_slide_dir a {
        right: 10px;
        
    }
}


@media screen and (max-width: 470px) {

.objetivo_geral{

	clip-path: polygon(0 10%, 95% 0, 100% 0, 100% 100%, 0 90%);
	height: auto;
}

.imagem{
	display: none;
	


}

.texto {
	width: 100%;
	padding: 40px 0;
	
}

.cronograma{

	clip-path: polygon(0 0, 6% 0%, 100% 5%, 100% 90%, 0% 100%);
	height: auto;
	
	
	
}

.texto_cronograma{
	width: 100%;
	height: auto;
	padding-bottom: 150px;
	background-size: cover;
   
}

.scroll {
	overflow-y: visible;
   
	height: auto;
	
}

.imagem2{
	display: none;
}





}


@media screen and (max-width: 450px) {

.balao_esquerdo {
	
	height: fit-content;
	width: fit-content;
	background-size: cover;

}

.balao_esquerdo .texto_balao {
	padding-bottom: 130px;
	padding-right: 85px;
	margin-top: 60px;
	
	width: 65%;
}

.balao_direito .texto_balao {
	margin-top: 80px;
	margin-left: 60px;
	padding-right: 0px;
	width: 70%;
}

.biografia{
	text-align: left;
}

.biografia h3{
	
	text-align: center;
}


}

   
@media screen and (max-width: 380px) {

.link_slide a {

	top:250px;
	
	
}

.texto div{
	padding: 40px 0;
	margin: 0 25px;
}

.balao_esquerdo .texto_balao {
	padding-bottom: 130px;
	padding-right:20px;
	width:80%;
	
}





}

@media screen and (max-width: 360px) {

   .balao_direito .texto_balao {
    margin-top: 30px;
    
}

}


/* 	Scrollbar ############################################################# */

.scroll::-webkit-scrollbar {
	width:0.5em;
}

.scroll::-webkit-scrollbar-thumb {
	background: #FFF;
	border:3px solid #fff;
	border-radius:100vw;
}
.scroll::-webkit-scrollbar-thumb:hover {
	background: #015934;
    border:3px solid #015934;
}