/*-----------------------------------------------------------------------------------
	Theme Name: Juventude Tech
	Theme URI: http://geracaotech.com.br
	Description: Juventude Tech
	Author: Soim - AgÊncia Digital
	
	License: Proibida alteração, reprodução, distribuição, transmissão ou cópia 
	parcial ou total de qualquer dos arquivos e códigos que compõem este 
	software (tema para Wordpress), sob proteção da Lei 9.609/98. 
	
	Copyright © 2024 - Todos os direitos reservados. 
-----------------------------------------------------------------------------------*/

/* RESETS
**********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
a { text-decoration: none; color: inherit; cursor: pointer; }
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

#google_translate_element, 
.goog-te-banner-frame, 
.goog-te-balloon-frame, 
#goog-gt-tt, 
.goog-te-balloon-frame, 
.goog-tooltip, 
.goog-tooltip:hover,
.skiptranslate { 
    display:none !important; 
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 5px 4px 0;
	text-align:center;
}

blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 90%;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background:#ececec;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}


strong {font-weight: bold;}
i, em { font-style: italic;}

/*DEFINICOES GERAIS
**********************************************************/
body {font-family: 'Poppins', sans-serif; color:#000; background:#FFF; }

.container { width:1146px; margin:0 auto; }

p { font-size:20px; margin:0 0 20px; letter-spacing:0; color:#FFF }

strong { font-weight:700}


/*HEADER
**********************************************************/
#header { width:100%;  display:block; float:left; background-size:cover; height:auto; padding: 0 0 0; margin: 40px 0 0; background: #FFF;}
#header .container { width:1220px}
#header #topo-header { width: 100%; display: block;float: left}
#header #topo-header #logo-1 { float: left; margin: 10px 10px 0 0}
#header #topo-header #logo-2 { float: left; margin: 10px 10px 0 0}
#header #topo-header #logo-3 { float: left; margin: 10px 10px 0 0}
#header #topo-header #logo-4 { float: left; margin: 10px 10px 0 0} 
#header #topo-header #logo-5 { float: left; margin: -15px 20px 0}

#header #topo-header #nav{ float:left;  display: -webkit-box}
#header #topo-header #nav ul li { float:left; margin: 10px 12px 0 0}
#header #topo-header #nav ul li a { color: #19191B;
font-size: 18px;
font-style: normal;
font-weight: 400;}
#header #topo-header #nav ul li a:hover {color:#003787}

#header #nav.menu-cel {  top:0; right:0; background:#003787; width:100%; height:100%; position:fixed; padding:20% 0 0; z-index:9999; float:none; margin:0 !important}
#header #nav.menu-cel li { text-align:center; margin:40px 0; padding:40px 0; border-bottom:1px solid #CCC; width:100%; float:left;}
#header #nav.menu-cel ul li a  {  color: #FFF !important;
font-size: 18px;
font-style: normal;
font-weight: 400;}

#header #topo-header #inscreva { float:right; width: 294px; display: block}
#header #topo-header #inscreva a { float:right; width: 47%; margin: 4px 0 0 5px}

#header #topo-header #inscreva a img {width: 100%; transition: transform 0.3s ease;} 
#header #topo-header #inscreva a:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}




/*DESTAQUE
**********************************************************/


 #destaqueforms {display: block; float:left; width: 100%; margin: 60px 0}
 #destaqueforms .container {width: 1065px; margin:0 auto}
 #destaqueforms #texto { text-align: center}

#destaqueforms h1 {color: #07177E;
font-family: Poppins;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 128%;}

#destaqueforms h1 strong {color: #07177E;
text-align: center;
font-family: Poppins;
font-size: 45px;
font-style: normal;
font-weight: 700;
	line-height: 128%; /* 70.4px */}

#destaqueforms p{color: #07177E;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 151%; /* 37.75px */ margin:20px 0 40px}

#destaque #inscricoesabertas {color: #2F3D6B; display:inline-block; margin: 0 0 20px;
font-family: Poppins;
font-size: 19px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 147.368% */
border-radius: 11px;
border: 1px solid #2F3D6B;  padding: 10px 15px}
 #destaque #inscricoesabertas span {color: #46BC52; font-size:20px}
 #destaque #inscricoesabertas:hover {background:#003787; color: #FFF}

#destaque #edital {color: #FFF; display: inline-block;
font-family: Poppins;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 107.692% */ padding: 7px 80px 13px;border-radius: 11px;
background: #003787;}
#header #destaque #edital:hover{border: 1px solid #2F3D6B; background: none; color: #003787}



#inscricao #edital {color: #FFF; display: inline-block;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 107.692% */ padding: 7px 40px 13px;border-radius: 11px;
background: #003787;}

#forms-box {width: 100%; display: block; float: left}
#forms-box .container {width: 1465px !important; margin:0 auto}

#forms-box .cada_form {width: 408px;
height: 553px;
float:left; margin:0 10px; border-radius: 32px;
background: linear-gradient(166deg, #538EFF 32.57%, #07177E 105.1%); padding: 40px 30px}


#forms-box .cada_form.dois {border-radius: 32px;
background: linear-gradient(160deg, #2C59B2 19.92%, #07177E 97.95%); }
#forms-box .cada_form.tres {border-radius: 32px;
background: linear-gradient(340deg, #07177E 4.39%, #2B47FE 95.61%);} 

#forms-box .cada_form h2 {color: #FFF;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 80%; /* 25.6px */ margin:0 0 20px}
#forms-box .cada_form h2 strong {color: #FFF;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: 100%; /* 34.4px */}

#forms-box .cada_form #vagas {color: #E0E0F2;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 80%; /* 12.8px */
border-radius: 9px;
background: #07177E; padding: 9px 16px; margin: 0 0 10px; display: inline-block}

#forms-box .cada_form.dois #vagas {border-radius: 9px;
background: #528AF6;}
#forms-box .cada_form.tres #vagas {border-radius: 9px;
background: #528AF6;}

#forms-box .cada_form #imgcurso { margin:0 0 0 -17px}

#forms-box .cada_form p {color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
text-align: left; margin: 0 0 20px}

#forms-box .cada_form a {}

#forms-box #edital {text-align: center; width: 100%; margin: 40px 0 0; display: block; float: left; transition: transform 0.3s ease;} 
#forms-box #edital:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}

#forms-box #inscricoesabertas {transition: transform 0.3s ease; display: block; text-align: left}
#forms-box #inscricoesabertas:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}






/*O QUE E
**********************************************************/
#oquee { width: 100%; display: block; float: left; background: linear-gradient(289deg, #001284 36.5%, #70F5D6 109.37%);
 padding: 80px 0; text-align: center}
#oquee .container { width:1028px}
#oquee h2 {color: #E8EAF4;
text-align: center;
font-family: Poppins;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 105%; /* 63px */; margin: 0 0 40px}

#oquee p {color: #E8EAF4; width: 784px; margin: 0 auto 40px;
text-align: left;
font-family: Poppins;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 30.8px */; width: 447px; float: right}

#oquee #inscrevase  {margin: 40px 0 0; text-align: left; display: block; float:left;transition: transform 0.3s ease;}
#oquee #inscrevase:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */
}
#oquee iframe { float:left}

#inscricao #inscr input[type=text]{ width: 200px}



/*COMO GARANTIR
**********************************************************/
#comogarantir { width: 100%; display: block; float: left; padding: 80px 0; }
#comogarantir .container2 { width: 1297px; margin: 0 auto}


#comogarantir h3 {color: #2F3D6B;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 48px */
letter-spacing: -0.64px; margin: 0 0 40px; text-align: center}

#comogarantir #col-1 { float: left; width: 531px;
height: 355px; padding: 50px;
flex-shrink: 0; border-radius: 39px;
background: linear-gradient(127deg, #70F5D6 -13.33%, #07177E 30.43%);}
#comogarantir #col-1 p {line-height: 200%}


#comogarantir #col-2 { float: right; width: 531px;
height: 355px;
flex-shrink: 0; padding: 50px; border-radius: 39px;
background: linear-gradient(127deg, #70F5D6 -13.33%, #07177E 30.43%);}

#comogarantir p {color: #E8EAF4;
font-family: Poppins;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 136%; /* 35.36px */
letter-spacing: -0.52px;}

#comogarantir #edital {text-align: center; width: 100%; margin: 40px 0 0; display: block; float: left; transition: transform 0.3s ease;} 
#comogarantir #edital:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}


/*MODALIDADE
**********************************************************/
#modalidade { width: 100%; display: block; float: left; padding: 80px 0; }
#modalidade .container { width: 1360px; margin: 0 auto}

#modalidade #boxmodalide {width: 100%; display: block; float: left;border-radius: 39px;
background: linear-gradient(180deg, #07177E 13.73%, #326AD5 100%);}

#modalidade #box1 { width: 430px; float: left; display: block; margin: 80px 0 0 100px}

#modalidade h5 {color: #E8EAF4;
font-family: Poppins;
font-size: 60px;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 72px */ margin: 0 0 20px}
#modalidade h5 strong {color: #E8EAF4;
font-family: Poppins;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 120%;}

#modalidade #box1 span{color: #FFF;
font-family: Poppins;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 126%; /* 32.76px */
letter-spacing: -0.52px; display: block; margin: 30px 0}

#modalidade #box1 img{ transition: transform 0.3s ease;} 
#modalidade #box1 img:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}

#modalidade #box-presencial { width: 324px; float: left; margin: 70px 40px 70px 70px; text-align: center}

#modalidade #box-presencial #caixabranca { text-align: left;
border-radius: 26px;
background: #E8EAF4;
padding: 10px 30px;
 width: 264px; margin: 10px 0 0}

#modalidade #box-presencial h6 {color: #07177E;
font-family: Poppins;
font-size: 27px;
font-style: normal;
font-weight: 700;
line-height: 33px; /* 113.793% */ margin: 20px 0}
#modalidade #box-presencial p {color: #565661;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 135%;
letter-spacing: 0.96px;margin: 0 0 20px}



#modalidade #box-ead { width: 324px; float: left; margin: 70px 0 40px 0; text-align: center}

#modalidade #box-ead #caixabranca { text-align: left;
border-radius: 26px;
background: #E8EAF4;
padding: 10px 30px;
 width: 264px; margin: 10px 0 0}

#modalidade #box-ead h6 {color: #07177E;
font-family: Poppins;
font-size: 27px;
font-style: normal;
font-weight: 700;
line-height: 33px; /* 113.793% */ margin: 20px 0}
#modalidade #box-ead p {color: #565661;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 135%;
letter-spacing: 0.96px;margin: 0 0 20px}



/*EDITAL DISPONIVEL
**********************************************************/
#editaldisponivel { width: 100%; display: block; float: left;  text-align: left}

#editaldisponivel .container2 { width: 1354px; margin: 0 auto;  }

#edital2disponivel {border-radius: 64px; padding: 80px 100px; margin: 100px 0 0 -100px ;
border: 1px solid #000;
background: linear-gradient(296deg, #06136C 10.65%, #528AF6 100.65%); width: 100%; display:block; float: left}

#editaldisponivel h2 {color: #FFF;
text-align: left;
font-family: Poppins;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 45px */ margin: 0 0 30px}
#editaldisponivel p {color: #FFF;
text-align: left;
font-family: Poppins;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 39px */ margin: 0 0 30px}
#editaldisponivel a {transition: transform 0.3s ease; display: inline-block;} 
#editaldisponivel a:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}

#editaldisponivel #texto {float:left; width:700px}
#editaldisponivel #imagem {float:right; margin:30px 0 0}
#editaldisponivel #imagem img {}

/*FAQ
**********************************************************/
#faq { width: 100%; display: block; float: left; padding: 80px 0; background:#FFF; text-align: left}
#faq .container2 { width: 950px; margin: 0 auto}
#faq h2 {color: #003787;
text-align: center;
font-family: Poppins;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 45px */ margin: 0 0 60px}

#faq h6 {color: #003787; border: 1px solid #333; padding: 5px ;
text-align: left;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 45px */ margin: 0 0 10px}

#faq p { font-size:14px; line-height: 25px; color: #333}


/* Faq */

.faq {
    max-width: 750px;
    margin: 20px auto;
}

.faq-item {
    margin-bottom: 5px;

	color:#FFF;
    border: 1px solid #003787;
	margin:0 0 20px;
}

.faq-title {
    display: block;
    padding: 10px 15px;
    position: relative;

    font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 75%; /* 45px */ 
    cursor: pointer;
	color:#003787;

    transition: background .2s ease-out;
}

.faq-title:after {
    content: "";
    display: block;

    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #003787 transparent transparent transparent;

    position: absolute;
    top: 50%;
    right: 15px;
	color:#FFF;

    transform: translateY(-50%);
}

.faq-title:hover {
    background-color: #003787;
	color:#FFF;
}

.faq-input {
    width: 0;
    height: 0;

    -webkit-appearance: none;
    appearance: none;

    position: absolute;
}

.faq-input:checked ~ .faq-title {
   background-color: #003787;
	color:#FFF;
}

.faq-input:checked ~ .faq-title:after {
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #fff transparent;
}

.faq-input:checked ~ .faq-text {
    display: block;
}

.faq-text {
    display: none;
    padding: 10px 15px;

    color: #fff;
    font-size: 14px;
}




/*PROCESSO
**********************************************************/
#processo { width: 100%; display: block; float: left; padding: 80px 0;text-align: center; background:url("../images/background-left.png") no-repeat left center; }
#processo .container2 { width: 950px; margin: 0 auto}
#processo h3 {color: #003787;
text-align: center;
font-family: Poppins;
font-size: 72px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 54px */ margin: 0 0 40px}

#processo h5 {color: #003787;
text-align: center;
font-family: Poppins;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 54px */ margin: 0 0 40px}


#processo p {color: #19191B;
text-align: center;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 36px */ margin: 0 0 40px}

#processo .cada_etapa {width: 345px; padding: 30px 0 0;
height: 90px; margin: 0 auto 20px;
flex-shrink: 0;border-radius: 30px; text-align: center;
background: #003787;}
#processo .cada_etapa h4 {color: #E8EAF4;
text-align: center;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 22.5px */ margin: 0 0 10px}
#processo .cada_etapa p {color: #E8EAF4;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 95%; /* 16.5px */}
#processo svg {margin:0 0 20px}

#processo #corazulclaro { color:#2973BF;}

#processo #corazulclaro.cada_etapa {background: #2973BF}



/*CRONOGRAMA
**********************************************************/
#cronograma { width: 100%; display: block; float: left; padding: 80px 0;text-align: left; background:url("../images/bg-cronograma.png") repeat center center; background-size:cover; }
#cronograma .container {width: 1500px !important}
#cronograma h4 {color: #FFF;
text-align: left;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 700;}
#cronograma #descricao {color: #FFF;
text-align: left;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin: 20px 0 40px}

#cronograma  h6 {color: #FFF;
text-align: left;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 24px */margin: -40px 0 16px -20px}

#cronograma #linha-2 h6 {color: #FFF;
text-align: left;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 24px */margin: -40px 0 16px -28px}


#cronograma  svg{ float:left; margin: 0 6px 0 6px; height: 195px}
#cronograma #linha-2 svg{ float:left; margin: 0 15px 0 15px; height: 195px}

#cronograma  .cada_cronograma { width: 135px; float: left; text-align: left}
#cronograma #linha-2 { width:100%; display: block; float: left; margin: 100px 0 0}
#cronograma #linha-2 .cada_cronograma { width: 145px; float: left; text-align: left}

#cronograma #block { width: 100%; float:left; display: block; margin: 0 0 40px}

#cronograma .cada_cronograma h5 {color: #FFF;
font-family: Poppins;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 102%; /* 20.4px */ margin: 15px 0}
#cronograma .cada_cronograma span {color: #FFF;
font-family: Poppins;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 102%; /* 20.4px */}

#cronograma #bloco-1{background:#528AF6;border-radius:30px; padding:80px 50px 50px; display:block; float:left}
#cronograma #bloco-2{background:#528AF6;border-radius:30px; padding:80px 50px 50px; display:block; float:left}


#cronograma #fase2 #bloco-1{background:#2C59B2;border-radius:30px; padding:80px 50px 50px; display:block; float:left}
#cronograma #fase2 #bloco-2{background:#2C59B2;border-radius:30px; padding:80px 50px 50px; display:block; float:left}

#cronograma #fase3 #bloco-1{background:#185FED;border-radius:30px; padding:80px 50px 50px; display:block; float:left}
#cronograma #fase3 #bloco-2{background:#185FED;border-radius:30px; padding:80px 50px 50px; display:block; float:left}


#cronograma #titulo { float:left; display: block}

#cronograma #botoes{ float:right}
#cronograma #botoes span {display:block;   width: 100%; color: #FFF;
text-align: left;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin: 0 0 10px}
#cronograma #botoes a { float:left; margin: 0 0 0 20px}



.fade {
  opacity: 0;
  transition: opacity 0.5s ease;
  display: none;
}

.fade.show {
  display: block;
  opacity: 1;
}

/*APRENDER
**********************************************************/
#aprender { width: 100%; display: block; float: left; padding: 80px 0;text-align: center; background:#FFF; background-size:100%;}
#aprender .container { width: 1524px; margin: 0 auto}



#aprender h5 {    color: #2F3D6B;
    font-family: Poppins;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.64px;
    margin: 0 0 40px;
    text-align: center;
}

#aprender .cada_aprender { float: left; width: 391px; padding: 50px;
height: 527px;
flex-shrink: 0; text-align: left;border-radius: 32px;
background: linear-gradient(161deg, #528AF6 13.37%, #07177E 87.32%);margin:0 8px}

#aprender .cada_aprender.dois {border-radius: 32px;
background: linear-gradient(160deg, #2C59B2 14.1%, #0D1757 88.64%);}
#aprender .cada_aprender.tres {border-radius: 32px;
background: linear-gradient(335deg, #07177E 39.39%, #0D2AE4 91.7%);}

#aprender .cada_aprender h2 {color: #FFF;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 80%; /* 25.6px */ margin:0 0 20px}
#aprender .cada_aprender h2 strong {color: #FFF;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: 100%; /* 34.4px */}


#aprender .cada_aprender p{color: #E7E7F5;
font-family: Poppins;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 144%; /* 31.68px */}

#aprender .cada_aprender img {width: 97%;transition: transform 0.3s ease; display: inline-block;} 
#aprender .cada_aprender img:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}


/*PORQUE
**********************************************************/
#porque  { width: 100%; display: block; float: left; padding: 80px 0;text-align: center; background: linear-gradient(90deg, #3170D7 0%, #1A3B71 100%);}
#porque h5 {color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 55px;
font-style: normal;
font-weight: 700;
margin: 0 0 40px}

#porque .cada_porque { width: 302px; min-height: 370px; float: left; margin: 0 10px; background:#FFF; border-radius: 68px; padding: 50px 30px }
#porque .cada_porque h6 {color: #2F3D6B;
text-align: center;
font-family: Poppins;
font-size: 34px;
font-style: normal;
font-weight: 700; margin: 20px 0}
#porque .cada_porque p {color: #19191B;
text-align: center;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 28.5px */}


/*GARANTA
**********************************************************/
#garanta  { width: 100%; display: block; float: left;  }
#garanta .container {width:  1400px !important}

#garanta #boxgaranta { border-radius: 33px; width: 100%; display: block; float: left; padding: 80px 0;  
	background: linear-gradient(289deg, #07177E 58.84%, #528AF6 98.04%);  padding:  0 60px}

#garanta #box1{float: left; width: 700px; padding: 80px 0 0; }
#garanta #box2 {float:right}

#garanta h2 {color: #E8EAF4;
font-family: Poppins;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 66px */
letter-spacing: -0.6px; margin: 0 0 20px
 }

#garanta #inscricoesabertas {transition: transform 0.3s ease; display: inline-block;} 
#garanta #inscricoesabertas:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}


/*SE PREPARE
**********************************************************/
#seprepare { width: 100%; display: block; float: left; padding: 80px 0; background: #FFF  }
#seprepare h5 {color: #003787;
text-align: center;
font-family: Poppins;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 115%; /* 55.2px */ margin: 0 0 180px}

#seprepare .cada_seprepare {width: 302px;
height: 	216px;
flex-shrink: 0;border-radius: 38px;
background: #E8EAF4; margin: 0 10px; float: left; padding: 20px 30px; text-align: center}

#seprepare .cada_seprepare h6 {color: #07177E;
text-align: center;
font-family: Poppins;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 90px */}

#seprepare .cada_seprepare span {color: #19191B;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;}
#seprepare .cada_seprepare img {margin:-127px 0 30px}

#seprepare #inscrevase { width: 100%; display: block; float: left; text-align: center; margin: 40px 0 0}
#seprepare #inscrevase img{transition: transform 0.3s ease; display: inline-block;} 
#seprepare #inscrevase img:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}


/*FRASES
**********************************************************/
#frases { width: 100%; display: block; float: left; padding: 40px 0; background: #2F3D6B; text-align: center}
#frases .cada_frase  { width: 362px; float: left; margin: 0 10px}

#frases .cada_frase p {color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130.687%; /* 26.137px */}

#frases .cada_frase span {color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: italic;
font-weight: 300;
line-height: 130.687%;}


/*FAZER PARTE
*********************************************************/
#fazerparte { width: 100%; display: block; float: left; padding: 80px 0;  text-align: center; background:#FFF url("../images/background-right.png") no-repeat right center;}
#fazerparte .container2 { width: 950px; margin: 0 auto}

#fazerparte p {color: #313D70;
text-align: center;
font-family: Poppins;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 60px */; margin:60px 0}

#fazerparte #inscrevase {color: #FFF; text-align: center;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 107.692% */ padding: 15px 60px;border-radius: 11px;
background: #46BC52; margin:30px 0 0; }
#fazerparte #inscrevase:hover {background: #2F3D6B; color: #FFFF}


/*FOOTER
*********************************************************/
#footer { width: 100%; display: block; float: left; padding: 80px 0; background: linear-gradient(323deg, #07177E 21.94%, #3170D7 125.32%);text-align: center}
#footer #col-1 { text-align: center; margin: 0 0 40px}
#footer #col-1 h6 {color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal; margin: 0 0 40px}
#footer #col-1 img { margin:0 20px}

#footer #col-2 { text-align: center}
#footer #col-2 h6 {color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal; margin: 0 0 40px}
#footer #col-2 img { margin:0 20px}




/*INSCRIÇÃO
*********************************************************/
#inscricao  { width: 100%; display: block; float: left; padding: 80px 0; background: #fff; }

#inscricao h2 {color: #003787; text-align: center;
text-align: center;
font-family: Poppins;
font-size: 50px;
font-style: normal;
font-weight: 700;
margin: 0 0 40px}

#inscricao p {color: #313D70;
text-align: center;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 60px */; margin:0 0 20px}

#inscricao #llCaptureForm { width: 550px; margin: 0 auto}

#inscricao #llCaptureForm button {color: #FFF; text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 107.692% */ padding: 10px 30px;border-radius: 11px;
background: #46BC52; margin:0px 0 0; border:none; cursor: pointer} 
#inscricao #llCaptureForm button:hover {background: #2F3D6B; color: #FFFF}

#inscricao #inscrevase {color: #FFF; text-align: center; display: inline-block;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 107.692% */ padding: 10px 30px;border-radius: 11px;
background: #46BC52; margin:30px 0 0; border:none; cursor: pointer}


#inscricao #inscrevase2 {color: #FFF; text-align: center; display: inline-block;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 107.692% */ padding: 10px 30px;border-radius: 11px;
background: #46BC52; margin:30px 0 0; border:none; cursor: pointer}


#inscricao #descricao { text-align: left; font-size: 11px}

#inscricao video {text-align: center;
    width: 600px;
    display: block;
    margin: 0 auto 50px;}

#botaowpp { position: fixed; bottom: 20px; right:20px}

#inscricao .cada_edital { background: #D9E3F3; border-radius:72px; width: 908px; margin:0 auto 20px; display:table; text-align: left}
#inscricao .cada_edital img { float:left; margin: 10px 0 10px 20px;}
#inscricao .cada_edital p { float:left; width: 710px; text-align: left; font-size:21px; margin:15px 0 0 20px}


#inscricao [type=text], #inscricao [type=email],#inscricao #phone, #inscricao [type=tel] {
	font-size:14px; padding: 10px; width: 500px; margin:10px 0 0;
 
}





#inscricao [type=submit] {color: #FFF; text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 107.692% */ padding: 10px 30px;border-radius: 11px;
background: #46BC52; margin:0px 0 0; border:none; cursor: pointer} 
#inscricao #llCaptureForm button:hover {background: #2F3D6B; color: #FFFF}




		#customers {
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}



#videos { width: 100%; display: block; float: left; padding: 80px 0;  text-align: center; position: relative}
#videos h2 {color: #003787;
font-family: Poppins;
font-size: 44px;
font-style: normal; display: block; margin: 0 0 40px;
font-weight: 700;}
#videos iframe { width: 896px; margin: 0 auto}

swiper-container {
            width: 100%;
            height: 700px;
        }
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
        }

#box-video { width:100%; display: block; float: left; position: relative; overflow:  hidden}





#aluno { border-radius:100px;width: 98px; height: 98px;}
#inscricao .cada_aluno { background: #D9E3F3; border-radius:72px; width: 460px; margin:0 56px 40px; display:table; text-align: left; float: left}
#inscricao .cada_aluno img { float:left; margin: 10px 0 10px 20px;}
#inscricao .cada_aluno p { float:left; width: 290px; text-align: left; font-size:21px; margin:15px 0 0 20px}





.menu-mobile { display: none;}

/* MOBILE */
@media only screen and (min-width: 280px) and (max-width: 736px) {
	body { }
	.menu-mobile {
        display: block;
		float:right;
		text-align:left;
		margin:35px 0 0 0;
		cursor:pointer; z-index:999; position:relative;
    }
    #nav.menu-cel {
        display: block !important;
    }
	#nav  { display:none !important}
	
	.container, .container2 { width:94% !important; padding:0 3%}
	
	#inscricao iframe { width: 100%; height: 250px}
	
	
	#inscricao video {width:100%;height: auto}
	
	#videos iframe { width: 100%; height: 250px}
	
	#inscricao [type=text], #inscricao [type=email],#inscricao #phone {
	font-size:14px; padding: 10px; width: 93%; margin:10px 0 0;
 
}

	/*HEADER
**********************************************************/
#header { width:100%; float:left; display:block; background-size:cover; height:auto; padding: 0 0 0; margin: 20px 0 0; background: #FFF;}

#header #topo-header { width: 100%; display: block;float: left}

#header #topo-header #logo-1 { float: left; margin: 0 -4% 0 0; width: 22%}
#header #topo-header #logo-2 { float: left; margin: 0 4% 0 0; width: 22%}
#header #topo-header #logo-3 { float: left; margin: 0 4% 0 0; width: 22%}
#header #topo-header #logo-4 { float: left; margin: 0 0 0 0; width: 22%}
	
#header #topo-header #logo-5 { float: left; margin: 15px 0 0 0; width: 40%}
		
#header #topo-header ul {margin:0 0 80px; display: block; float: left; width: 100%}

#header #topo-header #inscreva { float:left !important; width: 100% !important; display: block; text-align: left; margin: 20px 0 0} 
#header #topo-header #inscreva a { float:left; width: 47%; margin: 4px 4px 0 }

	#header #topo-header #inscreva img { width: 100%}

#header #destaque {display: block; float: left; margin: 40px 0 0}


	
/*DESTAQUE
**********************************************************/
#header #destaque {display: block; float: left; margin: 40px 0 0}
#header #destaque .container2 {width:94% !important; padding:0 3%}
#header #destaque {display: block; float: left; margin: 40px 0 0; width: 100%}
#header #destaque #texto { width: 100%; float:left}

#header #destaque #imagem {float: left; width: 100%; text-align: left}
	#header #destaque #imagem img {width:100%}
	

	#destaqueforms { margin:40px 0 0}	
	#destaqueforms h1 {color: #07177E;
font-family: Poppins;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 128%;}

#destaqueforms h1 strong {color: #07177E;
text-align: center;
font-family: Poppins;
font-size: 19px;
font-style: normal;
font-weight: 700;
	line-height: 128%; /* 70.4px */}

#destaqueforms p{color: #07177E;
text-align: center;
font-family: Poppins;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 151%; /* 37.75px */ margin:10px 0 20px}
	
#forms-box {width: 100%; display: block; float: left}
#forms-box .container {width: 94% !important; margin:0 auto; padding: 0 3%}

#forms-box .cada_form {width: 78%;
height: auto;
float:left; margin:0 10px 20px; border-radius: 32px;
background: linear-gradient(166deg, #538EFF 32.57%, #07177E 105.1%); padding: 40px 30px}


#forms-box .cada_form.dois {border-radius: 32px;
background: linear-gradient(160deg, #2C59B2 19.92%, #07177E 97.95%); }
#forms-box .cada_form.tres {border-radius: 32px;
background: linear-gradient(340deg, #07177E 4.39%, #2B47FE 95.61%);} 

#forms-box .cada_form h2 {color: #FFF;
font-family: Poppins;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 80%; /* 25.6px */ margin:0 0 20px}
#forms-box .cada_form h2 strong {color: #FFF;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 100%; /* 34.4px */}

#forms-box .cada_form #vagas {color: #E0E0F2;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 80%; /* 12.8px */
border-radius: 9px;
background: #07177E; padding: 9px 16px; margin: 0 0 10px; display: inline-block}

#forms-box .cada_form.dois #vagas {border-radius: 9px;
background: #528AF6;}
#forms-box .cada_form.tres #vagas {border-radius: 9px;
background: #528AF6;}

#forms-box .cada_form #imgcurso { margin:0 0 0 -17px; width: 117%}

#forms-box .cada_form p {color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 500;
text-align: left; margin: 0 0 20px}

#forms-box .cada_form a {}

#forms-box #edital {text-align: center; width: 100%; margin: 40px 0; display: block; float: left; transition: transform 0.3s ease;} 
#forms-box #edital:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}

#forms-box #inscricoesabertas {transition: transform 0.3s ease; display: block; text-align: left}
#forms-box #inscricoesabertas:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}
	
	
/*O QUE E
**********************************************************/
#oquee { width: 100%; display: block; float: left; padding: 80px 0; text-align: center}
#oquee h2 {color: #E8EAF4;
text-align: center;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 105%; /* 63px */; margin: 0 0 40px}

	#oquee iframe { width: 100%; height: 200px; margin: 0 0 40px }
#oquee p {color: #E8EAF4; width: 100%; margin: 10px auto 20px;
text-align: center;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 30.8px */; }

#oquee #inscrevase  {color: #FFF; text-align: center; float:none;
font-family: Poppins;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 107.692% */ padding: 10px 30px;border-radius: 11px;}
#oquee #inscrevase:hover {border: 1px solid #FFFF; background: none; color: #FFFF}
	
	#oquee img {width:100%; height: auto; margin: 0 0 10px}
	
/*COMO GARANTIR
**********************************************************/
#comogarantir { width: 100%; display: block; float: left; padding: 80px 0; }
#comogarantir .container2 { width:94% !important; padding:0 3%}

#comogarantir #col-1 { float: left; width: 72%; height: auto; margin: 0 0 20px}
#comogarantir h3 {color: #2F3D6B;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 48px */
letter-spacing: -0.64px; margin: 0 0 40px}
	
	#comogarantir p {
    color: #E8EAF4;
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: -0.52px;
}

	#comogarantir #col-2 {
    float: left;
    width: 72%;
    height: auto;
    flex-shrink: 0;
    padding: 50px;
    border-radius: 39px;
    background: linear-gradient(127deg, #70F5D6 -13.33%, #07177E 30.43%);
}

	
	
/*MODALIDADE
**********************************************************/
#modalidade { width: 100%; display: block; float: left; padding: 40px 0;}
#modalidade .container { width:94% !important; padding:0 3%}

	#modalidade #boxmodalide {width: 100%; display: block; float: left;border-radius: 39px;
background: linear-gradient(180deg, #07177E 13.73%, #326AD5 100%);}

#modalidade #box1 { width: 72%; float: left; display: block; margin: 40px 0 0 0; padding: 0 8%}

#modalidade h5 {color: #E8EAF4;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: 120%; /* 72px */ margin: 0 0 10px}
#modalidade h5 strong {color: #E8EAF4;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 120%;}

#modalidade #box1 span{color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 126%; /* 32.76px */
letter-spacing: -0.52px; display: block; margin: 0px 0 30px}

#modalidade #box1 img{ transition: transform 0.3s ease;} 
#modalidade #box1 img:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}

#modalidade #box-presencial { width: 72%; float: left; margin: 70px 0 30px 8%; text-align: center}

#modalidade #box-presencial #caixabranca { text-align: left;
border-radius: 26px;
background: #E8EAF4;
padding: 10px 30px;
 width: 94%; margin: 10px 0 0}

#modalidade #box-presencial h6 {color: #07177E;
font-family: Poppins;
font-size: 27px;
font-style: normal;
font-weight: 700;
line-height: 33px; /* 113.793% */ margin: 20px 0}
#modalidade #box-presencial p {color: #565661;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 135%;
letter-spacing: 0.96px;margin: 0 0 20px}



#modalidade #box-ead { width: 72%; float: left; margin: 0 0 30px 8%; text-align: center}

#modalidade #box-ead #caixabranca { text-align: left;
border-radius: 26px;
background: #E8EAF4;
padding: 10px 30px;
 width: 94%; margin: 10px 0 0}

#modalidade #box-ead h6 {color: #07177E;
font-family: Poppins;
font-size: 27px;
font-style: normal;
font-weight: 700;
line-height: 33px; /* 113.793% */ margin: 20px 0}
#modalidade #box-ead p {color: #565661;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 135%;
letter-spacing: 0.96px;margin: 0 0 20px}
	
	
	
	
	
	
	
	
	
	
	
/*EDITAL DISPONIVEL
**********************************************************/
#editaldisponivel { width: 100%; display: block; float: left; padding: 0 0 0; margin:0;  text-align: center}
#editaldisponivel .container2 { width: 950px; margin: 0 auto}
#editaldisponivel h2 {color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 45px */ margin: 0 0 40px}
#editaldisponivel p {color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 39px */ margin: 0 0 40px}


#editaldisponivel #texto {
    float: left;
    width: 100%;
}	
	#editaldisponivel #imagem img { width: 80%}
	
	#editaldisponivel #imagem {
    float: right;
    width: 100%	;
    margin: 40px 0 0;
}
	
	#edital2disponivel {
    border-radius: 64px;
    padding: 10% 7%;
    margin: 0;
    border: 1px solid #000;
    background: linear-gradient(296deg, #06136C 10.65%, #528AF6 100.65%);
    width: 85%;
    display: block;
    float: left;
	}
#editaldisponivel a { width: 90%;
    transition: transform 0.3s 
ease;
    display: inline-block;
}
	#editaldisponivel a img {width: 100%}

/*PROCESSO
**********************************************************/
#processo { width: 100%; display: block; float: left; padding: 80px 0;text-align: center; background:url("../images/background-left.png") no-repeat left center; }
#processo .container2 {width:94% !important; padding:0 3%}
#processo h3 {color: #003787;
text-align: center;
font-family: Poppins;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 54px */ margin: 0 0 40px}
#processo p {color: #19191B;
text-align: center;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 36px */ margin: 0 0 40px}

#processo .cada_etapa {width: 90%; padding: 30px 20px 0;
height: 90px; margin: 0 auto 20px;
flex-shrink: 0;border-radius: 30px; text-align: center;
background: #003787;}
#processo .cada_etapa h4 {color: #E8EAF4;
text-align: center;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 22.5px */ margin: 0 0 10px}
#processo .cada_etapa p {color: #E8EAF4;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 95%; /* 16.5px */}
#processo svg {margin:0 0 20px}
	
	
	
	/*CRONOGRAMA
**********************************************************/
#cronograma { width: 100%; display: block; float: left; padding: 80px 0;text-align: center;}
	
	#cronograma .container { width:94% !important; padding:0 3%}
	
#cronograma h4 {color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 50px;
font-style: normal;
font-weight: 700;}
#cronograma #descricao {color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; margin: 20px 0 30px}



#cronograma  h6 {
text-align: left;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 24px */margin: -40px 0 16px -20px}

#cronograma #linha-2 h6 {
text-align: left;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 24px */margin: -36px 0 16px -18px}


#cronograma  svg{ float:left; margin: 0 6px 0 6px; height: 155px}
#cronograma #linha-2 svg{ float:left; margin: 0 6px 0 6px; height: 185px}

#cronograma  .cada_cronograma { width: 42%; float: left; text-align: left; margin:0 0 20px; height: 215px}
#cronograma #linha-2 { width:100%; display: block; float: left; margin: 40px 0 0}
#cronograma #linha-2 .cada_cronograma { width: 42%; float: left; text-align: left; margin:0 0 110px}

#cronograma .cada_cronograma h5 {
font-family: Poppins;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 102%; /* 20.4px */ margin: 15px 0}
#cronograma .cada_cronograma span {
font-family: Poppins;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 102%; /* 20.4px */}
	

	#cronograma #bloco-1 {
    border-radius: 30px;
    padding: 70px 0px !important ;
    display: block !important;
    float: left!important;
}
	
#cronograma #bloco-2 {
    border-radius: 30px;
    padding: 70px 0px !important;
    display: block !important;
    float: left !important;
}

	
	
	#cronograma #titulo { float:left; display: block}

#cronograma #botoes{ float:left; margin: 0 0 30px}
#cronograma #botoes a { float:left; margin: 0 0 0 10px; width: 30%}
	#cronograma #botoes a img { width: 100%}


/*APRENDER
**********************************************************/
#aprender { width: 100%; display: block; float: left; padding: 80px 0 0;text-align: center; background:#FFF; background-size:cover;}
#aprender .container { width:94% !important; padding:0 3%}




#aprender h5 {    color: #2F3D6B;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.64px;
    margin: 0 0 40px;
    text-align: center;
}

#aprender .cada_aprender { float: left; width: 72%; padding: 50px;
height: auto;
flex-shrink: 0; text-align: left;border-radius: 32px;
background: linear-gradient(161deg, #528AF6 13.37%, #07177E 87.32%);margin:0 0 30px}

#aprender .cada_aprender.dois {border-radius: 32px;
background: linear-gradient(160deg, #2C59B2 14.1%, #0D1757 88.64%);}
#aprender .cada_aprender.tres {border-radius: 32px;
background: linear-gradient(335deg, #07177E 39.39%, #0D2AE4 91.7%);}

#aprender .cada_aprender h2 {color: #FFF;
font-family: Poppins;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 80%; /* 25.6px */ margin:0 0 20px}
#aprender .cada_aprender h2 strong {color: #FFF;
font-family: Poppins;
font-size: 30px;
font-style: normal;
font-weight: 800;
line-height: 100%; /* 34.4px */}


#aprender .cada_aprender p{color: #E7E7F5;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 144%; /* 31.68px */}

#aprender .cada_aprender img {width: 97%;transition: transform 0.3s ease; display: inline-block;} 
#aprender .cada_aprender img:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}
	
	
/*PORQUE
**********************************************************/
#porque  { width: 100%; display: block; float: left; padding: 80px 0;text-align: center; background: linear-gradient(90deg, #3170D7 0%, #1A3B71 100%); }
#porque h5 {color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 43px;
font-style: normal;
font-weight: 700;
margin: 0 0 20px}

#porque .cada_porque { width: 81%; min-height:auto; float: left; margin: 0 10px 20px; background:#FFF; border-radius: 68px; padding: 50px 30px }
#porque .cada_porque h6 {color: #2F3D6B;
text-align: center;
font-family: Poppins;
font-size: 34px;
font-style: normal;
font-weight: 700; margin: 20px 0}
#porque .cada_porque p {color: #19191B;
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 28.5px */}


/*GARANTA
**********************************************************/
#garanta  { width: 100%; display: block; float: left; padding: 0 0; margin: 0 0 40px }
#garanta .container  { width:94% !important; padding:0 3%}

#garanta #boxgaranta { border-radius: 33px; width: 78%; display: block; float: left; background: linear-gradient(289deg, #07177E 58.84%, #528AF6 98.04%);  padding: 0 40px}

#garanta #box1{float: left; width: 100%; padding: 80px 0; }
#garanta #box2 {float:right; display: none}

#garanta h2 {color: #E8EAF4;
font-family: Poppins;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 66px */
letter-spacing: -0.6px; margin: 0 0 20px
 }

#garanta #inscricoesabertas {transition: transform 0.3s ease; display: inline-block;} 
#garanta #inscricoesabertas:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}
	
/*SE PREPARE
**********************************************************/
#seprepare { width: 100%; display: block; float: left; padding: 80px 0 0; background: #B1D1F2  }

	
	#seprepare h5 {color: #003787;
text-align: center;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 115%; /* 55.2px */ margin: 0 0 120px}

#seprepare .cada_seprepare {width: 78%;
height:auto;
flex-shrink: 0;border-radius: 38px;
background: #E8EAF4; margin: 0 10px 140px; float: left; padding: 20px 30px; text-align: center}

#seprepare .cada_seprepare h6 {color: #07177E;
text-align: center;
font-family: Poppins;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 90px */}

#seprepare .cada_seprepare span {color: #19191B;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;}
#seprepare .cada_seprepare img {margin:-127px 0 30px}

#seprepare #inscrevase { width: 100%; display: block; float: left; text-align: center; margin: -100px 0 0}
#seprepare #inscrevase img{transition: transform 0.3s ease; display: inline-block;} 
#seprepare #inscrevase img:hover {opacity: 0.9;  transform: scale(1.1); /* aumenta em 10% */}

	
	#videos h2 {color: #003787;
font-family: Poppins;
font-size: 30px;
font-style: normal; display: block; margin: 0 0 40px;
font-weight: 700;}


/*FRASES
**********************************************************/
#frases { width: 100%; display: block; float: left; padding: 40px 0; background: #2F3D6B; text-align: center}
#frases .cada_frase  { width: 96%; float: left; margin: 0 10px 40px; padding: 0 0 40px; border-bottom: 1px solid #64719C}

#frases .cada_frase p {color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130.687%; /* 26.137px */}

#frases .cada_frase span {color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: italic;
font-weight: 300;
line-height: 130.687%;}


/*FAZER PARTE
*********************************************************/
#fazerparte { width: 100%; display: block; float: left; padding: 80px 0;  text-align: center; background:#FFF url("../images/background-right.png") no-repeat right center;}
#fazerparte .container2 { }
	#fazerparte img {width:50%}

#fazerparte p {color: #313D70;
text-align: center;
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 60px */; margin:60px 0}

#fazerparte #inscrevase {color: #FFF; text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 107.692% */ padding: 15px 60px;border-radius: 11px;
background: #46BC52; margin:30px 0 0; }
#fazerparte #inscrevase:hover {background: #2F3D6B; color: #FFFF}


/*FOOTER
*********************************************************/
#footer { width: 100%; display: block; float: left; padding: 80px 0;  text-align: center}
#footer #col-1 { text-align: center; margin: 0 0 0}
#footer #col-1 h6 {color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal; margin: 0 0 40px}
#footer #col-1 img { margin:0 20px 40px }

#footer #col-2 { text-align: center}
#footer #col-2 h6 {color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: normal; margin: 0 0 40px}
#footer #col-2 img { margin:0 20px}
	
	
#inscricao #llCaptureForm { width: 90%; margin: 0 auto}
	
#inscricao .cada_edital { background: #D9E3F3; border-radius:72px; width: 100%; margin:0 auto 20px; padding: 0 0 20px; display:table; text-align: center}
#inscricao .cada_edital img { float:none; margin: 10px 0 10px 0 !important; }
#inscricao .cada_edital p { float:left; width: 93%; text-align: center; font-size:21px; margin:0 0 0 10px !important}
	
	/*FAQ
**********************************************************/
#faq { width: 100%; display: block; float: left; padding: 80px 0; background:#DADEEB; text-align: left}
#faq .container2 { width: 950px; margin: 0 auto}
#faq h2 {color: #003787;
text-align: center;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 105%; /* 45px */ margin: 0 0 60px}

#faq h6 {color: #003787; border: 1px solid #333; padding: 5px ;
text-align: left;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 75%; /* 45px */ margin: 0 0 10px}

	
	#inscricao .cada_aluno { background: #D9E3F3; border-radius:72px; width: 100%; margin:0 0 40px; display:table; text-align: left; float: left}
#inscricao .cada_aluno img { float:left; margin: 10px 0 10px 20px;}
#inscricao .cada_aluno p { float:left; width: 60%; text-align: left; font-size:21px; margin:15px 0 0 20px}
	
}





#inscricao #inscrevase2 {

	font-size: 11px; }


/* MOBILE */
@media only screen and (min-width: 280px) and (max-width: 320px) {
	
	    #header #topo-header #logo-1 {
        float: left;
        margin: 0 4% 0;
        width: 16%;
    }
	#header #topo-header #logo-1 img { width: 100%}
	#header #topo-header #logo-2 img { width: 100%}
	#header #topo-header #logo-3 img { width: 100%}
	#header #topo-header #logo-4 img { width: 100%}

	    #header #topo-header #logo-2 {
        float: left;
        margin: 0 4% 0 0;
        width: 22%;
    }
	
	    #header #topo-header #logo-3 {
        float: left;
        margin: 0 4% 0 0;
        width: 22%;
    }
	#header #topo-header #logo-4 {
        float: left;
        margin: 0 0 0 0;
        width: 22%;
    }
	
	    #destaqueforms h1 {
        color: #07177E;
        font-family: Poppins;
        font-size: 27px;
        font-style: normal;
        font-weight: 400;
        line-height: 128%;
    }
	#destaqueforms h1 strong {
        color: #07177E;
        text-align: center;
        font-family: Poppins;
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: 128%;
    }

	    #destaqueforms p {
        color: #07177E;
        text-align: center;
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 151%;
        margin: 10px 0 20px;
    }
	
	    #comogarantir #col-1 {
        float: left;
        width: 66%;
        height: auto;
        margin: 0 0 20px;
    }
	#comogarantir #col-2 {
        float: left;
		width: 66%;}
	
	    #comogarantir p {
        color: #E8EAF4;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 136%;
        letter-spacing: -0.52px;
    }
	
	    #modalidade h5 strong {
        color: #E8EAF4;
        font-family: Poppins;
        font-size: 31px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
	
	    #modalidade h5 {
        color: #E8EAF4;
        font-family: Poppins;
        font-size: 31px;
        font-style: normal;
        font-weight: 300;
        line-height: 120%;
        margin: 0 0 10px;
    }

	#cronograma h4 { font-size:40px}
	#cronograma #descricao { font-size:17px}
	#cronograma .cada_cronograma {
		width: 38%; height: 215px}
	
	
	#porque h5 {font-size: 34px;}
	#porque .cada_porque {
		width: 74%;}
	
	#seprepare h5 {font-size: 30px;}
	
	#seprepare .cada_seprepare {
    width: 75%;
		height: auto;}
	

	#seprepare .cada_seprepare h6 {font-size: 40px;}
	#seprepare .cada_seprepare span {    font-size: 13px;}
	
	.faq-title {    line-height: 130%;}
	
	#processo .cada_etapa {
		width: 86%;}
	#modalidade #box-presencial,#modalidade #box-ead {    width: 80%;}
	
	
	
	    #modalidade #box-presencial #caixabranca {
        text-align: left;
        border-radius: 26px;
        background: #E8EAF4;
        padding: 10px 30px;
        width: 79%;
        margin: 10px 0 0;
    }
    #modalidade #box-presencial h6 {
        color: #07177E;
        font-family: Poppins;
        font-size: 23px;
        font-style: normal;
        font-weight: 700;
        line-height: 33px;
        margin: 20px 0;
    }
	
	    #modalidade #box-presencial p {
        color: #565661;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 135%;
        letter-spacing: 0.96px;
        margin: 0 0 20px;
    }
	
	#modalidade #box-ead #caixabranca {
        text-align: left;
        border-radius: 26px;
        background: #E8EAF4;
        padding: 10px 30px;
        width: 79%;
        margin: 10px 0 0;
    }
	    #modalidade #box-ead h6 {
        color: #07177E;
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 33px;
        margin: 20px 0;
    }
	
	#aprender .cada_aprender {
        float: left;
        width: 73%;
		padding: 41px;}
	
	#garanta #boxgaranta {
        border-radius: 33px;
        width: 84%;
        display: block;
        float: left;
        background: linear-gradient(289deg, #07177E 58.84%, #528AF6 98.04%);
        padding: 0 25px;
    }
	
	
}