/* CSS Document */

.topMenu {
  background-color: #0f2d45;
  z-index: 99999999999;
  position: relative;
}

.container-folder {
  padding: 0 250px;
}

.amarelo-folder {
  background: #fff7e7;
  opacity: 0.95;
}

h2 {
  font-size: 76px !important;
}

h3 {
  font-size: 16px;
}

.posiciona-conteudo-topo-dupla-titulacao {
  top: 250px;
  left: 50px;
  position: relative;
}

.posiciona-conteudo-topo-trilha-2 {
  top: 300px;
  left: -150px;
  position: relative;
}

#como-funciona .gradiente-col-1 {
  background-image: linear-gradient(to bottom, #55b5f2, #528bb0);
}

#como-funciona .gradiente-col-2 {
  background-image: linear-gradient(to bottom, #528baf, #266185);
}

#como-funciona .gradiente-col-3 {
  background-image: linear-gradient(to bottom, #52a3af, #45828b);
}

.gradiente-col-1,
.gradiente-col-2,
.gradiente-col-3 {
  height: 100%;
}

.nome-professor::after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  left: 0px;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 10px auto 10px 0;
  background-color: #c5c5c5;
}

h4 {
  color: #000;
  font-family: "Playfair Display", serif;
  font-weight: 700;
}

.semestres {
  line-height: normal;
  margin-bottom: 7px;
  padding: 20px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cor-1-semestre {
  background: #746bb1;
}

.cor-2-semestre {
  background: #447ebe;
}

.cor-3-semestre {
  background: #018eba;
}

.cor-4-semestre,
.cor-ciclo-basico {
  background: #019aac;
}

.cor-4-ano-col-1 {
  background: #595882;
}

.cor-4-ano-col-2,
.cor-ciclo-especializacao {
  background: #3c4a6e;
}

.cor-ciclo-especifico {
  background: #017198;
}

.posiciona-conteudo-footer-duvidas {
  position: relative;
  left: 0;
  padding-top: 180px;
}

.disciplinas-da-trilha strong {
  font-family: "Playfair Display", serif;
  font-weight: 600;
}

body {
  background: #fff7e7;
}

#topo-mba-2021 {
  background: url(https://wpcdn.idp.edu.br/idpsiteportal/2021/08/mba-2021-bg-topo.jpg)
    no-repeat;
  background-size: cover;
  color: #fff;
  height: 95vh;
  width: 100%;
  position: relative;
  margin-top: -128px;
}

.bg-pg-1 {
  background: url(https://www.idp.edu.br/wp-content/themes/idp_principal_2020/folder/img/folder-eco-pg1.jpg)
    no-repeat;
  background-position: right;
}

/*#dupla-graduacao-passo-a-passo{
	background: url(https://wpcdn.idp.edu.br/idpsiteportal/2021/09/folder-eco-dupla-grad-passo-a-passo.jpg) no-repeat;
	background-size: cover;
	height: 90vh
}
*/
#ficou-alguma-duvida {
  background: url(https://wpcdn.idp.edu.br/idpsiteportal/2021/09/folder-eco-pg3-ficou-duvida.jpg)
    no-repeat;
  background-size: cover;
  /* height: 57vh; */
  background-color: #fff7e7;
  padding-bottom: 3rem;
}

#ficou-alguma-duvida h3 {
  font-size: 22px;
}

#aprenda-se-reconhecer {
  background: url(https://wpcdn.idp.edu.br/idpsiteportal/2021/09/folder-eco-img-aprenda-se-reconhecer-dobra2.jpg);
  background-size: cover;
  height: 50vh;
}

.verde-dupla-titulacao {
  color: #52a3af;
}

.cover {
  object-fit: cover;
  width: 100%;
  margin-top: -128px;
}

.navegador {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 97;
}

.navegador i {
  background: #fff7e7;
  padding: 10px;
  border: solid 1px #e6e0d2;
}

.navegador a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: rgba(255,247,231,.9);
}

#footer .arqFooterContato,
#footer .arqFooterMenu,
#footer .arqFooterLogo {
  padding-top: 0 !important;
}

.bg-topo-folder {
  height: 100vh;
}

#topo-capa-folder {
  height: 100vh;
}

.bg-topo-folder-corpo-docente {
  background: url(https://wpcdn.idp.edu.br/idpsiteportal/2021/09/folder-adm-corpo-docente-topo.jpg)
    no-repeat;
  background-size: cover;
}

.disciplinas-da-trilha .semestres {
  height: 100px;
}

.borda-disciplinas-da-trilha {
  border-right: dotted 1px #3f3f3f;
  border-left: dotted 1px #3f3f3f;
}

h1 {
  line-height: normal;
  font-size: 32px;
  font-family: "Playfair Display", serif;
  font-weight: 500;
  text-transform: none;
}

#depoimento,
.depoimentos {
  background: #000;
}

#depoimento p,
.depoimentos p {
  font-family: "Playfair Display", serif !important;
  font-size: 18px !important;
  text-align: center;
  color: #fff !important;
  line-height: 28px;
}

#depoimento-intercambio p {
  font-family: "Playfair Display", serif !important;
  font-size: 18px !important;
}

#depoimento p strong,
#depoimento-intercambio p strong {
  font-family: "Roboto", serif;
}

#jobfair p strong {
  font-family: "Playfair Display", serif;
  font-size: 17px !important;
}

h2 {
  font-size: 20px;
  text-transform: none;
  font-family: "Playfair Display", serif;
}

p {
  font-weight: 400 !important;
  color: #3f3f3f;
  font-size: 16px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
}

a {
     font-family: "Roboto", sans-serif;
}

#carreiras-1 a,
#carreiras-2 a,
#carreiras-3 a,
#carreiras-4 a,
#carreiras-5 a {
  font-weight: bold;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif;
}

.linha-indice {
  border-bottom: solid 1px #3f3f3f;
  padding-bottom: 10px;
}

#footer p {
  color: #fff !important;
}

/* ANIMACAO DA ANCORA */
.icone-scroll-down {
  /* bottom: 90px; */
  bottom: 500px;
  opacity: 0;
  /* position: relative; */
  z-index: 1;
  position: absolute;
  left: calc(50% - 32.5px);
}

.icone-scroll-down.scrolled {
  bottom: 40px;
  opacity: 1;
}
/* FIM ANIMACAO DA ANCORA */

.icone-scroll-down-2 {
  bottom: 50px;
  position: absolute;
  z-index: 1;
  left: 50%;
}

.familia-tipografica-2 {
  font-family: "Playfair Display", serif;
}

/*#topo-professores .icone-scroll-down{
	bottom: 100px;
	left: -670px;
	position: relative;
	z-index: 1
	
}*/

  .bg-topo-folder-professores {
    background-position-x: 0;
    background-position-y: 26px !important;
  }

.borda-seja-parte {
  border-right: solid 2px #3f3f3f;
  padding-left: 5px;
}

.borda-seja-parte-2 {
  border-left: solid 2px #3f3f3f;
  padding-left: 3rem;
}

.preto {
  color: #000;
}

.mercado-de-trabalho {
  background: #000;
  color: #fff;
}

.btn-folder-solido {
  background: #a31cfe;
  border: solid 1px #a31cfe;
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: background-color 0.5s, transform 0.5s;
}

.btn-folder-solido:hover {
  background: none;
  border: solid 1px #a31cfe;
  color: #fff;
}

.btn-folder-vazado {
  background: none;
  border: solid 2px #3f3f3f;
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 500;
  color: #3f3f3f;
  text-align: center;
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: background-color 0.5s, transform 0.5s;
}

.btn-folder-vazado:hover {
  background: #3f3f3f;
  color: #fff;
  border: solid 2px #3f3f3f;
}

.btn-folder-vazado-branco {
  background: none;
  border: solid 1px #fff;
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s;
  transition: background-color 0.5s, transform 0.5s;
}

.btn-folder-vazado-branco:hover {
  background: #fff;
  color: #000;
  border: solid 1px #fff;
}

.container-folder video {
  top: 0;
  width: 100%;
}

.posiciona-apresentacao-pagina {
  position: relative;
  float: left;
}

#topo-capa-folder .wrap-video {
  min-width: 100%;
  min-height: 100vh;
  width: auto;
  position: absolute;
  bottom: 0;
}

#topo-capa-folder .wrap-video video {
  position: absolute;
  bottom: 0;
}

.conceito {
  position: absolute;
  width: 33%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.posiciona-conteudo-footer-duvidas h3{
		text-transform: none
	}

@media only screen and (min-width: 576px) and (max-width: 1366px) {
  .container-folder {
    padding: 12px 10%;
  }

  .posiciona-conteudo-topo-dupla-titulacao {
    top: 120px;
  }
	.posiciona-conteudo-footer-duvidas {
    	padding-top: 100px;
	}

  h1 {
    font-size: 28px;
  }

  p {
    font-size: 14px;
  }
	
	.semestres{
		font-size: 13px !important
	}

  .bg-dobra-inscricoes {
    background-position-y: 25px;
    background-size: 212px;
  }
	
		.gradiente-col-1,
		.gradiente-col-2,
		.gradiente-col-3 {
		 height: 100%;
		}

}



@media (max-width: 576px) {
  #topo-capa-folder {
    height: 0;
  }
	
	
  #ficou-alguma-duvida {
    background-image: none;
    background-color: #fff7e7;
    padding-bottom: 50px;
  }

	.gradiente-col-1,
.gradiente-col-2,
.gradiente-col-3 {
  height: auto;
}
	
  .container-folder {
    padding: 0 4%;
  }

  h1 {
    font-size: 30px;
  }

  .posiciona-conteudo-topo {
    left: auto;
    top: auto;
  }

  /* .posiciona-conteudo-footer-duvidas {
    top: 80px;
  } */

  .posiciona-conteudo-topo-dupla-titulacao {
    top: 250px;
    left: auto;
  }

  #bg-topo-folder,
  .bg-topo-folder {
    margin-top: 60px;
    background-repeat: no-repeat;
  }

  .bg-topo-folder {
    background-size: contain;
    background-repeat: no-repeat;
  }

  .borda-seja-parte {
    border-right: 0;
    padding-left: 0;
  }

  /* .bg-topo-folder-professores {
    background-position-x: 0 !important;
    background-position-y: 60px !important;
  } */

  .py-5-mobile,
  .icone-scroll-down {
    display: none !important;
  }
	
	.icone-scroll-down-2.scrolled{
		display: none
	}

  .borda-disciplinas-da-trilha {
    border: 0;
  }

  .posiciona-conteudo-topo-trilha-2 {
    left: 0;
    top: 140px;
  }

  #professores,
  .nome-professor {
    text-align: center;
  }

  .nome-professor::after {
    margin: 10px auto 10px auto;
  }

  video {
    top: -10px;
    width: 100%;
    height: 350px;
  }

  .btn-folder-vazado-branco {
    font-size: 11px;
  }
  .img-topo-prosel {
    width: 75%;
  }

  .posiciona-conteudo-footer-duvidas {
    padding-top: 0;
  }
  .btn-folder-vazado {
    display: inline-block;
  }

  .conceito {
    position: relative;
    width: 100%;
    margin-top: 300px;
  }
}

.icone-scroll-down:hover {
  filter: opacity(50%);
  margin-bottom: -30px;
}

.navegador i:hover {
  background-color: #ada69a;
}