/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22/11/2021, 19:27:45
    Author     : Designer Web Studio
*/

*{
    padding: 0;
    margin:0;    
}

@font-face {
    font-family: 'Approach';
    src: local('Approach Extra Black'), local('Approach-Extra-Black'),
        url('/assets/fonts/Approach-ExtraBlack.woff2') format('woff2'),
        url('/assets/fonts/Approach-ExtraBlack.woff') format('woff'),
        url('/assets/fonts/Approach-ExtraBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Hanken Grotesk Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Hanken Grotesk Regular'), url('/assets/fonts/HankenGrotesk-Regular.woff') format('woff');
}

html, body{
    font-family: 'Roboto', sans-serif !important;
}

p{
    font-weight: normal !important;
    font-size: medium;
}

h1, h2, h3, h4, h5, h6{
    font-weight: bold;
}

.bg-efcol{
    background-color: #b21f2a !important;
}

.bg-secondary{
    background-color: #f6b964;
}

.nav-link:focus, .nav-link:hover{
    color: #f6b964;
}

.btn-efcol-red{
    background: #f6b964;
    background-image: -webkit-linear-gradient(left,#d31f1f 0%,#b21f2a 80%,#d31f1f 0%);
    background-image: linear-gradient(to right,#d31f1f 0%,#b21f2a 0%,#d31f1f 100%);
    color: #FFF;
    padding: 7px 15px;
    font-weight: normal;
    border: 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 120px;
}

.btn-efcol-red:hover, .btn-efcol-red:focus{
    background: #f6b964;
    background-image: -webkit-linear-gradient(left,#b21f2a 0%,#d31f1f 80%,#b21f2a 0%);
    background-image: linear-gradient(to right,#b21f2a 0%,#d31f1f 0%,#b21f2a 100%);
    color: #DDD;
}

.btn-efcol{
    background: #f6b964;
    background-image: -webkit-linear-gradient(left,#f6b964 0%,#ffe27c 80%,#f6b964 0%);
    background-image: linear-gradient(to right,#ffe27c 0%,#f6b964 0%,#ffe27c 100%);
    color: #b21f2a;
    padding: 8px 15px;
    font-weight: bold;
    border: 0;
    border-radius: 8px;
}

.btn-efcol:hover, .btn-efcol:focus{
    color: #d42e2f;
    background: #f6b964;
    background-image: -webkit-linear-gradient(left,#ffe27c 0%,#ffe27c 50%,#ffe27c 100%);
    background-image: linear-gradient(to right,#f6b964 0%,#ffe27c 50%,#f6b964 100%);
}

.btn-login{
    padding: 4px 15px;
    margin-top: -5px;
}

.btn-efcol i {
    font-size: 18px;
}

.pub-evento p{
    font-style: normal !important;
}

p {
    color: #4b4745;
    font-weight: 300;
    font-style: italic;
}

.navBar-home{
    height: 100px;
}

.navbar-brand{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.navbar-brand:hover, .navbar-brand:focus{
    color: #FFF;
}

.navbar-brand .slogan{
    margin-left: 10px;
}

.navbar-brand h1{
    font-family: 'Approach', sans-serif;
    color: #FFF;
    margin-bottom: 8px;
    font-size: 3.05em;
    line-height: .7;
}

.navbar-brand span{
    font-family: 'Hanken Grotesk Regular';    
    font-size: 8px;
    color: #FFF;
    margin-left: 2px;
    font-weight: normal;
}

.btn-menu li.active, .btn-menu li:hover{
    border-bottom: 3px solid #f6b964 !important;
}

.btn-menu li{
    margin: 0 15px;
}

.btn-menu li a{
    color: #FFF;
    font-weight: normal !important;
    font-size: medium;
}

.text-color-secondary{
    color: #f6b964;
}

.text-color-primary{
    color: #d42e2f;
}

.menu-social a{
    font-size: 24px;
}

.yt-icon{
    margin-top: -4px;
}

.headerSobre{
    background: #911821 url('/assets/img/bg/sobre.png');
}

.headerCurso{
    background: #911821 url('/assets/img/bg/header-cursos.png');
}

.headerEventos, .headerEventosAberto{
    background: #911821 url('/assets/img/bg/header-eventos.png');
}

.headerBlog{
    background: #911821 url('/assets/img/bg/header-blog.png');
}

.slider{    
    background: #911821 url('/assets/img/bg/Foto-1.png');     
}

.headerCursoAberto{
    background: #911821 url('/assets/img/bg/foto-curso.jpg');     
}

.headerSobre, .headerCurso, .slider, .headerCursoAberto, .headerEventos, .headerBlog, .headerEventosAberto {
    width: 100%;
    height: 500px;
    position: relative;    
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;    
}

.slider .slider-roll, .headerSobre .slider-roll, .headerCurso .slider-roll, .headerEventos .slider-roll, .headerBlog .slider-roll, .headerEventosAberto .slider-roll{
    padding: 90px 0 30px 0;
    width: 50%;
}

.headerCursoAberto .slider-roll{
    width: 100%;
}

.palestrantes h2{
    font-weight: 800;
    color: #b21f2a;
}

.palestrantes img{
    border-radius: 50%;
    
}

.video-preview:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: solid;
    border-width: 140px;
    border-radius: 1.5em;
    width: 100%;
    border-color: #FFF;
    opacity: .2;
    z-index: 1;
}

.video-preview{
    width: 100%;
    height: 280px;
    position: relative;
    background: url('/assets/img/bg/bg-player.png') no-repeat center;
    background-size: cover;
    border-radius: 1.5em;
}

.video-preview a{    
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: -48px auto auto -48px;
    color: #FFF;
    opacity: .7;
}

.video-preview a:hover {
    opacity: 1;
}

.slider-roll h1:after, .sobre h3:after, .sobre h2:after, .contato h2:after, #professores h3:after, .style-price h2:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    border: 1px solid #f6b964;
    border-top: 0;
    border-bottom: 0;
    border-width: 75px;    
}

.slider-roll h1{
    color: #FFF;
    position: relative;
    padding-bottom: 25px;
}

.slider-roll p{
    color: #FFF;
    padding: 15px 0 10px 0;
    font-weight: 100;

}

.slider-list ul li a{
    color:#f6b964;
    font-size: 10px;    
}

.btn-menu-mobile{
    display: none;
}

.list-mobile{
    display: none;
}

.btn-courses {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 250px;
}

.sobre span, .contato span{
    display: block;
    color: #b8b8b8;
    letter-spacing: 5px;
    font-size: 14px;
    margin-bottom: 10px !important;
}

.sobre h3, .sobre h2, .contato h2{
    color: #d42e2f;
    position: relative;
    padding-bottom: 25px;
}

.sobre p{
    margin: 20px 0 25px 0;
}

.card-cursos .card, .card-metodo .card, .card-eventos .card, .card-blog .card{
    border-color: #d42e2f !important;
    border-radius: 20px;
}

.card-cursos .card .card-footer, .card-eventos .card .card-footer, .card-blog .card .card-footer{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #f6b964;
    background-image: -webkit-linear-gradient(left,#f6b964 0%,#ffe27c 80%,#f6b964 0%);
    background-image: linear-gradient(to right,#ffe27c 0%,#f6b964 0%,#ffe27c 100%);
    text-align: center;
}

.card-cursos .card .card-image, .card-eventos .card .card-image, .card-blog .card .card-image{
    width: 100%;
    height: 200px;
}

.card-cursos .card .card-body, .card-eventos .card .card-body, .card-blog .card .card-body{
    height: 250px;
}

.card-cursos .card .card-image img, .card-eventos .card .card-image img, .card-blog .card .card-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 1.2em;
    border-top-right-radius: 1.2em;
}

.card-metodo .card .card-header{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background: #f6b964;
    background-image: -webkit-linear-gradient(left,#f6b964 0%,#ffe27c 80%,#f6b964 0%);
    background-image: linear-gradient(to right,#ffe27c 0%,#f6b964 0%,#ffe27c 100%);
    padding: 25px 15px 10px 15px;
}

.card-metodo .card{
    height: 350px;
}

.card-metodo .card .card-body {    
    padding: 30px 25px 0 15px;
}

.card-metodo .card .card-body p {    
    color: #4b4745;
    text-align: justify;
}

.btn-cursos{
    width: 180px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 30px;
}

.card-cursos .card .card-footer a:hover, .card-eventos .card .card-footer a:hover, .card-blog .card .card-footer a:hover{
    color: #FFF;
    text-decoration: none;
}

.card-cursos .card .card-body, .card-eventos .card .card-body, .card-blog .card .card-body {    
    padding: 25px 25px 0 25px;
}

.card-blog .card .card-body{
    height: 130px;
}

.card-cursos .card .card-body h5:after, .card-cursos .card .card-body h4:after, .card-eventos .card .card-body h5:after, .card-blog .card .card-body h5:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    border: 1px solid #f6b964;
    border-top: 0;
    border-bottom: 0;
    border-width: 40px; 

}

.card-cursos .card .card-body h5, .card-cursos .card .card-body h4, .card-eventos .card .card-body h5, .card-blog .card .card-body h5{
    font-size: 1.3em;
    color: #d42e2f;
    position: relative;
    padding-bottom: 20px;
}

.card-cursos .card .card-body p, .card-eventos .card .card-body p, .card-blog .card .card-body p{
    color: #555;
    margin-top: -5px;
}

.bg-movie{
    background: #b21f2a url('/assets/img/bg/pattern.png') repeat-x;
    background-size: contain;
}

.fale-conosco {
    margin-top: 20px;
    padding: 8px 10px;
    width: 150px;
}

.fale-conosco i{
    font-size: 22px;
    font-weight: normal;
}

.form-contato input{
    border: 1px solid;
    border-color: #ff6436;
    border-radius: .7em;
    height: 30px;

}

.form-contato textarea{
    border: 1px solid #ff6436;
    border-radius: .7em;

}

::-webkit-input-placeholder  { font-size: small; color: #DDD; }
input:-moz-placeholder { font-size: small; color: #DDD;}
textarea:-moz-placeholder { font-size: small; color: #DDD;}

.form-contato input:focus, .form-contato textarea:focus{
    outline: none;
    box-shadow: none;
    border-color: #ffe27c;
}

.list-prof .card{
    background: transparent;
    border:none;
    width: 220px;
}

.list-prof .card .card-body{
    width: 100%;
    padding: 1.25rem 0;
}

.list-prof .card-image{
    width: 220px;
    height: 220px;
    margin: 0 auto;    
}

.list-prof .card-image img{
    border-radius: 1.5em;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.list-prof  h5{
    color: #FFF;
    font-size: 1em;
}

.list-prof  p{
    color: #FFF;
    font-style: normal;
}

.list-prof  p a:hover{
    color: #ffe27c;
    text-decoration: none;
}

#professores h3{
    position: relative;
    padding-bottom: 25px; 
}

.w-slider-prof{
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-left: 30px;
}

.arrow-slider-prof{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -40px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.arrow-slider-prof .arrow-right{
    right: 25px;
    position: relative;
}

.arrow-slider-prof a:first-child{

}

.arrow-slider-prof a img{
    height: 25px; 
}

.list-depoimento{
    margin-bottom: 15px;
    display: inline-block;
    width: calc(33% - 10px); 

}

.list-depoimento .card{
    border: 1px solid #d42e2f;
    border-radius: 1.5em;
    height: 380px;
}

.list-depoimento .img-dep{
    width: 60px;
    height: 60px;
    margin: 0 8px 0 0;    
}

.list-depoimento .img-dep img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.list-depoimento .dep-title h5{
    color: #d42e2f;
    margin-bottom: 0;
    font-size: 16px;
}

.list-depoimento p{
    font-style: normal;
    color: #999;
    margin-top: 30px;
    text-align: justify;
}


.list-depoimento .dep-title span{
    color: #999;
    font-size: small;
}

.curso-detalhes-bg{
    background-color: #b21f2a;
}

.curso-detalhes-bg h2:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -135px;
    border: solid;
    border-width: 1px;
    border-color: #f6b964;
    width: 270px;
}

.title-checkout:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border: solid;
    border-width: 1px;
    border-color: #f6b964;
    width: 110px;
}

label{
    font-weight: bold;
    font-size: small;
    font-family: 'roboto', sans-serif;
    color: #d31f1f;
}

.nav-tabs .nav-link.active{
    color: #f6b964;
}

.table-bordered td, .table-bordered th{
    border-color: #d31f1f !important;
}

.form-control, .input-group-text{
    border-color: #d42e2f;
    background-color: transparent;
    color: #d42e2f;
}

.form-control:focus{
    border-color: #f6b964;
    box-shadow: none;

}

.hide{
    display: none;
}

.title-checkout{
    position: relative;
    color: #d31f1f;
    padding-bottom: 8px;
}

.curso-detalhes-bg h2{
    position: relative;
    padding: 35px 0 15px 0;
}

.list-curso-detalhes{
    margin-bottom: 15px;
}

.list-curso-detalhes .card{
    border-color: #FFF;
    border-radius: 1em;
    background-color: transparent;
    height: 280px;
}

.list-curso-detalhes .card .card-header{
    background-color: transparent;
    border-bottom: 0;
}

.list-curso-detalhes .card .card-header h4:after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    border: solid;
    border-width: 1px;
    border-color: #f6b964;
    width: 100%;
}

.list-curso-detalhes .card .card-header h4{
    color: #f6b964;
    position: relative;
}

.list-curso-detalhes .card .card-body ul li{
    display: flex;
    background-color: transparent;
    border: none;
    padding: 0;
    align-items: flex-start;
}

.list-curso-detalhes .card .card-body ul li i{
    font-size: 14px;
    color: #f6b964;
    margin-top: 4px;
}

.list-curso-detalhes .card .card-body ul li p{
    color: #FFF;
    font-style: normal;
    margin-left: 10px;
}

.style-price h2{
    color: #d42e2f;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 40px;
}

.style-price .card{
    border-color: #f6b964;
    border-radius: 1.5em;
    width: 100%;
    height: 100%;
}

.style-price .card .card-header{
    background: #f6b964;
    background-image: -webkit-linear-gradient(left,#d31f1f 0%,#b21f2a 80%,#d31f1f 0%);
    background-image: linear-gradient(to right,#d31f1f 0%,#b21f2a 0%,#d31f1f 100%);
    padding: 15px;
    border-top-left-radius: 1.5em;
    border-top-right-radius: 1.5em;

}

.style-price .card .card-header h6{
    color: #FFF;
    font-weight: 800;
    text-align: center;
    margin-bottom: 0;
}

.style-price .card .card-body{
    text-align: center;
    padding: 0;
}

.style-price .card .card-body .cifrao, .style-price .card .card-body h1, .style-price .card .card-body .cents{
    color: #d42e2f;
    font-weight: bold;
    display: inline-block;    
}

.style-price .card .card-body .cifrao{
    font-size: 32px;   
}

.style-price .card .card-body h1{
    font-size: 100px;
    letter-spacing: -10px;
    margin-left: 0px;
    margin-bottom: 0;
}

.style-price .card .card-body .cents{
    font-size: 35px;   
    top: -45px;
    left: 8px;
    position: relative;
}

.style-price .card .card-body p{
    font-style: normal;
    color: #b8b8b8;
    margin-top: -10px;
}

.list-curso-detalhes .card.reset-h{
    height: auto !important;
}

.banner-video {
    width: 300px;
    height: 200px;
    position: relative;
    z-index: 1;
}

.list-yt img{
    border-radius: 1em;    
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner-video:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;    
    border-radius: 1em;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: 2;
    background-color: #000;
}

.list-yt a{
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background-color: #FFF;
    color: #b21f2a; 
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-yt a:hover{
    text-decoration: none;
    opacity: .8;
}

.list-yt a i{
    font-size: 20px;
    margin-left: 5px;
}

.title-box
{
    float: left;
}


.blog-post h3{
    color: #b21f2a;
}

.form-contato small{
    color: #d42e2f;
    margin-left: 10px;
}

.footer{
    background-color: #b21f2a;
}

.footer p{
    color: #FFF;
    font-style: normal;
    margin-bottom: 0;
    padding: 15px 0;
    font-size: small;
}