@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller.woff2') format('woff2'),
         url('../fonts/aller.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'allerbold_italic';
    src: url('../fonts/aller_bdit.woff2') format('woff2'),
         url('../fonts/aller_bdit.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alleritalic';
    src: url('../fonts/aller_it.woff2') format('woff2'),
         url('../fonts/aller_it.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aller_lightregular';
    src: url('../fonts/aller_lt.woff2') format('woff2'),
         url('../fonts/aller_lt.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller_lightitalic';
    src: url('../fonts/aller_ltit.woff2') format('woff2'),
         url('../fonts/aller_ltit.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg.woff2') format('woff2'),
         url('../fonts/aller_rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aller_displayregular';
    src: url('../fonts/allerdisplay.woff2') format('woff2'),
         url('../fonts/allerdisplay.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body{font-family: 'aller_lightregular'}
.center{text-align: center;}
.navbar{padding-top: 0 !important}
.navbar-brand{height: auto; padding:0; margin:20px 0 0 0 !important;}

.topbar{background: #000021; padding:10px 0;}
.topbar .header-number{display: inline-block; color: #fff; font-size: 18px; line-height: 31px; margin:0;}
.topbar .header-number a{color: #fff;}
.topbar .social-buttons{display: inline-block; float: right;}
.topbar .social-buttons a{margin: 0 2px}
.topbar .header-number span{color: #bb141a; display: inline-block; background: url(../img/ico-microfone.png) left center no-repeat; padding-left: 40px}

.bt{display: inline-block; padding:8px 20px; text-transform: uppercase;  font-weight: bold; border:solid 3px; font-family: 'allerbold'; font-size: 18px}
.bt2{display: none; padding:8px 20px; text-transform: uppercase;  font-weight: bold; border:solid 3px; font-family: 'allerbold'; font-size: 18px; display: none;}
.radius{border-radius: 10px}

.blue{background: #CA1313; color: #fff; border-color:#CA1313;}
.blue2 {
    background: #F00;
    color: #fff;
    border-color: #F00;
    position: fixed;
    margin-top: -110px;
    right: 10px;
    z-index: 999;
	display:none;
}
.blue:hover{text-decoration: none; color: #fff; background: #CA1313;}
.blue2:hover{text-decoration: none; color: #fff; background: #CA1313;}

.white{background: #fff; color: #000021; border-color:#000021}
.white:hover{text-decoration: none; color: #000021; background: #fff}

.bts-action{float: right; margin-top: 20px}
.bts-action a{margin-left: 10px}
.bts-nav-ac{float: right}

.whatsapp{ display: inline-block; padding: 10px 0 10px 40px;  background: url(../img/whatsapp.png) left center no-repeat; margin:0 30px 0 0; line-height: 31px;}
.whatsapp2{ display: inline-block; padding: 10px 0 10px 40px;  margin:0 30px 0 0; line-height: 31px;}
.whatsapp a{font-size:23px; font-family: 'allerbold'; padding:0; color: #000021; margin:0 0 0 -7px !important;}
.whatsapp2 a{font-size:23px; font-family: 'allerbold'; padding:0; color: #000021; margin:0 0 0 -7px !important;}
.whatsapp a:hover{text-decoration: none;color: #000021;}
.whatsapp2 a:hover{text-decoration: none;color: #000021;}

#whatsapp-bar {
	display:none;
	position: fixed;
	z-index: 100; 
	bottom: 0; 
	left: 0;
	width: 100%;
}


.navbar-nav{margin-top: 20px}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #fff}
.navbar-brand>img{ transition: all 0.5s ease; width: 256px}
.nav li a{font-size: 20px; color: #000021 !important; border-bottom: solid 6px #fff}
.nav li.active a{border-bottom: solid 6px #bb141a} 
.nav li a:hover{border-bottom: solid 6px #bb141a} 
.navbar{padding-bottom: 0 !important; float: right}
.navbar-brand{padding: 5px 0}
.navbar-default{background: #fff; border:none;}
.intro-section{padding-top: 154px !important; }

.navbar-fixed-top{
    position: absolute;
}
.top-nav-collapse{
    position: fixed;       
}
.navbar-brand>img{width: 200px; margin-top: 13px}
.top-nav-collapse{padding: 20px 0 !important; box-shadow: 0 1px 12px rgba(0,0,0,0.5)}
.top-nav-collapse .topbar, .top-nav-collapse  .bts-action{display: none}
.top-nav-collapse .navbar-brand{margin:0 !important; padding:0;}
.top-nav-collapse .navbar-brand>img{width: 160px; transition: all 0.5s ease; margin: 0}
.top-nav-collapse .navbar-nav{margin-top: 0}
.top-nav-collapse .nav li a{font-size: 20px;}
.top-nav-collapse .nav li.active a{border-bottom:solid 3px  #bb141a; background: #fff}
.top-nav-collapse .nav li a:hover{border-bottom: solid 3px #bb141a} 

#slider{position: relative;}
#slider div{height: 530px; outline: none}
#slider div h1{font-size: 50px; font-family: 'allerbold'; text-transform: uppercase; color: #fff; margin-top: 130px;}
#slider div h2{font-size: 40px; font-family: 'alleritalic'; color: #fff}
#slider div .bt{background: #bb141a; border:none; border-bottom: solid 5px #720206; border-radius: 12px; color: #fff; font-weight: normal; font-size: 30px; padding:10px 40px !important; margin-top:20px;}
#slider div .bt:hover{background: #ab1319; text-decoration: none}

#slider .slick-arrow{display: block; border: none; width: 44px; height: 44px; text-indent: -99999999px; position: absolute; top:50%; margin-top: -21px; z-index: 1; outline: none}
#slider .slick-prev {background: url(../img/anterior.png) no-repeat; left: 60px}
#slider .slick-next {background: url(../img/proximo.png) no-repeat; right: 60px}

#slider2{position: relative;}
#slider2 div{height: 530px; outline: none}
#slider2 div h1{font-size: 50px; font-family: 'allerbold'; text-transform: uppercase; color: #fff; margin-top: 130px;}
#slider2 div h2{font-size: 40px; font-family: 'alleritalic'; color: #fff}
#slider2 div .bt{background: #bb141a; border:none; border-bottom: solid 5px #720206; border-radius: 12px; color: #fff; font-weight: normal; font-size: 30px; padding:10px 40px !important; margin-top:20px;}
#slider2 div .bt:hover{background: #ab1319; text-decoration: none}

#slider2 .slick-arrow{display: block; border: none; width: 44px; height: 44px; text-indent: -99999999px; position: absolute; top:50%; margin-top: -21px; z-index: 1; outline: none}
#slider2 .slick-prev {background: url(../img/anterior.png) no-repeat; left: 60px}
#slider2 .slick-next {background: url(../img/proximo.png) no-repeat; right: 60px}


/*#slider .slide01{background:url('assets/img/slider02.jpg') !important; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}*/

.slick-dots{
    list-style: none;
    padding:0;
    margin: 0;
}
.slick-dots {text-align: center; position: absolute; bottom: 80px; width: 100%}
.slick-dots li{display: inline-block; margin:5px;}
.slick-dots li button{background: #ffffff; width:10px; height: 10px; border-radius: 100%; border:solid 2px #fff; text-indent: -9999999999px; outline: none; padding: 0}
.slick-dots li.slick-active button{border:solid 2px #fff; background: #000021}
.faixa-branca{height: 38px; width: 100%; background: url(../img/faixa-branca.png) center top; position: relative; margin-top: -38px}
.cursos-section{padding-top: 0; padding-bottom: 25px;}
.title-section{font-size: 35px; text-transform: uppercase; font-family: 'allerbold'; text-align: center; padding-bottom: 30px;}
.title-section.escuro{color: #555555; background: url(../img/estrelas-cinza.png) no-repeat center bottom}
.title-section.claro{color: #fff; background: url(../img/estrelas-branca.png) no-repeat center bottom}

.lista-cursos{list-style: none; padding: 0;}
.lista-cursos li{font-size: 30px; color: #555555; font-family: 'allerbold'; margin-top: 100px}
.bg-mente{float: right;}

.ciclos-section{ background: #000021; padding:130px 0 40px 0;  color: #fff}
.ciclos-section h1{margin-bottom: 60px}
.ciclos-section .texto{font-size: 20px; margin-bottom: 60px}
.ciclos-section h2{text-transform: uppercase; font-family: 'allerbold';}
.ciclos-section h2 strong{color: #bb141a}
.ciclos-section .col-lg-9 p{font-size: 20px}
.ciclos-section .col-lg-9 p span{display: block; color: #818181; padding: 10px 0}
.ciclos-section .col-lg-3{text-align: center; padding-bottom: 80px}
.ciclos-section .col-lg-3 img{width: 70%; max-width: 70%}

.valores-section{ background: #bb141a; padding:130px 0 40px 0;  color: #bb141a; position: relative;}
.valores-section h1{margin-bottom: 60px}
.valores-section .img-engrenagem{position: absolute; right: 0; top: -200px;}

.box-valor{background: #fff; position: relative;}
.box-valor .topo{padding: 20px; background: #000021; color: #fff}
.box-valor .topo p{font-family: 'alleritalic'; font-size: 20px; line-height: 30px; padding-left: 100px; margin-bottom: 0}
.box-valor .topo p span{font-size: 34px; text-transform: uppercase;}
.box-valor.mais-popular .topo p{text-align: center; padding-left: 0}
.box-valor .features{padding:40px; background-color: black}
.box-valor .features .valor{font-size: 55px; color: white; text-align: center; font-family: 'allerbold'; display: block; padding-bottom: 0px;}
.box-valor .features .valor span{font-size: 29px}
.box-valor .features .divisao{font-size: 15px; text-align: center; display: block; padding-top: 0; margin-top: -15px; font-family: 'alleritalic';}

.box-valor .features .de{font-size: 22px; color: white; text-align: center; font-family: 'allerbold'; display: block; position: relative; line-height: 10px}
.box-valor .features .de:before{ display: block; position: absolute; top: 5px; left: 50%; height: 2px; width: 112px; background: #ff0000; margin-left: -90px}
.box-valor .features p{text-align: left; margin-top: 30px; font-family: 'allerbold'; font-size: 18px; color: #000021; padding-left: 40px}
.box-valor .features .sim{background: url(../img/ico-sim.png) no-repeat left center}
.box-valor .features .nao{background: url(../img/ico-nao.png) no-repeat left center}
.box-valor .bt{margin:0 40px 40px 40px; background: #000021; color: #fff; font-size: 29px; width: 86%; box-sizing: border-box;}
.box-valor .img-mais-popular{position: absolute; right: -58px; top: -59px}

#cursos .col-lg-4 img{max-width: 100%}


.proximas-turmas{color: #fff; padding: 20px; display: block; clear: both; font-size: 30px; font-family: 'alleritalic'; text-align: center; padding-top: 20px}
.pb0{padding-bottom: 0 !important}

.fale-conosco-section{ background: #e3e3e3; padding:130px 0 0 0;  color: #bb141a; position: relative;}
.fale-conosco-section .row{padding-bottom: 20px}
.fale-conosco-section h1{margin-bottom: 60px}
.form{position: relative;}
.form label{display: block; font-size: 20px; color: #555555; font-family: 'allerbold'}
.form label span{font-size: 22px; font-family: 'alleritalic'; font-weight: normal}
.form input{width: 100%; padding: 10px; font-size: 18px; box-sizing: border-box; color: #5a5a5a}
.form textarea{width: 100%; padding: 10px; font-size: 18px; box-sizing: border-box; height: 150px; color: #5a5a5a}
.form .optin{display: block; padding: 20px 0; float: left;}
.form .optin p{float: left; font-size: 23px; color: #000021; font-weight: normal; font-family: 'allerregular'; line-height: 27px}
.form .optin input{width: 30px; height: 30px; float: left; margin-right: 15px}
.form .bt{float: right; width: auto; background: #000021; color: #fff; border-color: #000021; padding-right: 40px; padding-left: 40px; margin-top: 20px; border-bottom: solid 4px #272452}

.modal-formulario{display:none; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.8); width: 100%; height: 100%; z-index: 2}
.modal-formulario .sucesso{    padding: 20px; background:#97be5d; text-align: center; color: #fff;}
.modal-formulario .erro{    padding: 20px; background:#ff2e2e; text-align: center; color: #fff;}

.bater-papo{background: #ff8a00}
.bater-papo .container{background: url(../img/chat.png) no-repeat right bottom #ff8a00; padding: 80px 0}
.bater-papo h2{padding: 0; margin: 0; color: #0e0f35; font-size: 57px; font-family: 'allerbold'; text-transform: uppercase}
.bater-papo h3{padding: 0; margin: 0; font-size: 30px; font-family: 'alleritalic'; color:#0e0f35;}

.como-chegar .endereco{background: url(../img/bg-cidade.png) no-repeat center; background-size: cover; height: 425px; padding: 0; text-align: center; color: #fff}
.como-chegar .endereco span{font-size: 60px; text-transform: uppercase; font-family: 'allerregular'; padding-top: 120px; display: block;}
.como-chegar .endereco p{font-size: 36px; font-family: 'alleritalic'; line-height: 46px}
.como-chegar .mapa{height: 425px; padding: 0}
.como-chegar .mapa iframe{width: 100%; height: 425px}
.clear{clear: both}

.reserve-agora{background: url(../img/bg-vagas1.png) no-repeat 100px top #024aa3;}
.reserve-agora .container{ position: relative; background: url(../img/bg-vagas2.png) no-repeat right bottom; padding: 60px;}
.reserve-agora p{color: #fff; font-size: 50px; font-family: 'allerbold'; text-align: center; line-height: 60px}
.reserve-agora .center{padding: 40px 0 0 0}
.reserve-agora .bt{background: #fff; border:none; border-bottom: solid 5px #062955; border-radius: 12px; color: #024aa3; font-weight: normal; font-size: 30px; padding:10px 40px !important; margin-top:20px;}
.reserve-agora .bt:hover{text-decoration: none; background: #ededed}
.reserve-agora .homem-vagas{position: absolute; left: 0; bottom: 0}

#rodape{ padding: 60px 0 0 0; background: #000021; color: #fff; border-top: solid 13px #bb141a}
#rodape .info{margin-bottom: 40px}
#rodape .titulo-info{font-size: 20px; font-family: 'allerbold'; text-transform: uppercase;}
#rodape .r-sociais{display: block; width: 60px; height: 62px; display: inline-block; background: url(../img/icons-redes.png) no-repeat; margin-right: 10px}
#rodape .r-sociais.facebook{background-position: 0 0}
#rodape .r-sociais.instagram{background-position: -74px 0}
#rodape .r-sociais.youtube{background-position: -148px 0}
#rodape .r-sociais.twitter{background-position: -223px 0}
#rodape .info span{font-size: 30px; font-family: 'allerbold'; display: block; float: left; line-height: 35px;}
#rodape .info .central{float:left; margin-right: 10px}
#rodape .info p{font-size: 20px}
#rodape .direitos-reservados{background: #030202; padding: 20px; text-align: center; font-size: 20px}
#rodape .direitos-reservados a{color: #bb141a}

.empresa-section{ background: #000021; padding:130px 0 130px 0;  color: #bb141a; position: relative;}
.empresa-section h1{margin-bottom: 60px}

.galeria-fotos{position: relative;}

.galeria-fotos .col-lg-4:hover img{width: 105%; transition: all 0.5s ease; }
.galeria-fotos .col-lg-4 img{transition: all 0.5s ease; width: 100%; }
.galeria-fotos .col-lg-6:hover img{width: 105%; transition: all 0.5s ease}
.galeria-fotos .col-lg-6 img{transition: all 0.5s ease; width: 100%}

.galeria-fotos .col-lg-4{height: 200px; overflow: hidden; margin-bottom: 1px; transition: all 0.5s ease;}
.galeria-fotos .col-lg-6{height: 400px; overflow: hidden;}
.galeria-fotos img{width:100%}
.galeria-fotos .descricao-foto{position: absolute; bottom:-10px; background: #fff; width: 100%; padding: 10px 20px; font-family: 'allerbold'; text-align: center; color: #000021; text-transform: uppercase;}
.nopadding{padding: 1px}

#animatedModal{background:#fff !important}
#animatedModal .close-animatedModal{width: 37px; height: 37px; background:url(../img/bt-fechar.png) no-repeat; position: absolute; right: 40px; top: 40px; text-indent: -999999px; cursor: pointer}
#animatedModal .container{padding:40px 0}
#animatedModal input{margin-bottom: 20px}
#animatedModal h2{font-family: 'allerbold'; padding-bottom: 20px; text-transform: uppercase; padding-top: 0; margin-top: 0}
#animatedModal .title-section{margin-bottom: 60px}
#animatedModal .radios{float: left; width: 250px}
#animatedModal .radios input{width: auto; float: left; margin-right: 10px; margin-top: 8px}
#animatedModal .radios p{font-size: 20px; font-family: 'allerregular'; font-weight: normal}
#animatedModal .qual-periodo{    font-size: 21px; font-family: 'allerbold'; color: #555555; line-height: 24px; padding-bottom: 22px; margin-top: 8px;}

#accordion .panel-heading{margin-top: 60px}
#accordion .panel-heading{background:none !important; border:none; border-bottom: solid 1px #ccc}
#accordion .panel-heading a{font-size: 25px; color: #555555; font-family: 'allerbold'; padding-left: 30px; background:url(../img/seta-baixo.png) center left no-repeat;}
#accordion .panel-heading a:hover{text-decoration: none}
#accordion .panel-heading a:focus{text-decoration: none}
#accordion .panel{border:none; border-bottom: none; border-radius: 0}
#accordion .panel .panel-body {padding-left: 40px; border-bottom: none}
#accordion .panel .panel-body p{font-family: 'allerregular'; font-size: 20px}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}
.navbar-default .navbar-toggle.ativo{background: #ccc}
.logo-menu-mobile{display: none}

.navbar .topbar p a{color: #fff}

.ui-loader{
	display:none;
}

label.error{color: #ff0000; margin:0 0 30px 0; font-family: 'allerregular'; font-weight: normal; font-size: 15px !important; margin-top: -10px}
input.error{border:solid 1px red;}

.msg-campo{display: none; text-align: left}
.msg-campo span{padding-bottom: 14px; margin-top: -15px; display: block; }
#periodo-error{position: absolute; left: 0; top: -16px}
#animatedModal .radios{position: relative;}

.bt-simule{text-align: center; text-align: center; display: block; margin-top: 10px; text-decoration:underline; font-size: 22px; color: #646464; text-align: center; font-family: 'allerbold';}
.oyhidden{overflow-y:hidden;}

#mask {
    background: rgba(0,0,0,0.7);
    z-index: 1000000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

.modal {
    background: #fff;
    padding: 30px;
    width: 80%;
    max-width: 1000px;
    position: absolute;
    z-index: 1000001;
    display: none;    
    bottom: initial;
    top: 20px;
    transition: all .25s ease-in-out;    
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 27px;
    height: 27px;
    line-height: 24px;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px;    
}

.conteudo-modal input{margin-bottom: 20px}
.conteudo-modal h2{font-family: 'allerbold'; padding-bottom: 20px; text-transform: uppercase; padding-top: 0; margin-top: 0; font-size: 20px}
.conteudo-modal .title-section{margin-bottom: 20px}
.conteudo-modal .radios{float: left; width: 250px; position: relative;}
.conteudo-modal .radios input{width: auto; float: left; margin-right: 10px; margin-top: 8px}
.conteudo-modal .radios p{font-size: 20px; font-family: 'allerregular'; font-weight: normal}
.conteudo-modal .qual-periodo{    font-size: 21px; font-family: 'allerbold'; color: #555555; line-height: 24px; padding-bottom: 22px; margin-top: 8px;}

.loader{text-align: center}
.loader img{display: none; position: absolute; left: 50%; top: 50%}

#form-contato label.error{margin:0; padding: 6px 0 0 0}
#form-contato .msg-campo span{margin-top: 0; color: #555; padding-top: 15px}
#form-contato .modal-formulario{background: rgba(224, 224, 224, 0.8);}

#form-matricula.form input{padding: 3px 10px; font-size: 15px}
#form-matricula.form label{text-align: left; font-size: 17px}
#form-matricula.form label span{font-size: 15px}
#form-matricula.form .qual-periodo{font-size: 17px; text-align: left;}
#form-matricula.form .radios p{font-size: 15px; line-height: 29px}
#form-matricula.form .radios{width: 170px}

.box-valor .features .valor2{
    color: black;
    background: black;
    size: 50px;
}

.msg{
	color: white;
    background: black;
    size: 20px;
	
}
.dep{
	color: black;
    background: white;
    size: 20px;
	
}