* {
    font-family: 'Lato', sans-serif;
}

 h2, h2, h3, span, p, ul, ol,  li, a{
     /*font-family: Poppins, sans-serif;*/
     color: #000;
 }

 body{
    background-color: #f5f5f5;
 }

 /*Paddings*/
 .nav-vestibular, .nav-breadcrumb, .cursos-area{
     padding-left: 60px;
     padding-right: 60px;
 }

/*Navbar*/
.nav-vestibular{
    height: 120px;
    padding-top: 25px;
    box-shadow: none;
    background-color: #007AE7;
}
.nav-breadcrumb{
    box-shadow: none;
}

.nav-vestibular .logo-faex{
    width: 180px ;
}

/*Banner*/
.banner-vestibular{
    padding-left: 40px;
    padding-right: 80px;
    height: 90vh;
}

.banner-vestibular #garota {
    width: 100%;
    margin-top: -10px;
}
 .banner-vestibular #vestibularOnline {
     width: 80%;
     margin-top: 160px;
 }

/*Cards*/
 .cards-home{
     padding-right: 200px;
     padding-left: 200px;
 }

.cards-home .row .col .card{
    height: 500px;
    border-radius: 6px;
}

/*Card Curso Area*/
 .cursos-area #apresentacao{
     width: 70%;
 }
 .card-curso-area .row .col .card{
     height: 400px;
     border-radius: 6px;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;

 }
 .card-curso-area .row .col .card .card-content{
     height: 100%;
     background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 90%);
     border-radius: 6px;
 }
 .card-curso-area .row .col .card .card-content .text{
     position: absolute;
     bottom: 15px;
     left: 10px;
 }

 .card-curso-area .row .col .card .card-content .text #titleCurso{
     font-weight: 700;
     font-size: 24px;
     color: #ffffff;
 }

 /*Curso Info Area*/
 .curso-info-area .header{
     height: 70vh;
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: 0px -100px;
 }
 .curso-info-area #titleCurso{
     position: absolute;
     left: 100px;
     top: 250px;
     font-weight: 800;
     font-size: 45px;

 }

 .curso-info-area .header .banner-curso{
     /*width: 500px;
     margin-top: 50px;*/
     height: 100%;
 }

 .curso-info-area .title-curso{
     width: 70%;
 }
 .curso-info-area .title-curso h2{
     font-size: 35px;
     font-weight: 700;
     left: 180px;
     top: 250px;
     width: 35%;
     position: absolute;
     text-align: left;
 }

 /*Duracao Curso*/

 .curso-info-area .duracao-curso{
     padding-left: 100px;
     padding-top: 100px;
 }
 .curso-info-area .duracao-curso #text{
     font-size: 35px;
     font-weight: 700;
 }
 .curso-info-area .duracao-curso #subText{
     font-size: 35px;
     font-weight: 400;
 }

 /*Conteudo*/
 .box-container{
     padding-left: 100px;
     padding-right: 100px;
 }
 .curso-info-area .conteudo{
     padding-right: 100px;
     padding-left: 100px;
     padding-top: 45px
 }

 /*Img Coordenador*/
.coordenador #imgCoord{
     border-radius: 12px;
     width: 150px;
     position: absolute;
 }

.coordenador h2{
    font-size: 35px;
    font-weight: 800
}

/*Liga Online*/

.liga-online{
    padding-top: 45px;
    padding-bottom: 60px;
}
.liga-online h2{
    font-size: 40px;
}
 .liga-online img{
     width: 180px; position: absolute;
 }



 /*Curso Box Price*/
 .box-price{
     position:absolute; left: 180px; bottom: 60px; width: 20%; height: 300px;
 }
 .box-price .card{
      background-color: #002752;
     padding: 10px;
 }
 .box-price .card .card-content .card-title{
     font-size: 20px; font-weight: 800;
 }
 .box-price #manha{
     background-color: #dedede;
 }
 .box-price #manha span{
     color: #000;
 }
 .box-price .card span{
     color: #fff;
 }

 /*Box Price Footer*/
 .box-price-footer{
     padding-top: 25px;

 }
 .box-price-footer .card{
     padding: 10px;
 }
 .box-price-footer .card .card-title{
     font-weight: 700;
 }
 .box-price-footer #manha{
     background-color: #ffab00;
     padding: 10px;
 }

 /*Formulario Email*/
 .box-form{
     background-color: #ffab00;
     border-radius: 8px;
     height: 400px;
     width: 250px;
     position: fixed;
     right: 100px;
     bottom: 100px
 }

 /*Curso Atuacao*/
 .atuacao{
     padding-top: 45px;
 }
 .atuacao .col{
     border-left: solid 3px #007AE7;
     padding:15px;
 }

 .atuacao .col span{
    font-weight: 800;
     font-size: 20px;
 }

 /*Footer*/
 .page-footer{
     background-color: #007AE7;
     height: 700px;
     padding-left: 100px;
     padding-right: 100px;
     padding-top: 50px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }


 /*Copyright*/
 .copyright{
     background-color: #007AE7;
     height: 80px;
     padding-top: 25px;
 }

 .copyright .conteudo{
     font-weight: 700;
     font-size: 20px;
 }


 .img-banner{
     height: 100%;
 }

 .botao__home__banner{
     font-size: 1.6rem;
     background-color: #F0BC28;
     color: #0A2E4E;
     font-family: 'Poppins', sans-serif;
     font-weight: 800;
     border-radius: 20px;
     height: 50px;
     line-height: 50px;
     text-transform: uppercase;
     width: 220px;
     cursor: pointer;
     display: inline-block;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
 }