/* CSS Document */
@charset "utf-8";
*{
  font-family: 'Poppins', sans-serif;
}
html, body {
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  height: 100%;
}
a{
  transition: all 0.5s ease;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'Poppins', sans-serif;
}
h2{
  text-align: center;
  color: #064c63;
  margin-bottom: 40px;
  font-size: 5em;
}
h2 span{
  font-weight: 700;
}
.btn_nav{
  padding-top: 8px;
}
.btn-default{
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.btn-header{
  color: #133a70;
  padding: 10px 10px;
  background-color: #76f7da;
  /* border-radius: 25px; */
}
.btn-flex{
  color: #133a70;
  padding: 16px 60px;
  background-color: #76f7da;
  /* border-radius: 25px; */
  font-size: 22px;
}
.btn-diferenciais-course{
  color: #133a70;
  padding: 10px 30px;
  background-color: #01ffc9;
  border-radius: 25px;
  display: block;
  font-size: 16px;
}
.btn-form1{
  /* border-radius: 15px; */
  color: #20372a;
  background-color: #76f7da;
  display: block;
  padding: 10px;
  border: none;
  font-size: 18px;
  letter-spacing: 6px;
}
.btn-form2{
  color: #133a70;
  padding: 10px 30px;
  background-color: #76f7da;
  display: block;
  font-size: 26px;
  border: 0;
}
.btn-form_interna_back{
  color: #0c538e;
  padding: 10px 30px;
  background-color: #8db5ce;
  border-radius: 25px;
  display: block;
  font-size: 20px;
  border: 0;
  /*border: #17edb8 1px solid;*/
  letter-spacing: 3px;
  -webkit-box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73); 
  box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73);
}
.btn-form_interna_submit{
  color: #133a70;
  padding: 10px 30px;
  background-color: #17edb8;
  border-radius: 25px;
  display: block;
  font-size: 20px;
  border: 0;
  /*border: #17edb8 1px solid;*/
  letter-spacing: 3px;
  -webkit-box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73); 
  box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73);
}
.btn-courses{
  color: #002b77;
  padding: 10px 65px;
  background-color: #5efe92;
  font-size: 22px;
}
.btn-diferenciais{
  color: #133a70;
  padding: 10px 30px;
  background-color: #01ffc9;
  border-radius: 25px;
  display: block;
  font-size: 18px;
}
.btn-diferenciais2{
  color: #133a70;
  padding: 10px 0;
  background-color: #01ffc9;
  border-radius: 25px;
  font-size: 24px;
  display: block;
}
form input[type=text], .form-select{
  font-size: 14px;
  padding: 14px 16px;
  color: #5f5f5f;
}
.btn-form-footer{
  border: 2px solid #100f5b;
  color: #31fce2;
  background-color: #100f5b;
  padding: 5px 20px;
}
.cta_course{
  margin: 30px 0 60px 0;
  text-align: center;
}
html.sr .load-hidden {
  visibility: hidden;
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  #form_header{
    background-color: #FFF;
    padding: 20px 30px;
    width: 100%;
    border-radius: 5%;
    opacity: 0.8;
  }
  #content_form_header{
    position: inherit;
  }
  #content_header{
    margin-top: 80px;
  }
  #image_header{
    margin-bottom: 30px;
    text-align: center;
  }
  #cta_courses h2{
    color: #51e93c;
    font-size: 46px;
    margin-bottom: 10px;
  }
  #box_itens_course{
    /* position: absolute; */
    border-radius: 10px;
    padding: 20px 0;
    background-color: #fafafa;
    /* top: -60px; */
    width: 100%;
    margin: 30px 0;
    -webkit-box-shadow: 1px 5px 12px 4px rgba(104,104,104,0.69); 
    box-shadow: 1px 5px 12px 4px rgba(104,104,104,0.69);
  }
  .item_formas_ingresso_sm{
    margin-bottom: 100px;
  }
  .modalidade h3{
    font-size: 30px;
  }
  .box_diferencial{
    border-radius: 10px;
    background-color: #FFF;
    padding: 10px;
    height: 160px;
    margin-bottom: 18px;
  }
  #message_sucesso h3{
    font-size: 60px;
  }
  #header{
    background: url('../images/bg_home_mobile.jpg') #335592 top;
  }
  #box_flex{
    position: absolute;
    /* right: 12%; */
    width: 398px;
  }
  #section_flex{
    height: 1500px;
  }
  .img_investimento_course{
    left: 50%;
    transform: translateX(-50%);
  }
  .investimento{
    text-align: center;
  }
 }

 @media (min-width: 768px) {
  #content_form_header{
    position: absolute;
    height: 460px;
    top: 50%;
    margin-top: -230px;
  }
    #form_header {
        background-color: #FFFFFF;
        padding: 30px;
        width: 400px;
        border-radius: 5%;
        border-color:#4b1026;
        border:7px;
        /* opacity: 0.8; */
    }
  #content_header{
    /* margin-top: 40px; */
    height: 100%;
  }
  #image_header{
    /* margin-bottom: 30px; */
    position: absolute;
    /* margin-top: -275px; */
    bottom: 0;
    /* height: 100%; */
    left: 0;
  }
  #cta_courses h2{
    color: #51e93c;
    font-size: 66px;
    margin-bottom: 10px;
  }
  #box_itens_course{
    position: absolute;
    border-radius: 10px;
    padding: 20px 0;
    background-color: #fafafa;
    top: -60px;
    width: 100%;
    -webkit-box-shadow: 1px 5px 12px 4px rgba(104,104,104,0.69); 
    box-shadow: 1px 5px 12px 4px rgba(104,104,104,0.69);
  }
  .modalidade h3{
    font-size: 40px;
  }
  .box_diferencial{
    border-radius: 10px;
    background-color: #FFF;
    padding: 26px;
    height: 190px;
    margin-bottom: 18px;
  }
  #message_sucesso h3{
    font-size: 120px;
  }
    #header {
        background: url('../images/bgHome.png') #335592 top;
    }
  #box_flex{
    position: absolute;
    right: 12%;
    width: 600px;
  }
  #section_flex{
    height: 600px;
  }
  .img_investimento_course{
    left: 40px;
  }
  .investimento{
    text-align: left;
  }
 }

.navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
   /* background-color: #0E0F14;*/
}
 .navbar-nav{
   padding-left: 20px;
 }
 .nav-item{
   padding-left: 50px;
 }
 .nav-link{
   text-transform: uppercase;
   color: #074980 !important;
   font-size: 16px;
 }
 .nav-link:hover{
   color: #074980 !important;
 }

.section{
  width: 100%;
  height: 100%;
}

#header{
  background-size: cover;
  width: 100%;
  min-height: 100%;
}
form.form_lp input[type=text]{
  background-color: #FFF;
  color: #333;
  border: #797979 solid 1px;
}
form.form_lp ::placeholder{
  color: #797979;
}
form.form_lp label{
  color: #FFF;
  margin-bottom: 7px;
}
form.form_lp2 label{
  color: #0a3882;
  margin-bottom: 7px;
}

#sobre{
  background-color: #f5f5f5;
  padding: 40px 0;
  -webkit-box-shadow: inset 0px 8px 5px 1px rgba(84,84,84,0.73); 
  box-shadow: inset 0px 8px 5px 1px rgba(84,84,84,0.73);
}
#sobre h2{
  color: #074980;
  font-size: 40px;
  font-weight: 700;
}
#box_sobre{
  background-color: #4380b3;
  color: #FFF;
  padding: 40px;
  -webkit-box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73); 
  box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73);
  font-size: 14px;
  text-align: justify;
  margin-bottom: 40px;
}
#section_flex{
  background: url(../images/bg_flex.jpg) left top no-repeat;
  padding: 30px 0;
  background-size: cover;
  position: relative;
}
#box_flex{
  padding: 30px 20px;
  background-color: #ededed;
  -webkit-box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73); 
  box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73);
}
#box_flex h2{
  color: #4482b5;
  font-size: 22px;
  text-align: left;
  margin-bottom: 10px;
}
#box_flex h3{
  color: #074980;
  font-size: 44px;
  text-align: left;
  font-weight: 300;
}
#box_flex h3 span{
  font-weight: 700;
}
#box_flex p{
  color: #555555;
  text-align: justify;
  font-size: 13px;
}
.box_estrutura{
  background: url(../images/box_estrutura.png) no-repeat;
  width: 260px;
  height: 196px;
  float: left;
  padding: 50px 40px;
  margin: 7px 24px 7px 0;
  color: #555555;
  font-size: 14px;
}
.last_estrutura{
  margin-right: 0;
}
#section_flex2 {
    background-color: #235151;
    padding: 40px 0;
}
#section_flex2 h4{
  font-size: 26px;
  color: #FFF;
  text-align: center;
  font-weight: 700;
}
#section_flex2 h4 span{
  color: #76f7da;
}
#cta_flex{
  margin: 20px 0;
  text-align: center;
}

#ensino_distancia{
  padding: 40px 0;
  background-color: #f5f5f5;
}
#ensino_distancia h2{
  color: #4482b5;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: left;
  margin-bottom: 0;
}
#ensino_distancia h3{
  color: #074980;
  font-size: 46px;
  text-align: left;
  margin-bottom: 40px;
}
#ensino_distancia p{
  text-align: justify;
  color: #555555;
  margin-bottom: 24px;
  font-size: 14px;
}
#cta_ead{
  text-align: center;
  margin: 50px 0;
}

#cursos{
  background-color: #faf9fa;
  padding-bottom: 40px;
  position: relative;
}
#box_cursos{
  margin-top: -40px;
  background-color: #ffffff;
  padding: 40px;
  -webkit-box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73); 
  box-shadow: 0px 8px 10px 1px rgba(84,84,84,0.73);
  z-index: 9999;
  position: relative;
}
#box_cursos h2{
  color: #074980;
  text-align: center;
  font-size: 40px;
}
#box_cursos p{
  color: #555555;
  text-align: center;
  font-size: 16px;
  padding: 0 40px;
}
#filtro_cursos{
  text-align: center;
  margin: 0 auto;
}
#filtro_cursos > ul#pills-tab{
  /* width: 80%; */
  display: flex;
  justify-content: center;
}
#filtro_cursos > ul > li.nav-item{
  padding-left: 0;
  text-align: center;
  /* margin: 0 auto; */
}
.btn-tipo{
  color: #555555;
  background-color: #FFF;
  padding: 10px 0;
  width: 200px;
  text-decoration: none;
  border: #e4e2e2 1px solid;
  font-weight: 700;
  font-size: 14px;
}
.btn-tipo:hover, button.active{
  color: #074980;
  background-color: #76f7da;
  border: #76f7da 1px solid;;
}
.box_course{
  padding: 20px;
  border: #e9e9e9 1px solid;
  margin-bottom: 14px;
  min-height: 207px;
}
.box_course h1{
  color: #555555;
  font-size: 16px;
  font-weight: 700;
}
.box_course h2{
  color: #074980;
  text-transform: uppercase;
  font-style: italic;
  font-size: 18px !important;
  text-align: left !important;
  margin: 0 !important;
}
.box_course p{
  text-align: left !important;
  padding: 0 !important;
  font-size: 12px !important;
}
.cta_box_course{
  margin: 40px 0 20px 0;
}

#diferenciais {
    padding: 40px 0;
    background-color: #245151;
}
#diferenciais h2{
  font-size: 40px;
  color: #074980;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
#diferenciais h3{
  font-size: 18px;
  color: #FFF;
  text-align: center;
  font-weight: 500;
  margin-bottom: 30px;
}
.box_diferenciais {
    padding: 0 20px;
    color: #FFFFFF;
    background-color: #0E0F14;
    min-height: 240px;
    font-size: 20px;
    margin-bottom: 10px;
}
.box_diferenciais span{
  font-weight: 700;
}

#interessado{
  background-color: #faf9fa;
  padding: 80px 0;
}
#interessado h2{
  text-align: center;
  font-weight: 700;
  color: #555555;
  margin-bottom: 30px;
  font-size: 42px;
}
#bg_interessado{
  margin-bottom: 30px;
}
#cta_form2{
  margin-top: 50px;
}

#header_interna {
    /* background: rgb(68,130,180);
  background: linear-gradient(180deg, rgba(68,130,180,1) 0%, rgba(7,74,128,1) 100%);*/
    background: rgb(209,160,57);
    background: linear-gradient(180deg, rgba(209,160,57,1) 0%, rgba(61,6,4,1) 100%);
}
#title_course{
  margin-top: 40px;
}
#title_course h1{
  color: #b1d1eb;
  font-size: 42px;
  text-align: center;
}
#title_course h2{
  color: #ffffff;
  font-size: 36px;
  font-weight: 300;
}

#content_course{
  background-color: #faf9fa;
  padding: 60px 0;
  color: #555555;
}
#content_course p{
  font-size: 14px;
  text-align: justify;
}
#content_course h3{
  font-size: 18px;
  margin: 38px 0 20px 0;
  font-weight: 700;
}

#info_course{
  padding: 80px 0 40px 0;
  background-color: #f5f5f5;
}
.box_info_course{
  border: 1px #cfcfcf solid;
  padding: 90px 20px 40px 20px;
  text-align: center;
  color: #555555;
  position: relative;
  height: 230px;
}
.box_info_course h5{
  font-weight: 700;
}
.img_info_course{
  position: absolute;
  width: 106px;
  height: 97px;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
}
.investimento span{
  font-size: 11px;
  color: #074980;
}
.img_investimento_course{
  position: absolute;
  width: 106px;
  height: 97px;
  top: -45px;
}

#publico{
  background-color: #074980;
  padding: 80px 0;
}
#box_publico{
  border: 2px #FFF solid;
  border-radius: 20px;
  padding: 60px;
  color: #FFF;
}
#box_publico h2{
  font-size: 22px;
  font-weight: 700;
  color: #FFF;
  text-align: left;
}
#box_publico p{
  font-size: 18px;
  text-align: justify;
}

#diferenciais_course{
  background-size: cover;
  padding: 60px 0;
  position: relative;
}
.bg_contabeis_ead{
  background: url(../images/bg_hero_course_w.jpg) no-repeat top right;
}
.bg_adm_ead{
  background: url(../images/bg_diferenciais_course2.jpg) no-repeat top right;
}
.bg_gestao_financeira_ead{
  background: url(../images/bg_gestao_financeira_ead.jpg) no-repeat top right;
}
.bg_contabeis{
  background: url(../images/bg_contabeis.jpg) no-repeat top right;
}
.bg_contabeis_executivo{
  background: url(../images/bg_contabeis_executivo.jpg) no-repeat top right;
}
.bg_gestao_financeira{
  background: url(../images/bg_gestao_financeira.jpg) no-repeat top right;
}
#diferenciais_course p{
  color: #FFF;
  font-size: 16px;
}
#box_diferenciais_course{
  border: 1px #FFF solid;
  border-radius: 20px;
  padding: 30px 40px;
  margin: 40px 0;
}
#col_hero_diferenciais_course{
  position: relative;
}
#hero_diferenciais_course{
  position: absolute;
  right: 14%;
  bottom: 0;
  height: 700px;
  width: 484px;
}
#cta_diferenciais_course{
  margin: 30px 0;
}

#cta_matriz{
  margin-top: 60px;
  text-align: center;
}

#header_form{
  padding: 20px 0;
  text-align: center;
}

#header_steps_form {
    background-color: #245151;
    padding: 40px 0;
    -webkit-box-shadow: inset 0px 8px 10px 1px rgba(84,84,84,0.73);
    box-shadow: inset 0px 8px 10px 1px rgba(84,84,84,0.73);
}
#header_steps_form h2{
  text-align: center;
  color: #FFFFFF;
  font-size: 20px;
  border-bottom: 1px #02304e solid;
  padding-bottom: 16px;
}
#steps_form{
  margin: 0 auto;
  text-align: center;
  display:inline;
}
.circle_number {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: #D1A039;
    font-size: 40px;
    color: #FFFFFF;
    padding-top: 10px;
    text-align: center;
    margin: 0 auto;
}
.active_number {
    color: #0E0F14;
}
.text_number{
  color: #FFFFFF;
  margin-top: 10px;
}
.active_text_number {
    color: #0E0F14;
}

#form_completo {
    padding: 40px 0;
    background-color: #0E0F14;
    -webkit-box-shadow: inset 0px 8px 10px 1px rgba(84,84,84,0.73);
    box-shadow: inset 0px 8px 10px 1px rgba(84,84,84,0.73);
}
#form_completo p{
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 700;
}
.form-check-input{
  height: 16px;
  width: 16px;
  padding-right: 4px;
}
.form-check-label{
  font-size: 16px;
}

#sucesso {
    background-color: #0E0F14;
    padding: 80px 0;
}
#message_sucesso {
    background-color: #245151;
    padding: 60px 20px;
    color: #303030;
    text-align: center;
}
    #message_sucesso h2 {
        font-size: 24px;
        color: #D1A039;
        /* letter-spacing: 2px; */
        font-weight: 300;
        margin-bottom: 0;
        text-transform: uppercase;
    }
    #message_sucesso h3 {
        color: #D1A039;
    }
#text_sucesso{
  background-color: #dde3f4;
  color: #005a93;
  padding: 30px;
  margin-bottom: 40px;
}
#link_home{
  margin-bottom: 30px;
  text-align: center;
}
#link_home a{
  color: #0c538e;
  text-decoration: dotted;
  letter-spacing: 2px;
}

#footer {
    background-color: #0E0F14;
    padding: 30px 0;
    text-align: center;
}