/*
Theme Name: Instituto Behangel
Theme URI: https://institutobehangel.com.br
Author: Laís Santos
Author URI: laissantostz@gmail.com
Description: Tema para o site da Instituto Behangel em 2023.
Version: 1.0
*/

/* Estilos Gerais */
html,
body,
main,
footer,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  margin: 0;
  padding: 0;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 400;
  line-height: 1.2em;
  color: #000;
  letter-spacing: .2px;
}
.btn-link:hover,
a,
a:hover,
a:focus,
a:active {
  border: none;
  outline-style: none;
  text-decoration: none;
  transition: ease-in-out .2s;
}
body {
  position: relative;
}
.floating-menu {
  position: fixed;
  right: 30px;
  top: 300px;
}
.floating-menu img,
.floating-menu svg{
  width: 40px;
  margin-bottom: 10px;
}
.page-template-front-page .floating-menu {
  right: auto;
  left: 30px;
}
main {
  padding-top: 115px;
}
strong {
  font-weight: 800;
}
.bg-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cta {
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  line-height: 170%;
  color: #FFF212;
  background: transparent;
  border: 3px solid #FFF212;
  border-radius: 100px;
  padding: 10px 35px;
  display: block;
  transition: all .3s;
  position: relative;
  width: fit-content;
}
.cta:hover {
  color: #000000;
  border: 3px solid #FFFFFF;
  background-color: #FFFFFF;
}
.cta.black{  
  color: #000000;
  border-color: #000000;
}
.cta.black:hover { 
  background-color: #000000; 
  color: #FFFFFF;
  border: 1px solid #000000;
}
/* Estilos Header */
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.header .vetor-colorido {
  position: absolute;
  bottom: 0;
  left: 0;
}
.secao-cabecalho{
	background-color: #fff;
  width: 100%;
  border-bottom: 5px solid #8AB63F;
  padding: 20px 0;
}
.navbar-brand{
  padding: 0 !important;
  margin: 0;
}
.navbar-brand img {
  width: 100%;
  height: 70px;
  object-fit: contain;
}
.navbar a {  
  color: #2D5596;
  font-size: 1em;
  font-style: normal;
  font-weight: 800;
  line-height: 100.563%;
  padding: 0 15px;
  transition: ease-in-out .2s;
	position: relative;
}
.navbar .menu-item a:hover:before,
.current-menu-item a:before{
  content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translatex(-50%);
	width: 50px;
	height: 2px;
	background: #8AB63F;
}
.navbar-brand:hover {
  border: none !important;
}
.navbar a.cta{
  background: #FFF212;
  padding: 10px 35px;
}
/* Estilos Menu */

.menu-open-close {
  position: relative;
}
.menu-toggle {
  width: 25px;
  border-radius: 11px;
  display: none !important;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.menu-toggle span {
  font-weight: 600;
  line-height: 40px;
  color: #b5b5b5;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.menu-toggle span::before,
.menu-toggle span::after {
  content: "";
  width: 25px;
  border-radius: 11px;
  height: 2px;
  display: block;
  background: #00A33D;
}
.menuToggle {
  display: none;
  position: relative;
  z-index: 2;
  width: 60px;
  height: 40px;
  cursor: pointer;
}
.menu-lateral {
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: -120%;
  width: 100%;
  max-width: 300px;
  height: 100vh;
  background: #fff;
  z-index: 1000;
  transition: 0.5s;
  overflow-y: hidden;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  padding-top: 100px
}
.close-button {
  position: absolute;
  top: 40px;
  right: 20px;
  cursor: pointer;
}
.close-button span {
  color: #b5b5b5;
  font-size: 28px;
  font-weight: 300;
  line-height: 48px;
}
.menu::-webkit-scrollbar {
  display: none;
}
.menu-lateral ul {
  overflow-y: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}
.menu-lateral ul li {
  list-style: none;
}
.menu-lateral.active {
  left: 0;
  overflow: auto;
}
.navbar .sub-menu {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  list-style: none;
  padding: 20px;
  background: #FFF212;
  width: 300px;
  z-index: 5;
}
.navbar .sub-menu li {
  margin-bottom: 15px;
  display: flex;
}
.navbar .sub-menu a {
  line-height: 1em;
  text-align: left;
  padding: 0 12px;
}
.navbar .sub-menu a::before,
.navbar .sub-menu a:hover:before {
  content: none;
}
.navbar .sub-menu a:hover {
  opacity: .8;
}
.menu-item-has-children {
  position: relative;
}
.menu-item-has-children:hover .sub-menu{
  display: block;
}
/* Página inicial */
.banner-principal {
  position: relative;
}
.banner-principal img {
  height: 500px;
  object-fit: cover;
}
.banner-principal .slick-dots {
  bottom: 25px;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slick-dots li button:before {
  font-size: 40px;
  color: #fff;
  opacity: .5;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #fff;
}
.slick-dots li button {
  padding: 0;
}
.slick-arrow {
  background: #57BB6B;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.slick-arrow:hover {
  background: #57BB6B;
}
.titulo {
  color: #2D5596;
  font-size: 2em;
  font-style: normal;
  font-weight: 600;
  line-height: 105%; 
  margin-bottom: 40px;
  position: relative;
}
.titulo::after {
  content: url('/wp-content/uploads/2023/12/vetor.png');
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  object-fit: contain;
}
.titulo.no-after::after {
  content: none;
}
.titulo.white {
  color: #fff;
  font-weight: 400;
}
.titulo.white strong{
  font-weight: 600;
}
.p-60 {
  padding: 60px 0;
}
.pt-60 {
  padding-top: 60px;
}
#home .cursos {
  background: #FFF212;
  position: relative;
}
#home .cursos .vetor-absolute {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 150px;
  object-fit: contain;
}
.cursos .texto p {
  color: #2D5596;
  line-height: 170%;
}
#home .cursos .slide {
  margin: 40px 0;
}
.cursos .box {
  height: 330px;
  border-radius: 15px;
  position: relative;
  padding: 20px;
  padding-bottom: 80px;
}
.cursos .box::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.00) 55.32%);
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.cursos .box .texto {
  position: relative;
  z-index: 10;
}
.cursos .box .tag span {
  color: #0A033C;
  background: #FFF212;
  padding: 5px 25px;
  border-radius: 5px;
  display: block;
  width: fit-content;
  font-weight: 500;
  font-size: .85em;
}
.cursos .box h3 {
  color: #fff;
  font-weight: 800;
  font-size: 1.2em;
  margin-top: 10px
}
.cursos .box .link {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #00AFEF;
  width: 100%;
  padding: 10px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-align: center;
  color: #fff;
  z-index: 15;
}
.cursos .box .link svg{
  display: none;
}
.cursos .block-box:hover svg {
  display: block;
}
.cursos .block-box:nth-child(2n) .link,
.cursos .slick-slide:nth-child(2n) .link {
  background: #8CC63F;
}
.cursos .block-box:nth-child(3n) .link,
.cursos .slick-slide:nth-child(3n) .link {
  background: #14AC7D;
}
.cursos .block-box:nth-child(4n) .link,
.cursos .slick-slide:nth-child(4n) .link {
  background: #F16449;
}
#home .cursos .cta {
  border-color: #14AC7D;
  color: #14AC7D;
}
#home .sobre {
  position: relative;
  z-index: 5;
}
#home .sobre .vetor-absolute {
  position: absolute;
  bottom: -50px;
  left: 0;
  max-width: 150px;
}
#home .sobre .titulo{
  max-width: 380px;
}
#home .sobre p {
  color: #fff;
}
#home .sobre .cta {
  color: #fff;
}
#home .sobre .right img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  max-width: 550px;
}
.diferenciais {
  background: #EBF5FF;
}
.diferenciais .box {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 10px 60px 0px rgba(38, 45, 118, 0.08);
  padding: 30px;
  padding-bottom: 50px;
  margin-bottom: 20px;
}
.diferenciais .box .icone {
  background: #F16449;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.diferenciais .col-md-4:nth-child(2) .icone{
  background: #14AC7D;
}
.diferenciais .col-md-4:nth-child(3) .icone{
  background: #00AFEF;
}
.diferenciais .box .icone img{
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.diferenciais .box .texto {
  max-width: 250px;
  margin: 0 auto;
}
.diferenciais .box h3 {
  color: #2F327D;
  font-weight: 500;
  font-size: 1.5em;
  line-height: 1.3em;
  margin-bottom: 15px;
}
.diferenciais .box p {
  color: #696984;
  font-size: 1em;
  line-height: 180%;
}
.depoimentos .box img{
  width: 80px;
  height: 80px;
  object-fit: cover;
  margin-bottom: 20px;
}
.depoimentos .box h3 {
  color: #2D5596;
  font-size: 1.2em;
  line-height: 164%;
  margin-bottom: 10px;
  font-weight: 700;
}
.depoimentos .box p {
  color: #696984;
  line-height: 180%;
  margin-bottom: 20px;
}
.depoimentos .box .autor {
  color: #2D5596;
  font-weight: 700;
}
.depoimentos .box .data {
  color: #2D5596;
  font-weight: 700;
  font-size: .8em;
}
.blog .subtitulo {
  color: #2D5596;
}
/* Página Sobre */
.interna .topo-page {
  background: #EADD00;
}
.interna .topo-page .row{
  height: 140px;
}
#breadcrumbs {
  display: flex;
  justify-content: center;
}
#breadcrumbs span {
  color: #000;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  display: inline-block;
  width: fit-content;
  margin: 0 10px;
  margin-bottom: 5px;
}
.interna .topo-page h1,
.interna .topo-page h2 {
  color: #2D5596;
  text-align: center;
  font-size: 2em;
  font-style: normal;
  font-weight: 800;
  line-height: 105%;
}
#sobre .sobre {
  position: relative;
}
.missao .right img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  max-width: 550px;
}
#sobre .sobre h2,
#sobre .sobre h3 {
  color: #2D5596;
  margin-bottom: 20px;
}
#sobre .sobre p {
  color: #696984;
  margin-bottom: 20px;
}
#sobre .sobre .cta {
  color: #14AC7D;
  border-color: #14AC7D;
}
#sobre .missao {
  background: #EBF5FF;
  position: relative;
}
#sobre .missao .vetor-absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 250px;
}
#sobre .missao .box {
  background: #fff;
  border-radius: 20px;
  padding: 30px 30px 60px 30px;
  transition: ease-in-out .2s;
}
#sobre .missao .box:hover {
  background: #104C92;
}
#sobre .missao .box img {
  height: 50px;
  object-fit: contain;
}
#sobre .missao .box h3{
  color: #2D5596;
  font-size: 1.3em;
  font-style: normal;
  font-weight: 800;
  line-height: 48.139px;
  letter-spacing: 0.183px;
}
#sobre .missao .box p {
  color: #585858;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 166.5%;
}
#sobre .missao .box:hover h3,
#sobre .missao .box:hover p,
#sobre .missao .box:hover img {
  color: #fff;
  filter: brightness(0) invert(1);
}
#sobre .galeria .titulo {
  font-weight: 400;
  line-height: 160%;
  font-size: 1.5em;
}
#sobre .galeria .titulo svg {
  width: 100%;
  margin-bottom: 10px;
}
#sobre .galeria .titulo::after {
  top: 110px;
}
#sobre .galeria .container-imagens img {
  padding: 0;
  object-fit: cover;
}
.equipe .box {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 10px 60px 0px rgba(38, 45, 118, 0.08);
  padding: 40px;
  height: 350px;
}
.equipe .box img {
  border-radius: 117.5px;
  border: 6px solid #2D5596;
  width: 125px;
  height: 125px;
  margin-bottom: 20px;
}
.equipe .box h3 {
  color: #696984;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 500;
  line-height: 109.4%;
  margin-bottom: 20px;
}
.equipe .box a {
  display: block;
  height: 20px;
  margin-right: 10px;
}
/* Página Cursos */
#cursos .cursos {
  position: relative;
}
#cursos .cursos::after {
  content: '';
  background: #EBF5FF;
  width: 100%;
  position: absolute;
  height: 250px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: -1;
}
#cursos .cursos .texto p {
  color: #696984;
}

/* Página Interna Curso */
#curso .secao-principal .left img {
  height: 450px;
  object-fit: cover;
  border-radius: 28px;
}
#curso .secao-principal .tag span {
  color: #0A033C;
  background: #FFF212;
  padding: 5px 25px;
  border-radius: 5px;
  display: block;
  width: fit-content;
  font-weight: 500;
  font-size: .85em;
}
#curso h1 {
  color: #2D5596;
  font-size: 2.5em;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  margin: 20px 0;
  max-width: 300px;
}
#curso .texto-post p {
  color: #696984;
}
#curso .preco span {
  color: #696984;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}
#curso .preco h3 {
  color: #57BB6B;
  font-size: 46px;
  font-style: normal;
  font-weight: 800;
  line-height: 1em;
}
#curso .preco p {
  color: #696984;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 400;
  line-height: 107.5%;
  max-width: 280px;
}
#curso .preco p strong {
  color: #57BB6B;
  font-weight: 800;
}
#curso .secao-principal .cta {
  color: #57BB6B;
  border-color: #57BB6B;
}
#curso .info {
  position: relative;
}
#curso .info::after {
  content: '';
  background: #14AC7D;
  width: 100%;
  position: absolute;
  height: 150px;
  top: 0;
  left: 0;
  z-index: -1;
}
#curso .info .box {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 10px 60px 0px rgba(38, 45, 118, 0.08);
  height: 170px;
  padding: 30px 40px;
}
#curso .info .box svg {
  margin-bottom: 10px;
  height: 45px;
}
#curso .info .box p {
  color: #696984;
  text-align: center;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 500;
  line-height: 107.662%;
}
#curso .info .nav-link {
  color: #2D5596;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 800;
  line-height: 1em;
  opacity: .5;
  padding: 20px 50px;
  padding-left: 0;
}
#curso .info .nav-link.active {
  font-size: 2em;
  opacity: 1;
  border: 0;
  padding: 10px 50px;
  padding-left: 0;
  position: relative;
}
#curso .info .nav-link.active::after {
  content: url('/wp-content/uploads/2023/12/vetor.png');
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: contain;
}
#curso .info .tab-content {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#curso .info .tab-pane p {
  color: #696984;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 20px;
}
#curso .faq {
  background: #EBF5FF;
  position: relative;
}
#curso .faq .vetor-absolute {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 300px;
  object-fit: contain;
}
#curso .faq .card {
  border-radius: 10px;
  background: #FFF;
  margin-bottom: 15px;
  border: 0;
}
#curso .faq .card-header {
  background: #FFF;
  padding: 0;
  border: 0;
}
#curso .faq .card-header button{
  padding: 20px 30px;
  width: 100%;
  text-align: left;
  color: #696984;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 109.4%;
}
#curso .faq .card-header button:focus{
  font-weight: 800;
}
#curso .faq .card-body{
  padding: 30px;
}
#curso .faq .card-body p{
  color: #696984;
  font-size: 1.1em;
  font-style: normal;
  font-weight: 400;
  line-height: 109.4%;
}
#curso .equipe p {
  color: #696984;
  text-align: center;
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  line-height: 109.4%;
}
#curso .equipe .box {
  height: 300px;
}
/* Página Notícias */
.blog .posts .box {
  display: block;
  margin-bottom: 20px;
}
.blog .posts .box .topo{
  position: relative;
}
.blog .posts .box .topo img{
  height: 280px;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
}
.blog .posts .box .texto {
  padding: 30px;
  box-shadow: 0px 17px 80px #E8E9EA;
  height: 100%;
  border-radius: 0 0 20px 20px;
  transition: ease-in-out .2s;
}
.blog .posts .box:hover .texto {
  background: #14AC7D;
}
.blog .posts .box .texto .data span{
  color: #14AC7D;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 100.563%;
  display: block;
}
.blog .posts .box h2 {
  color: #696984;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 150.563%; 
  margin: 20px 0 40px 0;
}
.blog .posts .box .link {
  color: #696984;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 100.563%; 
}
.blog .posts .box:hover h2,
.blog .posts .box:hover .texto .data span,
.blog .posts .box:hover .link,
.blog .posts .box:hover svg path{
  color: #fff;
  fill: #fff;
}
.blog .page-numbers {
  border: 1px solid #14AC7D;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-right: 5px;
}
.blog .page-numbers.current,
  .blog .page-numbers:hover {
  background: #14AC7D;
  color: #fff;
}


/* Página Notícia interna */
.single .data span {
  color: #696984;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 136%; 
  letter-spacing: 1.02px;
  text-transform: uppercase;
}
.single h1 {
  color: #2D5596;
  text-align: center;
  font-size: 2.5em;
  font-style: normal;
  font-weight: 800;
  line-height: 115%;
  margin: 0 auto;
  margin-bottom: 40px;
  max-width: 700px;
}
.single .thumb-post {
  border-radius: 14px;
  margin-bottom: 30px;
}
.single .texto-post p,
.single .texto-post li {
  line-height: 196%;
  font-size: 15px;
  margin-bottom: 20px;
  color: #696984;
}
.single .texto-post li {
  line-height: 14px;
  margin-bottom: 2px;
}
.single .texto-post img {
  border-radius: 20px;
  margin-bottom: 20px;
}
.single .texto-post h2,
.single .texto-post h3{
  color: #696984;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 800;
  line-height: 196%;
  margin-bottom: 20px;
}
.single .texto-post h3 {
  font-size: 1.3em;
}

/* Página Contato */
#contato .row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#contato .formulario h2 {
  color: #2D5596;
  font-size: 2em;
  font-style: normal;
  font-weight: 800;
  line-height: 100.563%;
  margin-bottom: 20px;
}
#contato .formulario .texto p {
  color: #696984;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 500;
  line-height: 115.6%;
  margin-bottom: 20px;
}
#contato .formulario input,
#contato .formulario textarea,
#contato .formulario select{
  height: 50px;
  padding: 15px;
  font-size: 1em;
  border-radius: 5px;
  border: 1px solid #CDCDCD;
  background: #FFF;
  box-shadow: 0px 4px 13px 0px rgba(149, 149, 149, 0.12);
  background: #FFF;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.63px;
}
#contato .formulario select {
  padding: 0 15px;
}
#contato .formulario input::placeholder,
#contato .formulario textarea::placeholder {
  color: #696984;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.63px;
}
#contato .formulario input:focus,
#contato .formulario input:focus::placeholder,
#contato .formulario textarea:focus,
#contato .formulario textarea:focus::placeholder {
  font-weight: 800;
  outline: none;
  box-shadow: none;
}
#contato .formulario input:focus {
  border: 1px solid #14AC7D;
  box-shadow: 0px 16px 19px -12px #C4C4C4;
}
#contato .formulario textarea.form-control {
  padding: 15px 30px;
  border-radius: 10px;
  border: 1px solid #8AB63F;
  background: #FFF;
  height: auto;
}
#contato .formulario input[type="checkbox"],
#contato .formulario input[type="radio"]{
  padding: 0;
  height: auto;
}
#contato .formulario .cta {
  height: auto;
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  line-height: 170%;
  color: #14AC7D;
  background: transparent;
  border: 3px solid #14AC7D;
  border-radius: 100px;
  padding: 10px 65px;
  margin-top: 30px;
}
#contato .endereco p {
  color: #696984;
  text-align: center;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 400;
  line-height: 115.6%;
}
#contato .endereco .mapa iframe {
  width: 100%;
}


/* Footer */
footer .topo{
  background: #2D5596;
  padding: 30px 0;
}
footer .topo .icones {
  margin-left: 10px;
}
footer .topo .icones a {
  width: 40px;
  height: 40px;
  background: #FF6652;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
}
footer .topo .cta {
  background: #FFF212;
  color: #2D5596;
  font-weight: 800;
  line-height: 1em;
}
footer .topo a,
footer .topo p{
  color: #fff;
  font-size: .85em;
  font-weight: 400;
  line-height: 324%;
  position: relative;
}
footer .topo a::before {
  content: none;
}
footer .sub-menu {
  display: none;
}
footer .topo h5 {
  color: #fff;
  font-weight: 800;
  margin-bottom: 15px;
}
footer .topo .info a,
footer .topo .info p {
  line-height: 139.4%;
}
footer .topo .info a svg {
  margin-right: 10px;
}
footer .copy {
  background: #1B3D75;  
  padding: 30px 0;
}
footer .copy p,
footer .copy p a {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 0;
}
/* Animação */
[data-anime]{
  opacity: 0;
  transition: .7s;
  transition-delay: .1s;
}
[data-anime="left"]{
  transform: translate3d(-30px, 0, 0);
}
[data-anime="right"]{
  transform: translate3d(30px, 0, 0);  
}
[data-anime="top"]{
  transform: translate3d(0, -30px, 0);  
}
[data-anime="down"]{
  transform: translate3d(0, 30px, 0);  
}
[data-anime].animate{
  opacity: 1;
  transform: translate3d(0, 0, 0);
}


/* Responsividade */
@media (max-width: 991px) {
  .floating-menu {
    top: 180px;
    right: 20px;
  }
  .floating-menu img,
  .floating-menu svg{
    width: 30px;
  }
  #home .floating-menu {
    right: auto;
    left: 20px;
  }
  .menu-toggle {
    display: flex !important;
    order: 3;
  }
  .navbar a {
    line-height: 1.5em;
    text-align: left;
    color: #00B443;
  }
  .navbar a::before {
    content: none;
  }
  .navbar .sub-menu {
    position: relative;
    left: auto;
    top: auto;
    display: block;
    width: auto;
    padding-left: 20px;
    background: transparent;
  }
  .navbar .sub-menu a{
    font-size: .85em;
  }
  .navbar a.cta {
    padding: 5px 10px;
    font-size: .8em;
  }
  .navbar a.cta svg{
    width: 20px;
  }
  .banner-principal .row {
    min-height: 0;
  }
  #home .cursos .vetor-absolute {
    max-width: 40px;
  }
  .interna .topo-page .row {
    height: 150px;
  }
}
@media (max-width: 768px) { 
  .p-60 {
    padding: 60px 15px;
  }
  .navbar-brand img {
    max-width: 150px;
    object-fit: contain;
  }
  .titulo {
    font-size: 1.5em;
  }
  #home .sobre .right img {
    position: relative;
    right: auto;
    bottom: auto;
  }
  #home .sobre .vetor-absolute {
    display: none;
  }
  #sobre .missao .box {
    margin-bottom: 15px;
  }
  #sobre .missao .vetor-absolute {
    display: none;
  }
  #sobre .galeria .titulo {
    font-size: 1.2em;
  }
  #sobre .galeria .titulo::after {
    content: none;
  }
  .equipe .box {
    margin-bottom: 15px;
  }
  #curso h1 {
    text-align: left;
  }
  #curso .tag {
    margin-top: 30px;
  }
  #curso .info .box {
    margin-bottom: 20px;
  }
  #curso .info .nav-link.active {
    font-size: 1.5em;
  }
  #contato .formulario h2 {
    font-size: 1.5em;
  }
  footer .topo a, footer .topo p {
    line-height: 200%;
    margin-bottom: 20px;
  }
}