/* ========================= Custom ========================= */

/***********************************
######## HTML CHARS CONFIG #########
***********************************/
.htmlchars{
    display: block;
    width: 100%;
    /*padding: 10px;*/
}

.htmlchars h3{display: block; font-size: 2em !important; font-weight: 300; margin-bottom: 20px}
.htmlchars h4{display: block; font-size: 1.6em !important; font-weight: 300; margin-bottom: 20px}
.htmlchars h5{display: block; font-size: 1.4em !important; font-weight: 300; margin-bottom: 20px}
.htmlchars h6{display: block; font-size: 1.1em !important; font-weight: 300; margin-bottom: 20px}
/*.htmlchars p{margin-bottom: 20px; font-size: 0.9em; font-weight: 400;}*/
.htmlchars iframe{width: 100%; border: none;}
.htmlchars strong, bold{color: inherit;}
.htmlchars ul{list-style: circle; margin: 20px 30px;}
.htmlchars ol{margin: 20px 30px;}
.htmlchars form{padding: 30px; background: #fbfbfb; margin: 20px 0; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.htmlchars form label{display: block; margin-bottom: 15px; font-size: 0.9em; text-transform: uppercase;}
.htmlchars form input,
.htmlchars form textarea{border: 1px solid #ccc; display: block; margin-top: 15px; font-size: 1em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.htmlchars form button,
.htmlchars form input[type="submit"]{display: block; border: 0; color: #fff; text-shadow: 0 1px #000; cursor: pointer; padding: 15px 30px; font-size: 1.2em; font-weight: bold; text-transform: uppercase; background: #00B494; border-bottom: 5px solid #008068; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.htmlchars form button:hover,
.htmlchars form input[type="submit"]:hover{background-color: #008068; border-color: #0B5747;}
.htmlchars a{color: #0E96E5; text-decoration: none !important;}
.htmlchars a:hover{text-decoration: underline;}
.htmlchars pre{margin-bottom: 30px; font-size: 0.8em;}
.htmlchars .btn{display: block; color: #fff;}
.htmlchars .btn:hover{text-decoration: none !Important;}

.link_unidade a{color: #777 !important; letter-spacing: -0.03em;}
.link_unidade a:hover{color: #D90000 !important;}

.clear{
    clear: both;
}


/*===========================
BUTTONS - START
===========================*/
.btn-big{
    display: inline-block;
    cursor: pointer;
    padding: 13px 55px;
    /*margin-top: 2px;*/
    background: #888;
    font-size: 1.2em;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 1px 1px #555;
    width: 100%;
}

.btn-big:hover{
    background: #333;
    color:#fff !important;
    text-decoration: none;
}

.btn{
    display: inline-block;
    cursor: pointer;
    padding: 15px 30px !important;
    /*margin-top: 2px;*/
    /*background: #888;*/
    font-size: 1.2em;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    /*border: none;*/
    /*border-radius: 3px;*/
    /*-moz-border-radius: 3px;*/
    /*-webkit-border-radius: 3px;*/
    /*text-shadow: 1px 1px #555;*/
}

.btn:hover{
    /*background: #333;*/
    color:#fff !important;
    text-decoration: none;
}

.btn-medio{
    /*display: inline-block;*/
    width: 100% !important;
    cursor: pointer;
    padding: 13px 18px;
    /*margin-top: 2px;*/
    background: #888;
    font-size: 1em !important;
    color: #fff;
    text-decoration: none;
    text-align: center !important;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 1px 1px #555;
}

.btn-medio:hover{
    background: #333;
    color:#fff !important;
    text-decoration: none;
}

.btn_cta_yellow{
    padding: 15px 30px;
    font-size: 1.2em;
    font-weight: bold !important;
    text-transform: uppercase;
    color: #fff;
    background: #FAAD50;
    border-bottom: 4px solid #CC8D41;
}

.btn_cta_yellow:hover{
    background-color: #CC8D41;
    border-color: #A67436;
}

.btn_cta_green{
    /*padding: 15px 30px;*/
    /*font-size: 1.2em !important;*/
    font-weight: bold !important;
    text-transform: uppercase;
    background: #00B494;
    border-bottom: 4px solid #008068;
}

.btn_cta_green:hover{
    background-color: #008068;
    border-color: #0B5747;
}

.btn_cta_red{
    /*padding: 15px 30px;*/
    /*font-size: 1.2em;*/
    font-weight: bold !important;
    text-transform: uppercase;
    background: #F45563;
    border-bottom: 4px solid #C54550;
}

.btn_cta_red:hover{
    background-color: #C54550;
    border-color: #93343C;
}
/*===========================
BUTTONS - END
===========================*/

/* PADDING DE BOX */
.padding-menor {padding: 10px 0;}
.padding-menor2 {padding: 15px 0;}
.padding-menor3 {padding: 5px 0;}
.padding-normal {padding: 30px 0;}
.padding-normal2 {padding: 30px 15px;}
.padding-padrao {padding: 60px 0;}
.padding-high {padding: 100px 0}
.padding-top {padding: 100px 0 30px 0}
.padding-high2 {padding: 150px 0}
.padding-high3 {padding: 30px 0 90px 0}
.padding-total1 {padding: 15px;}
.padding-total {padding: 30px;}
.padding-total2 {padding: 30px 0 30px 30px;}
/* PADDING DE BOX */

/* ESTILO DE FONTE */
.f-elight {font-weight: 200;}
.f-light {font-weight: 300;}
.f-normal {font-weight: 400;}
.f-medio {font-weight: 600;}
.f-bold {font-weight: 700;}
.f-ebold {font-weight: 900;}
.f-extra {font-size: 80px;}
.f-extra2 {font-size: 65px;}
/* ESTILO DE FONTE */

/*===========================
FORMS - START
===========================*/
input, select, textarea, file{
    padding: 8px;
    width: 100%;
    font-size: 1em;
    font-weight: 300;
    border: 3px solid #eee !important;
    color: #333;
}

select{
    display: inline-block;
    /*width: 25%;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 3px solid #eee;
    margin-bottom: 5px;
    outline: none;
    background-image: url(../images/wc_arrow.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 12px;
    cursor: pointer;
    padding: 8px;
}

.news input{widows: 100% !important;}
.news_input{padding:10px; border: none; color: #000; margin-right: 15px; width: auto !important;}

.label{display: block; margin-bottom: 15px; width: 100%; float: left;}

.requerido{font-weight: bold; color: #D90000;}

.label_50{float: left; width: 100%;}
.label_50 .label{float: left; width: 49%;}
.label_50 .label:nth-of-type(2n+0){margin-left: 2%;}
.label_50 .label:last-of-type{margin-right: 0;}

.label_33{float: left; width: 100%;}
.label_33 .label{float: left; width: 32.6666%; margin-left: 1%;}
.label_33 .label:first-of-type{margin-left: 0;}
.label_33 .label:last-of-type{margin-right: 0;}

.label .legend{
    display: block;
    font-size: 1.2em;
    /*text-transform: uppercase;*/
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: left;
}

.box-diagram1 {width: 100%; float: left; box-sizing: border-box; margin-bottom: 10px; position: relative}
.box-diagram2 {width: 49.4%; margin-right: 1%; float: left; box-sizing: border-box; margin-bottom: 10px; position: relative}
.box-diagram3 {width: 32.5%; margin-right: 1%; float: left; box-sizing: border-box; margin-bottom: 10px; position: relative}
.box-diagram4 {width: 23.9%; margin-right: 1%; float: left; box-sizing: border-box; margin-bottom: 10px; position: relative}
.small-titulo {font-size: 16px; margin-bottom: 5px !important; float:left !important;}

.sup{font-size: 10px; display: inline; line-height: 0;}
.legal-menor{font-size: 10px; line-height: 120% !important;}

.transition {-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;}
.float_l {float: left;}
.float_r {float: right;}
.right-none {margin-right: 0% !important;}

.campo-ddd1 {padding: 9px; box-sizing: border-box; font-size: 14px; color:#222; font-weight: 300; width: 14%; margin-right: 1%; float: left; border: none; margin-bottom: 15px; outline: none; border:1px solid #d0d0d0}
.campo-telefone1 {padding: 9px; box-sizing: border-box; font-size: 14px; color:#222; font-weight: 300; width: 85%; float: left; border: none; margin-bottom: 15px; outline: none; border:1px solid #d0d0d0}

.campo-ddd2 {padding: 12px; box-sizing: border-box; font-size: 16px; color:#222; font-weight: 300; width: 25%; margin-right: 1%; float: left; border: none; margin-bottom: 15px; outline: none; border:1px solid #d0d0d0}
.campo-telefone2 {padding: 12px; box-sizing: border-box; font-size: 16px; color:#222; font-weight: 300; width: 74%; float: left; border: none; margin-bottom: 15px; outline: none; border:1px solid #d0d0d0}

.campo-search {padding: 15px; box-sizing: border-box; font-size: 19px; color:#222; font-weight: 300; width: 93.8%; border: none; outline: none; border:1px solid #d0d0d0}
/*===========================
FORMS - END
===========================*/


/* COR DE FONTE */
.f-black {color: #333 !important;}
.f-white {color: #fff !important;;}
.f-silver{color: #e0e0e0 !important;}
.f-silver2{color: #777 !important;}
.f-yellow {color:#FFEB3B !important;}
.f-orange {color:#F60 !important;}
.f-green {color:#9ccc65 !important;}
.f-blue {color:#2b435d !important;}
.f-red {color:#F44336 !important;}
.f-red2 {color:#D90000 !important;}
.f-rosa {color:#6b002c !important;}
.f-opacity-l {color:rgba(255,255,255,0.4) !important;}
.f-opacity-d {color:rgba(0,0,0,0.4) !important;}
.f-duered {color:#FA6C65 !important;}
.f-eduforazul2 {color: #123 !important;}
/* COR DE FONTE */

.font-zero{font-size: 0 !important; display: none !important;}
.l-spacing-003{letter-spacing: -0.03em !important;}
.l-spacing-005{letter-spacing: -0.05em !important;}


/* MARGIN */
.m-top-5{margin-top:5px !important;}
.m-top-10{margin-top:10px !important;}
.m-top-15{margin-top:15px !important;}
.m-top-20{margin-top:20px !important;}
.m-top-30{margin-top:30px !important;}

.m-bottom-10{margin-bottom:10px !important;}
.m-bottom-20{margin-bottom:20px !important;}
.m-bottom-30{margin-bottom:30px !important;}

.m-right-zero{margin-right:0px !important;}
.m-right-10{margin-right:10px !important;}
.m-right-30{margin-right:30px !important;}
.m-left-10{margin-right:10px !important;}
.m-left-30{margin-left:30px !important;}
.no-margin{margin: 0 !important;}
/* MARGIN */


.tag_curso{position: absolute; right: 15px; top: 0; padding: 5px 10px; background: #123; color: #fff; font-size: 0.7em; z-index: 99; font-weight: 700;}
.tag_curso:hover{background: #D90000 !important; color: #fff;}
.tag_unidade{position: absolute; left: 0; bottom: 0; padding: 4px 8px; background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 0.6em; z-index: 99; font-weight: 700;}
.area{padding: 10px; background: #f4f4f4; color:#333 !important; font-size: 0.85em; margin-top: 5px;}
.slider_divider{margin-top: 195px !important;}


/*===========================
TAB - START
===========================*/
.sample_tab_nav{
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

.sample_tab_nav a{
    display: inline-block;
    padding: 10px 20px;
    background: #004563;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    margin: 0 8px 0 0;
    margin-bottom: 10px;
}

.sample_tab_nav a:hover{
    /*background: #00A887;*/
    background: #B62827;
    color: #fff;
}

.sample_tab_nav .wc_active{
    /*background: #008068;*/
    background: #D90000;
    color: #fff;
}

.sample_tab_nav .wc_active2{
    /*background: #008068;*/
    background: #D90000;
    color: #fff;
}
/*===========================
TAB - END
===========================*/

/*===========================
ACCORDION - START
===========================*/
.club_faq_question{
    display: block;
    margin-bottom: 4px;
    width: 100%;
    float: left;
}

.club_faq_question h3{
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: bold;
    color: #555;
    padding: 10px;
    background: #eee;
    border: 1px solid #eee;
    cursor: pointer;
    width: 100%;
    float: left;
    text-align: left;
}

.club_faq_question h3 a{
    text-decoration: none;
    color: #555;
}

.club_faq_question h3 a:hover{
    text-decoration: none;
    color: #fff;
}

.club_faq_question h3:hover{
    background: #00B494;
    color: #fff;
    width: 100%;
    float: left;
}

.club_faq_question_content{
    border: 1px solid #eee;
    border-top: 0;
    padding: 10px;
    display: none;
    width: 100%;
    max-height: 400px;
    float: left;
    text-align: left;
    overflow:auto;
}

.club_faq_question_content p a{
    padding: 10px;
    margin: 3px;
    background: #fff;
    font-size: 0.85em;
    color: #333;
    text-decoration: none;
    width: 100%;
    float: left;
}

.club_faq_question_content p a:hover{color: #000; background: #f4f4f4; border-left: 1px solid #D90000;}
/*===========================
ACCORDION - START
===========================*/

/*===========================
MATRICULAS - START
===========================*/
.border-b{border-bottom:1px solid #eee; margin-bottom:10px !important;}
.border-t{border-top:1px solid #eee; margin-top:10px !important; padding-top: 5px;}
.tag-desconto {
    border-radius: 25%;
    background: #D90000;
    color: #fff;
    /*font-family: 'Poppins',sans-serif;*/
    font-size: 14px;
    font-weight: 700;
    /*height: 40px;*/
    /*line-height: 35px;*/
    position: absolute;
    left: 30px;
    text-align: center;
    top: -20px;
    /*width: 40px;*/
    padding: 8px;
}

.valor-old {
    text-decoration: line-through;
    font-weight: bold;
}

.valor-new {
    color: #D90000;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.06em;
}

.mensalidade{font-size: 0.8em; margin-top: -5px;}
.detalhes span{font-size: 0.8em; line-height: 115%; margin-top: -5px; font-weight: 400 !important; font-family: roboto;}
.detalhes{font-family: roboto !important;}
/*===========================
MATRICULAS - START
===========================*/


/*===========================
GERAL - START
===========================*/
.bg-black{background: #000 !important;}
.bg-grey{background: #fbfbfb !important;}
.bg-green{background: #006633 !important;}
.bg-green2{background: #006F75 !important;}
.bg-cinza{background: #777 !important;}


/*===========================
GERAL - END
===========================*/


/*===========================
VESTIBULAR - START
===========================*/
.vestibular a{text-decoration:none; color:#000;}
.vestibular a:hover{text-decoration:none; color:#D90000;}
.vestibular small{font-size:0.8em; line-height:150%; font-weight:300; letter-spacing:-0.005em;}
.vestibular{width: 100%;}
.vestibular small{font-size:0.8em;}
.vestibular .info{font-size:1em;}
.vestibular img{width: 100%;}
.vestibular .col-modalidade{width: 19% !important;; margin-right:1.2% !important; float: left;}
.vestibular .col-modalidade:hover{opacity:0.85; -moz-opacity: 0.85; filter: alpha(opacity=85);}
.vestibular .col-modalidade:nth-of-type(5n+0){
	margin-right: 0px !important;
}

.vestibular .col-enem{width: 30%; margin-right:3% !important; float: left;}
.vestibular .col-enem:hover{opacity:0.85; -moz-opacity: 0.85; filter: alpha(opacity=85);}
.vestibular .col-enem:nth-of-type(3n+0){
	margin-right: 0px !important;
}

.col-home-wrapper{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch;}
.col-home{width: 50%; padding: 30px;}

.img_inscricao{cursor:pointer;}

.box-passos {padding: 29px 0 31px 0; width: 100%; text-align: center; position:relative;}
.box-passos .step{padding: 30px; border: 2px solid #CCC; width:30%; display:inline-block; height:100px; width:100px; font-size: 30px;}
.box-passos .step{background:#EEE; color:#CCC !important; font-weight:600;}
.box-passos .step.active{background:#FFCC00 !important; color:#FFF !important; border-color:#C29B00 !important;}
.round {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.box-passos .separation{display:inline-block; width:100px; height:10px; background:#ccc;}

.formInscricao{width:100%; float:left; padding:10px; background:#FFF;}
.formInscricao [type=label]{width:100% !important; float:left !important; margin-bottom:15px;}
.botoes_modalidade a{padding: 10px; background: #333; color: #fff; float: left; margin: 5px !important; width: 100%;}
.botoes_modalidade a:hover{background: #000; color: #D90000; font-weight: 600;}
.title_botoes_modalidade{font-size: 1.3em; letter-spacing: -0.03em; color: #eee; font-weight: 600; border-bottom: 1px solid #D90000; padding-bottom: 5px; line-height: 120%;}
.subtitle_botoes_modalidade{font-size: 1em; letter-spacing: -0.03em; color: #fff; font-weight: 400; line-height: 120%; margin-bottom: 10px; margin-top: -10px;}
/*===========================
VESTIBULAR - END
===========================*/

.tag{position: absolute; top: 0; right: 0; padding: 5px 10px; background: #000; color:#fff; font-size: 0.8em;}

.workcontrol_maintenance{
    position: absolute !important;
    right: 10px;
    margin-right: 6%;
    top: 10px !important;
    width: 500px !important;
    z-index: 99999 !important;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background: #ba8585;
    color: #fff;
    text-shadow: 1px 1px 0px #855E5E;
	position:absolute;
	top:-400px;
	right:-100px;
}

.workcontrol_maintenance2{
    float: right;
    padding: 14px 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
    background: #D90000;
    color: #fff;
}

.workcontrol_maintenance_mobile{
    float: left;
    width: 100%;
    padding: 14px 18px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9em;
    line-height: 120%;
    background: #D90000;
    color: #fff;
}

/*TOOLTIP*/
.wc_tooltip{
    position: relative;
    z-index: 50;
}

.wc_tooltip span:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -12px;
    border-top: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.wc_tooltip span{
    position: absolute;
    bottom: 100%;
    margin-bottom: 10px;
    left: 50%;
    margin-left: -85px;
    padding: 10px 5px;
    z-index: 99;
    display: block;
    width: 180px;
    background: #000;
    text-align: center;
    display: none;
    font-size: 1.2rem;
    text-shadow: 1px 1px #000;
    font-weight: 500;
    border-radius: 4px;
    /*text-transform: capitalize;*/
    letter-spacing: -0.03em !important;
    line-height: 150% !important;
    color: #FFF !important;
}

.wc_tooltip:hover span{
    display: block;
}



/*===========================
MEDIA QUERY - START
===========================*/
@media (min-width: 1023px) and (max-width: 3000px) {
#header .sub-header{padding-top: 230px;}
}

@media (min-width: 1023px) and (max-width: 3000px) {
#header .sp-slide{padding-top: 190px;}
}

@media (max-width: 1367px){
.sp-layer-4{font-size: 17px !important; line-height: 145% !important; font-weight: 500;}
}

@media (max-width: 1340px){
.main-banner.simple .carousel-caption h1{ color:#fff; text-shadow:none; font-size:55px !important;}
}

@media (max-width: 990px){
.main-banner{display: none;}
.slider_divider{margin-top: 1px !important;}
.regulamentoiphone{display: none;}

.box-diagram2 {width: 100%; float: left; box-sizing: border-box; margin-bottom: 10px; position: relative}
.box-diagram3 {width: 100%; float: left; box-sizing: border-box; margin-bottom: 10px; position: relative}
.box-diagram4 {width: 100%; float: left; box-sizing: border-box; margin-bottom: 10px; position: relative}
}

@media (max-width: 1202px) {
.carousel-indicators.tab-banner-nav li p span{ display:block; font-size:22px !important; color:#fff; font-family: 'Raleway', sans-serif; font-weight:500;}
.carousel-indicators.tab-banner-nav li p a{ color:#fff !important; font-family: 'Raleway', sans-serif; font-weight:500;}
.carousel-indicators.tab-banner-nav li p a:visited{color:#fff !important;}

#navigation .nav > li > a {
position:relative;
float:left;
font-family:Montserrat, Arial, sans-serif;
color:#333;
font-size:13px;
line-height:22px;
letter-spacing:-0.05px;
font-weight:500;
text-transform:uppercase;
background:none !important;
padding:0px;
-webkit-transition:color .2s ease;
transition:color .2s ease;
}
}
/*===========================
MEDIA QUERY - END
===========================*/


/* ========== MODAL AVISOS ========== */
#modal{width:100%; height:100%; background:url(../images/bg_modal.png); position:fixed; top:0; left:0; repeat:no-repeat; z-index:2000;}
#modal .janela{width:50%; height:50%; position:relative; left:50%; top:50%; margin-left:-25%; margin-top:-10%; padding:25px; background:#FFF;}
#modal .janela{overflow-y: auto; overflow-x:0;}
/*#modal .janela{background:#fbfbfb;}*/
#modal .janela h1{color: #D90000;}
#modal .janela h3{color: #000; margin-bottom: 15px;}
#modal .janela p{color: #333; margin-bottom: 15px;}
#modal .close{position:absolute; right:10px; top:10px; z-index: 999999;}
#modal .janela .banner{margin-top: 20px;}




/*===========================
QUALIFICA TABLE - START
===========================*/
.qualifica_table {width: 100%; float: left; margin-top: 30px;}
.qualifica_table .col-tab {padding: 10px; font-size: 14px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; letter-spacing: -0.03em;}
.qualifica_table .col-tab .border-left {border-left: 1px solid #eee;}
.qualifica_table .col-tab .border-right {border-right: 1px solid #eee;}
.qualifica_table .titulo {font-weight: 600 !important;}

.qualifica_table .col-tab li {
    font-size: 14px;
    display: flex;
}

.qualifica_table .col-tab input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 7px 5px 0 10px;
    position: relative;
}

.qualifica_table .header {
    padding: 20px;
    background: #eee;
}

.al-center{text-align: center !important;}