/* ===================================================================================================

- Miau Geral - geralmente de aplicações contratadas...

=================================================================================================== */
*{
    font-family: Roboto, Arial, sans-serif;
}
a{
  text-decoration: none;
}
/*tempo espera topo menu*/

 .tempoEspera{
    width: 220px;
    text-align: center;
    position: absolute;
      bottom: 0;
      left: 53%;
  }
  
  .tempoEspera > p{
    text-align: center;
    margin-bottom: 2px;
    font-size: 0.75rem;
    font-weight: 600;
  }

  .tempoEspera .t-clock{
    display: inline-block;
  }
  .tempoEspera .t-clock i{
      font-size: 1.7rem;
      color: #1296d6;
  }
  .tempoEspera .t-text{
    display: inline-block;
    font-size: 0.65rem;
     font-weight: 600;
  }
  @media (max-width: 850px) {
     .tempoEspera{
        bottom: 0;
        left: 50px;
    }

  }

@media (max-width: 450px) {
     .tempoEspera{
        bottom: 0;
        left: 25px;
    }
  .tempoEspera > p{
    font-size: 0.6rem;
  }
    .tempoEspera .t-clock{
        display: none;
      }
  }

}

/* ################################## Chleba add - GERAL */
#chleba-bi{
  display:none;
}
/* ################################## Hiplataform (Chat bot Financceiro) - GERAL */
#dtbot-iframe {
  z-index: 3000 !important;
}
/* ################################## Shareaholic - GERAL */
.shareaholic-share-buttons-container.shareaholic-badge-counter li.shareaholic-share-button.shareaholic-has-shares .shareaholic-share-button-counter{
  top:0px !important; /*fix bolinha do counter quebrando*/
}

/* ################################## VLibras - GERAL */
.vw-links .vw-tooltip__item{
  z-index:999999999; /* na frente de tudo */
}



/* ===================================================================================================

- ITENS GERAIS

=================================================================================================== */

/* ################################## GERAL - DOC */

/* ---- usando fonte roboto e refenciais do bs  
*{font-family: Roboto, Arial, sans-serif;}
--*/

/* ---- scroll barra lateral, para nao dar um pulo no layout se o conteudo for menor que a tela apresentada */
html {overflow-y: scroll;}
html {overflow: -moz-scrollbars-vertical;}
html {overflow-x: auto;}
body {font-size:17px;}/* base geral para rem */


/* ---- adicionado efeito on loaded (conjunto com JS)*/
body main.mc-mainContent{
  opacity: 0;
  transition: 0.5s ease all; 
}
body.pg-loaded main.mc-mainContent{opacity:1;}

/* ----- esconder espaco lateral na class .row
.entry-content > div {overflow:hidden} */


/* ################################## GERAL - Video */
.video video{ width:100%; height: auto !important;} /* - Video do direto responsivo */
.video-wrap{ margin-bottom: 10px; }


/* ################################## GERAL - Paragrafo */
P{
  word-wrap: break-word;
}
P a{ font-weight: 500; }
P a:hover{ color:#AF1816;text-decoration:none; }


/* ################################## GERAL - Breadcrumb */
ol.breadcrumb > li a{
  color:#00547f;
}
/* muda item de separação */
.breadcrumb-item + .breadcrumb-item::before{content: ">";}

/* ################################## GERAL - Bold */
b, strong {
    font-weight: bold;
}


blockquote{
  padding: 10px 10px;
  border-left: 3px solid #e90029;
  font-style: italic;
  background: #fff;
  /*box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);
  margin: 0 5px 10px 0;*/
}



/* ===================================================================================================

- TYPO3 - Itens padrões

=================================================================================================== */

/* ------- classe padrao dos blocos typo3 */
.frame-default{
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  vertical-align: top; /* previne espaco idesejado em item inline-block */
}

/* ------- zera margin do ultimo p */
.frame-default P:last-child{ margin-bottom:0; }


/* ------- bs - lista (menu tt_content) -==--= ver para adicionar no t3sbootstrap
.nav.nav-pills.nav-stacked >li >a::before {
  font-family: FontAwesome;
  content: "\f0a9";
  padding-right:5px;
}
.nav.nav-pills.nav-stacked >li >a{
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;
}
.nav.nav-pills.nav-stacked >li >a:hover,
.nav.nav-pills.nav-stacked >li >a:focus{
  background:#dfdfdf;
  color:#111;
}
*/


/* ################################## t3sbootstrap.css */

/* reset css style padrao typo3 6.2 -- margin em figure imagem
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
margin-bottom: 0px;
}
--*/

/* reset t3s --- margin em bloco imagem
.csc-textpic-imagewrap {
  margin-bottom: 5px;
}
--*/

/* reset Collapse --- Aumentar area de Click do Collapse
.panel-title .accordion-toggle{display: block; padding: 10px; margin: -10px;}
.panel-title > a{text-decoration: none; font-weight: 400;}
--*/

/* modal - bs modal com lightbox
.modal.kt-modal-lightbox{
  background-color:rgba(1,1,1,0.7);
}
--*/

/*-bootstrap.css-
h1, .h1,
h2, .h2,
h3, .h3{margin-top:0;}*/



/*- legendas das imagens
.ce-gallery figcaption{
  font-size: 95%;
  color: #777;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 8px;
  text-align: center;
}
-*/







/* ===========================================================================================

OBJETOS
- itens de uso geral, onde ha variacoes do mesmo item de acordo com a posicao no template

=========================================================================================== */



/* ################################## REDES SOCIAIS */

/* padrao - geral */
.obj_rsociais ul { list-style:none; margin:0; padding:0; }

.obj_rsociais ul li { display:inline-block; margin-right:-4px;}
.obj_rsociais ul li:focus,
.obj_rsociais ul li:hover{ background-color:rgba(1,1,1,0.4); }

.obj_rsociais ul li a{ display:block; color:#fff; padding:8px; font-size:1.1rem; }
.obj_rsociais ul li a:focus,
.obj_rsociais ul li a:hover{ text-decoration:none; }

.obj_rsociais ul li .dropdown BUTTON{ /* negocio de acessibilidade */
  padding: 0px 6px;
  margin: 0;
  border: 0;
  background: transparent;
  vertical-align: bottom;
}
.obj_rsociais ul li .dropdown .dropdown-toggle::after{ display:none; }


/* - HEADER - TOP - REDES sociais */
#mc-dHeader-top .obj_rsociais ul li a{ color: #fff; font-size: 1rem; }

/* - MOBILE - variacao */
#mc-slideoutMenu .obj_rsociais{ text-align:center; margin-top: 10px; }
#mc-slideoutMenu .obj_rsociais ul{ margin-bottom:10px; }
#mc-slideoutMenu .obj_rsociais ul li a{ color:#fff;font-size:.9rem; }
#mc-slideoutMenu .obj_rsociais ul li a:hover{ background:none; }



/* ################################## LINGUAGEM */


/* -------------------------------
TypoScript/Setup/lib_lang.ts
---------------------------------- */

/* menu de para selecao multlinguagem */
.mc-langMenu { text-align:right; }

.mc-langMenu ul{ list-style: none; margin:0; padding:0; }

.mc-langMenu ul li{ display:inline-block; text-align:center; margin-right: -4px; }
.mc-langMenu ul li:focus,
.mc-langMenu ul li:hover{ background-color: rgba(1,1,1,0.4); }

.mc-langMenu ul li a{ display:block; }
.mc-langMenu ul li a:focus,
.mc-langMenu ul li a:hover { text-decoration:none; }

.mc-langMenu ul li span{
  border-radius: 50%;
  border-color: #ccc;
  border-width: 2px;
  border-style: solid;
  width: 23px !important;
  height: 23px;
  margin: 5px;
  box-shadow: 1px 1px 5px rgba(1,1,1,0.3);
  line-height: 1rem !important;
  
  -webkit-transition: .2s ease all;
  -moz-transition: .2s ease all;
  -ms-transition: .2s ease all;
  -o-transition: .2s ease all;
  transition: .2s ease all;
}
.mc-langMenu-exist.mc-active span,
.mc-langMenu-NoExist.mc-active span,
.mc-langMenu-exist span:focus,
.mc-langMenu-exist span:hover{ border:solid 2px #fff; }

.mc-langMenu-exist{ opacity:0.7; }
.mc-langMenu-exist:focus,
.mc-langMenu-exist:hover,
.mc-langMenu-exist.mc-active{ opacity:1; }

.mc-langMenu-NoExist{ opacity:0.2;cursor:not-allowed; }


/* - MOBILE - variacao */
#mc-slideoutMenu .mc-langMenu { text-align: center; }
#mc-slideoutMenu .mc-langMenu ul { margin-bottom: 10px; }




/* ################################## LOGOS */

/* padrao - mc-Logos */
.mc-Logos{
  display: block;
  width: 100%;
}
@media(max-width:760px){
#mc-dHeader .mc-Logos{width:80%;margin-left:19%;}
}/*@media*/

.mc-Logos .mc-Logos-block{
  display: inline-block;
  vertical-align: middle;
  color:#fff;
  /*width: 49%;*/
  height: 50px;
  padding-right: 10px;
  max-width: 49%;
  line-height: 15px;
}
.mc-Logos .mc-Logos-block:nth-of-type(2n+0){
  border-left: 1px solid #ffffff61;
  padding-left: 10px;
  padding-right: 0;
  margin-left: -2px;
  /*transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;*/
}
.mc-Logos .mc-Logos-block A{
  display: block;
  height: 100%;
  overflow: hidden;
  color:#fff;
  text-decoration: none;
  transition: 0.3s ease;
}

.mc-Logos .mc-Logos-block IMG{
  height: 100%;
}
.mc-Logos .mc-Logos-block SPAN{
  line-height:2px;
}

/* - MOBILE - variacao */
#mc-slideoutMenu .mc-Logos{ text-align: center;  }
#mc-slideoutMenu .mc-Logos .mc-Logos-block{ max-width:90%; padding:0; }
#mc-slideoutMenu .mc-Logos .mc-Logos-block:nth-of-type(2n){
  margin-top:10px;
  border:none;
}








/* ################################## LOGIN - DROPDOWN LOGOUT */


/* ------- Logado Typo3 - Dropdown de Logout */
.mc-form .mc-formTia-child .btn{
  border: none;
  color: #fff;
  background: transparent;
  transition: ease all .3s;
}
.mc-form .mc-formTia-child .btn[aria-expanded=true]{
  color:#fff;
  background:rgba(1,1,1,.3);
}
.mc-form .mc-formTia-child .dropdown-menu,
.mc-form .mc-formTia-child .dropdown-menu.show{
  padding:0;
  box-shadow: 1px 1px 15px rgba(1,1,1,0.7);
}
.mc-form .mc-formTia-child .dropdown-menu A.dropdown-item{
  color:#555 !important;
  padding: 5px 15px;
}

.mc-form .mc-formTia-child #formLogoutDesktopButton{ font-size:.9rem;font-weight:bold; }


/* ################################## LOGIN - FORMULARIOS ou BOTOES ACESSO */


/* - MOBILE - variacao */

/* ----- FORMs */
#mc-slideoutMenu .mc-form FORM INPUT::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255,255,255,0.4);
  opacity: 1; /* Firefox */
}


/* ----- FORMs - Search */
#mc-slideoutMenu .mc-mobileHeader .mc-formSearch{
  margin-bottom: 10px;
}
#mc-slideoutMenu .mc-mobileHeader .mc-formSearch FORM .btn {
  display:block;
  color: #fff;
  background-color:rgba(1,1,1,0.4);
  border-radius: 5px 0 0 5px;
}
#mc-slideoutMenu .mc-mobileHeader .mc-formSearch FORM input {
  background: rgba(1,1,1,0.3);
  border: none;
  box-shadow: none;
  color: #fff;
}


/* ----- FORMs - Botoes */
#mc-slideoutMenu .mc-mobileHeader .mc-formTia .btn{
  background: transparent;
  color: #fff;
  border: none;
  font-size: .8rem;
}
#mc-slideoutMenu .mc-mobileHeader .mc-formTia .btn:hover{
  background: rgba(1,1,1,0.1);
}
/* txt para mobile */
#mc-slideoutMenu a.btn.mc-btn-tia { display: block; }
#mc-slideoutMenu a.btn.mc-btn-tia span { font-size: 1em; }

/* ----- FORMs - Tia */
#mc-slideoutMenu .mc-mobileHeader .mc-formTia FORM input{
  background: rgba(1,1,1,0.3);
  border: none;
  box-shadow: none;
  color: #fff;
  width: 49%;
  display: inline-block;
}
#mc-slideoutMenu .mc-mobileHeader .mc-formTia FORM .btn{
  background: rgba(1,1,1,.3);
  color: #fff;
  border: none;
  font-size: .8rem;
}
#mc-slideoutMenu .mc-mobileHeader .mc-formTia FORM .btn i.fa:before{ margin-right: 5px; }

#mc-slideoutMenu .mc-mobileHeader .mc-formTia FORM .input-group-text{
  color: #fff;
  background: rgba(1,1,1,.2);
  border: none;
}

#mc-slideoutMenu .mc-mobileHeader .mc-formTia FORM > LABEL{
  color:#fff; /* label do form para dizer onde seera direcionado o loguin */
}

#mc-slideoutMenu .mc-mobileHeader .mc-formTia .mc-formTia{ text-align:center; }
#mc-slideoutMenu .mc-mobileHeader .mc-formTia #formLogoutMobileButton{ font-size:1rem; }














/* ===========================================================================================

SITE INTEIRO

=========================================================================================== */



/* --------------------------------

 DIVISAO DE AREAS DE CONTEUDO
 - layer do slide e area do site

-------------------------------- */


/* ----- area onde fica o layer com menus mobile */
#mc-slideoutMenu {
  background:#e90029; /* bg da area para sobreescrever posteriormente */
  
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}
/* ----- area onde fica o conteudo do site inteiro */
#mc-slideoutPanel {
  background-color: #f9f9f9;

  position: relative;  
  min-height: 100vh;
  box-shadow:1px 1px 10px rgba(1,1,1,0.8);
}

/* ----- coisas da lib */
.slideout-open,
.slideout-open body,
.slideout-open #mc-slideoutPanel {overflow: hidden;}
.slideout-open #mc-slideoutMenu {display: block;}


/* ------ botao fechar layer mobile */
#mc-slideoutMenu .mc-btn-Mobile{
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  padding: 4px;
  cursor: pointer;
  width: 35px;
  text-align: center;
}
#mc-slideoutMenu .mc-btn-Mobile::before{
  content: "x";
  font-family: arial;
  text-shadow: #444 1px 1px 15px;
}
/* ------ botao abrir layer mobile */
#mc-dHeader-middle .mc-btn-Mobile{
  position: absolute;
  top: 10px;
  left: 15px;
  cursor: pointer;
  color:#fff;
  font-weight: 800;
  font-size: 25px;
  padding: 4px;
}



/* --------------------------------

 MOBILE LAYER 
- header
- areas de menus

-------------------------------- */

/* ----- MOBILE - HEADER - LOGO, LOGIN, FORMS */
#mc-slideoutMenu .mc-mobileHeader{
  padding: 8px 15px;
  background: rgba(1,1,1,0.2);
}

/* ------ MOBILE - CONTEUDO - Menus */
#mc-slideoutMenu .mc-mobileConteudo{ 
  margin-bottom:60px; /* - espaco para navegar em dispositivos mobile IOS Safari */
  box-shadow: 0px -5px 5px rgba(1, 1, 1,0.2);
}





/* --------------------------------

 CONTENT LAYER
- Area de conteudo de todo o site
- #mc-slideoutPanel

-------------------------------- */



/* ################################### - DESKTOP - HEADER */
.mc-mainHeader{
  z-index: 1999;
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 1px 1px 5px #444;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
}



/* #################################### - DESKTOP - HEADER MEIO */
#mc-dHeader-middle{
  background: #cc141d;
  padding: 10px 0
}
#mc-dHeader-middle .container{
  padding-right: 0;
  padding-left: 0;
}


/* ###################################### DESKTOP - HEADER MEIO - Area de forms geral */
#mc-dHeader-middle .mc-form{
  text-align:right;
  height:40px;  /* igualizar com area dos logos hehe 50px */
  margin-top:10px;
}



/* ###################################### DESKTOP - HEADER MEIO - Efeito JS */
#mc-dHeader-middle .mc-form .mc-formTia{
  overflow: hidden;
  display: inline-block;
  vertical-align:top;
}
#mc-dHeader-middle .mc-form .mc-formTia-child{
  transition: .6s all ease;
  margin-left: 0;
  opacity: 1;
}
#mc-dHeader-middle .mc-form.mc-active .mc-formTia-child{ /* efeito esconder - JS addd class com search */
  opacity:0;
  margin-left: -600px;
}



/* ####################################### DESKTOP - HEADER MEIO - FORM de pesquisa */
#mc-dHeader-middle .mc-form .mc-formSearch{
  position:relative;
  display:inline-block;
  vertical-align:top;
}
#mc-dHeader-middle .mc-form .mc-formSearch FORM BUTTON{ color:#fff; }
#mc-dHeader-middle .mc-form .mc-formSearch FORM INPUT{
  color:#fff;
  background: rgba(1,1,1,0.2);
  border: none;
  z-index:1;
  
  width:0px;
  padding-left:0px;
  padding-right:0px;
  transition:.6s all ease;
}
#mc-dHeader-middle .mc-form .mc-formSearch FORM INPUT::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255,255,255,0.4);
  opacity: 1; /* Firefox */
}
#mc-dHeader-middle .mc-form.mc-active .mc-formSearch FORM INPUT{ /* ativo */
  width:200px;;
  padding-left:12px;
  padding-right:12px;
}

/* ---- x */
#mc-dHeader-middle .mc-form .mc-formSearch .mc-btn-SearchClose {
  opacity:0;
  position: absolute;
  top: 25%;
  right: 12px;
  z-index:2;
  color: #fff;
  transition:.6s all ease;
  cursor: pointer;
}
#mc-dHeader-middle .mc-form.mc-active .mc-formSearch .mc-btn-SearchClose {
  opacity:1;
}



/* ##################################### DESKTOP - HEADER MEIO - Botoes de acesso */
#mc-dHeader-middle .mc-form .mc-formTia-child A{
  color:#fff;
}
#mc-dHeader-middle .mc-form .mc-formTia-child A:hover{
  background:rgba(1,1,1,0.2);
}
#mc-dHeader-middle .mc-form .mc-formTia-child A[title~="International"]{
  text-transform: uppercase; /* enfeite... */
  font-size: .7rem;
  font-weight: bold;
}
/* txt para mobile */
#mc-dHeader-middle a.btn.mc-btn-tia span { display: none; }



/* ##################################### DESKTOP - HEADER MEIO - FORM para login */
#mc-dHeader-middle .mc-form .mc-formTia-child FORM > LABEL{
  display:none; /* label do form para dizer onde seera direcionado o login - desktop hidden */
}
#mc-dHeader-middle .mc-form .mc-formTia-child FORM .input-group-text{
  border:none;
  background:rgba(1,1,1,0.1);
  color:#fff;
}
#mc-dHeader-middle .mc-form .mc-formTia-child FORM INPUT{
  border:none;
  color:#fff;
  background:rgba(1,1,1,0.2);
}

#mc-dHeader-middle .mc-form .mc-formTia-child FORM .btn{
  border:none;
  background:rgba(1,1,1,.3);
}
#mc-dHeader-middle .mc-form .mc-formTia-child FORM .btn:hover,
#mc-dHeader-middle .mc-form .mc-formTia-child FORm .btn:focus{
  background:rgba(1,1,1,.5);
}
#mc-dHeader-middle .mc-form .mc-formTia-child FORM div.form-row div:last-of-type{
  text-align:left; /* alinhamento botao envio de informacoes */
}
#mc-dHeader-middle .mc-form .mc-formTia-child FORM INPUT::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255,255,255,0.4);
  opacity: 1; /* Firefox */
}







/* ###############################

 MOBILE - HEADER
- HEADER MEIO
- logos

*/

/* alinnhamento do header vermelho no Mobile, para nao afetar o slideout */
@media(max-width: 991px){
#mc-dHeader-middle .row{
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
/* transforma cabecalho em mobile com hamburguer toggle */
#mc-dHeader-middle .mc-Logos{
  display: block;
  text-align: right;
  margin-right: 5px;
}
}/* @media */














/* ===========================================================================================

MENUS

=========================================================================================== */




/* ##################################

- DESKTOP - HEADER - MENU TOP
- DESKTOP - HEADER - MENU PRINCIPAL

############ */



/* ############## MENU - GERAL e suas variacoes */

/* ============================== MENU - GERAL */
/* GERAL - MENU CONSTRUCAO - load e construcao do menu, junto com js para design mais fluido */

/* tamanho para nao ver efeito pulo */
#mc-dHeader-top .mc-Navs{ min-height:20px; }
#mc-dHeader-bottom .mc-Navs{ min-height:40px; }

.mc-Navs .mc-Navs-block{
  display: none;
  opacity: 0;
  transition: .6s ease;
}
.pg-loaded .mc-Navs .mc-Navs-block{
  display: block;
  opacity: 1;
}

/* BS3/BS4 - retirar bagaceira */
.mc-Navs .caret,
.mc-Navs .dropdown-toggle::after{display:none;}

/* Desktop - geral (top e principal) */
#mc-dHeader-top .mc-Navs .navbar,
#mc-dHeader-bottom .mc-Navs .navbar{
  border: none;
  border-radius: 0;
  min-height: 0;
  background-color:transparent;
  padding: 0;
  margin:0;
}
/* minimo das larguras para ser calculado via js posteriormente */
#mc-dHeader-top .mc-Navs,
#mc-dHeader-bottom .mc-Navs,
#mc-dHeader-bottom .navbar-nav{
  width: 100%;
}






/* ######################################################## MENU TOP */


/* ###### MENU - Top - BASE */

/* objeto wrap */
#mc-dHeader-top{
  background:#062f4f;
  width: 100%;
  max-height: 1000px;
  overflow: hidden;
  transition:all 1s ease;
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
}

/* override - bs */
#mc-dHeader-top > .container,
#mc-dHeader-top > .container > .row > div{
  padding:0;
}
#mc-dHeader-top .navbar-nav{
  margin:0 auto;
}

/* ### FIX para view dos sub menus */
/* desktop - evita a sobreposicao de menus  - citado no menu principal tbm */
#mc-dHeader-top .navbar-nav:hover,
#mc-dHeader-top .navbar-nav:focus{
  z-index: 999999;
}
#mc-dHeader-top:hover{ overflow:visible; }/* hover comum com mouse */
#mc-dHeader-top.mc-navTop-focusHover{ overflow:visible; max-height:1000px; } /* focus com keyboard acessibilidae com focus no js */

#mc-dHeader.mc-dHeader-top-hide       #mc-dHeader-top{ overflow:hidden; max-height:0;}
#mc-dHeader.mc-dHeader-top-hide:hover #mc-dHeader-top{ overflow:visible; max-height:1000px; }
#mc-dHeader.mc-dHeader-top-hide:hover #mc-dHeader-top:hover{ overflow:visible; }


/* Esconde o caret no primeiro nivel */
#mc-dHeader-top .mc-Navs .navbar-nav > li > a.dropdown-toggle::after,
#mc-dHeader-top .mc-Navs .navbar-nav > li > a > SPAN.caret,
#mc-dHeader-top .mc-Navs .navbar-nav > li > a > SPAN.sub-arrow{display: none;}

/* compatibilizar tamanho visivel da barra superior */
#mc-dHeader-top .mc-Navs .navbar-nav > li{ min-height:26px; }

/* posicao vertical dos itens */
#mc-dHeader-top .mc-Navs .navbar-nav > li > a{
  padding:10px;
  height:100%;
  min-height:22px;
  line-height: .9rem;
  font-size: .8rem;
  /*color:#fff;*/
  width:100%;
  display:table;
  text-align: center;
}
/* alinhamento vertical do texto */
#mc-dHeader-top .mc-Navs .navbar-nav > li > a > span:first-child{
  width:100%;
  display:table-cell;
  vertical-align:middle;
  word-break:break-word;
}

/* ----- segundo */
#mc-dHeader-top .mc-Navs .navbar-nav ul{
  padding: 0;
  border: none;
  border-radius: 0;
  /*background: #fff;*/
  box-shadow: 1px 1px 15px rgba(1,1,1,0.7);
}
#mc-dHeader-top .mc-Navs .navbar-nav ul > li > a{
  /*padding: 12px 30px 12px 12px;*/
  padding: .6rem 1.8rem .6rem .6rem !important;
  line-height: 1rem;
  font-size: .8rem;
}




/* ######################################## MENU - Top - CORES */

/* MENU CORES */

/* normal */
/* normal - primeiro nivel */
#mc-dHeader-top .mc-Navs .navbar-nav{ background:transparent !important; }
#mc-dHeader-top .mc-Navs .navbar-nav > li,
#mc-dHeader-top .mc-Navs .navbar-nav > li > a{color:#fff !important;background:transparent !important;}
/* noraml - segundo nivel */
#mc-dHeader-top .mc-Navs .navbar-nav ul{ background:#fff !important; }
#mc-dHeader-top .mc-Navs .navbar-nav ul > li,
#mc-dHeader-top .mc-Navs .navbar-nav ul > li > a{color:#444 !important;background:transparent !important;}

/* hover e focus */
/* hover e focus - primeiro nivel */
#mc-dHeader-top .mc-Navs .navbar-nav > li > a.highlighted,
#mc-dHeader-top .mc-Navs .navbar-nav > li > a:hover,
#mc-dHeader-top .mc-Navs .navbar-nav > li > a:focus{ color:#fff !important; background:rgba(1,1,1,0.3) !important; }

/* hover e focus - segundo nivel */
#mc-dHeader-top .mc-Navs .navbar-nav ul > li > a.highlighted,
#mc-dHeader-top .mc-Navs .navbar-nav ul > li > a:hover,
#mc-dHeader-top .mc-Navs .navbar-nav ul > li > a:focus{ color:#fff !important; background:rgba(1,1,1,0.3) !important; }

/* active */
/* active - primeiro nivel */
#mc-dHeader-top .mc-Navs .navbar-nav > li.active {background:rgba(1,1,1,0.3) !important;}
#mc-dHeader-top .mc-Navs .navbar-nav > li.active,
#mc-dHeader-top .mc-Navs .navbar-nav > li.active > a{color:#fff !important;}

/* active - sgundo nivel */
#mc-dHeader-top .mc-Navs .navbar-nav ul > li.active {background:#00547f !important;}
#mc-dHeader-top .mc-Navs .navbar-nav ul > li.active,
#mc-dHeader-top .mc-Navs .navbar-nav ul > li.active > a{color:#fff !important;}





/* ############################################################### MENU PRINCIPAL */

/* ###### MENU - Principal - BASE */

/* bg da area do menu */
#mc-dHeader-bottom{ background:#4a4747; }

#mc-dHeader-bottom .container{ padding:0; }
#mc-dHeader-bottom .navbar{
  border:none;
  border-radius:0;
  margin-bottom:0;
  min-height:0;
  background-color:transparent;
  padding:0; /* bs4 */
}


/* --- primeiro */

/* bordinhas */
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a{ border-left: 1px solid rgba(255,255,255,0.3); }
#mc-dHeader-bottom .mc-Navs .navbar-nav > li:last-of-type > a{ border-right: 1px solid rgba(255,255,255,0.3); }

/* manipulando saida em conjunto com js por conta da adicao automatica do smartmenus */
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a.dropdown-toggle::after,
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a > SPAN.caret,
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a > SPAN.sub-arrow{
  /* display:none; - se nao for usar usar */
  position: absolute;
  bottom: 50%;
  right: 4px;
}
/* posicao vertical dos itens */
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a{
  padding:6px 11px;
  height:100%;
  min-height:40px;
  line-height: .9rem;
  font-size: .8rem;
  /*color:#fff;*/
  width:100%;
  display:table;
  text-align: center;
}
/* alinhamento vertical do texto */
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a > span:first-child{
  width:100%;
  display:table-cell;
  vertical-align:middle;
  word-break:break-word;
}


/* ----- segundo */
#mc-dHeader-bottom .mc-Navs .navbar-nav ul{
  padding: 0;
  border: none;
  border-radius: 0;
  /*background: #e0e0e0;*/
  box-shadow: 1px 1px 15px rgba(1,1,1,0.7);
}
#mc-dHeader-bottom .mc-Navs .navbar-nav ul > li > a{
  /*padding: 12px 30px 12px 12px;*/
  padding: .8rem 1.8rem .8rem .8rem !important;
  line-height: 1rem;
  font-size: .9rem;
  font-weight:300;
}


/* ######################################## MENU - Principal - CORES */

/* MENU CORES */

/* normal */
/* normal - primeiro nivel */
#mc-dHeader-bottom .mc-Navs .navbar-nav{ background:transparent !important; }
#mc-dHeader-bottom .mc-Navs .navbar-nav > li,
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a{color:#fff !important;background:transparent !important;}
/* noraml - segundo nivel */
#mc-dHeader-bottom .mc-Navs .navbar-nav ul{ background:#e0e0e0 !important; }
#mc-dHeader-bottom .mc-Navs .navbar-nav ul > li,
#mc-dHeader-bottom .mc-Navs .navbar-nav ul > li > a{color:#444 !important;background:transparent !important;}

/* hover e focus */
/* hover e focus - primeiro nivel */
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a.highlighted,
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a:hover,
#mc-dHeader-bottom .mc-Navs .navbar-nav > li > a:focus{ color:#fff !important; background:rgba(1,1,1,0.3) !important; }

/* hover e focus - segundo nivel */
#mc-dHeader-bottom .mc-Navs .navbar-nav ul > li > a.highlighted,
#mc-dHeader-bottom .mc-Navs .navbar-nav ul > li > a:hover,
#mc-dHeader-bottom .mc-Navs .navbar-nav ul > li > a:focus{ color:#fff !important; background:rgba(1,1,1,0.3) !important; }

/* active */
/* active - primeiro nivel */
#mc-dHeader-bottom .mc-Navs .navbar-nav > li.active {background:#00547f !important;}
#mc-dHeader-bottom .mc-Navs .navbar-nav > li.active,
#mc-dHeader-bottom .mc-Navs .navbar-nav > li.active > a{color:#fff !important;}

/* active - sgundo nivel */
#mc-dHeader-bottom .mc-Navs .navbar-nav ul > li.active {background:#00547f !important;}
#mc-dHeader-bottom .mc-Navs .navbar-nav ul > li.active,
#mc-dHeader-bottom .mc-Navs .navbar-nav ul > li.active > a{color:#fff !important;}











/* ##################################

- MOBILE - MENUS

############ */


/* endireitando nav BS4 */
#mc-slideoutMenu .navbar{
  padding: 0;
  margin: 0;
}
#mc-slideoutMenu .navbar-nav{
  width: 100%;
}


#mc-slideoutMenu .mc-Navs{
  background:transparent;
  /* background:#00547f; -adicionar na variacao */
}

/* hide para aumento de tela mobile */
#mc-slideoutMenu .mc-Navs {
  opacity: 1;
  transition:all ease .2s;
}
@media (min-width: 992px){
#mc-slideoutMenu .mc-Navs {
  opacity: 0;
}
}

/* aumentar area de click mobile */
#mc-slideoutMenu .mc-Navs .navbar-nav li > a{
  font-size:.9rem;
  padding-top: .6rem !important;
  padding-bottom: .6rem !important;
}
#mc-slideoutMenu .mc-Navs .navbar-nav .has-submenu{
  padding-right:3.5rem;
}

/* borda dos botoes de expansao mobile */
#mc-slideoutMenu .mc-Navs .navbar-nav .sub-arrow{
  border:1px solid rgba(255,255,255,.3);
}
#mc-slideoutMenu .mc-Navs .navbar-nav .sub-arrow:hover,
#mc-slideoutMenu .mc-Navs .navbar-nav .sub-arrow:focus{
  background-color:rgba(1,1,1,0.5) !important;
}
#mc-slideoutMenu .mc-Navs .navbar-nav li{
  background-color:transparent !important;
  color:#fff !important;
}

/* primeiro nivel */
#mc-slideoutMenu .mc-Navs .navbar-nav > li > a{
  padding-left: 10px;
}

/* segundo nivel */
#mc-slideoutMenu .mc-Navs .navbar-nav ul{
  margin-top: 0 !important;
  margin-right: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border: none;
  border-radius: 0;
  background-color:rgba(1,1,1,0.2) !important;
}

/* links */
#mc-slideoutMenu .mc-Navs .navbar-nav li > a{
  background-color:transparent !important;
  color:#fff !important;
}
#mc-slideoutMenu .mc-Navs .navbar-nav li > a:hover,
#mc-slideoutMenu .mc-Navs .navbar-nav li > a:focus{
  background-color:rgba(1,1,1,0.2) !important;
  color:#fff !important;
}
/* bg das areas abertas no mobile */
#mc-slideoutMenu .mc-Navs .navbar-nav li.open > a,
#mc-slideoutMenu .mc-Navs .navbar-nav li.show > a{
  background-color:rgba(1,1,1,0.4) !important;
  color:#fff !important;
}


/* mobile - active - cor da pagina e onde vc esta no camicnho do portal */
#mc-slideoutMenu .mc-Navs .navbar-nav li.active > a,
#mc-slideoutMenu .mc-Navs .navbar-nav li.active > a:hover
#mc-slideoutMenu .mc-Navs .navbar-nav li.active > a:focus,
#mc-slideoutMenu .mc-Navs .navbar-nav li.active.open > a,
#mc-slideoutMenu .mc-Navs .navbar-nav li.active.open > a:hover,
#mc-slideoutMenu .mc-Navs .navbar-nav li.active.open > a:focus,
#mc-slideoutMenu .mc-Navs .navbar-nav li.active.show > a,
#mc-slideoutMenu .mc-Navs .navbar-nav li.active.show > a:hover,
#mc-slideoutMenu .mc-Navs .navbar-nav li.active.show > a:focus{
  background-color:#e90029 !important;
  color:#fff !important;
}



/* ################################## MENU VARIACOES de classes */

/* Variacao - Portal */
#mc-slideoutMenu .mc-Navs-portal{background:#4a4747;}

/* Variacao - Acesso Rapido */
#mc-slideoutMenu .mc-Navs-arapido{background:#062f4f;}























/* -----------------

SITE - FOOTER

-------------------- */

/* #### FOOTER - geral */
.mc-SiteFooter{
  /* evita barrra lateral indesejada */
  overflow:hidden;
}

/* #### FOOTER - ADS */
.mc-Ads{margin: 20px 0 10px 0;}


/* #### SITE - FOOTER - Rodapé do Site */
.mc-SiteFooter-content{
  border-top: 4px solid #00547f;
  background: #AF1816;
  color: #fff;
  background-image: url(../img/logo/logo_footer.svg);
  background-repeat: no-repeat;
  background-position: right -100px bottom -60px;
  background-size: contain;
}
@media(min-width: 470px){
.mc-SiteFooter-content{
  background-position: right -138px bottom -110px;
}
}
@media(min-width: 991px){
.mc-SiteFooter-content{
  background-position: right -155px bottom -183px
}
}
.mc-SiteFooter-content h5{
  font-weight: 400;
  font-size: 1rem;
}
.mc-SiteFooter-content ul{
  list-style: none;
  padding-left: 0;
}
.mc-SiteFooter-content ul li{
  display:block;
  width: 100%;
  font-size: .9rem;
  line-height: .9rem;
  margin-bottom: 10px;
}
.mc-SiteFooter-content ul li a i{ display: none; }
.mc-SiteFooter-content ul li a{
  color:#ccc;
  padding: 0;
}
.mc-SiteFooter-content ul li a:hover,
.mc-SiteFooter-content ul li a:focus{
  text-decoration: underline;
  color: #ddd;
}


/* #### footer - adrress */
.mc-SiteFooter-address{
  margin: 10px 0;
  line-height: 1rem;
  font-weight: 300;
  font-size: .75rem;
}
.mc-SiteFooter-address a{
  color: #fff;
  display:block;
}
.mc-SiteFooter-address strong{
  /*font-size: .8rem;
  font-weight:bold;*/
  margin-bottom: 4px;
}


/* #### footer - redes sociais - links */
.mc-btn-Social{
  background: #05547f;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 2px;
  display: inline-table;
  transition: .5s ease all;
}
.mc-btn-Social i{
  font-size: 2rem;
  margin-top: 8px;
  display: table-cell;
  vertical-align: middle;
}


/* #### footer - outros - trabalhe conosco / identidade visual / fornecedor  */
.mc-SiteFooter-Outros{
  text-align: right;
}
.mc-SiteFooter-Outros a{
  color: #fff;
  font-size: .9rem;
  margin-right: 20px;
}
@media(max-width: 667px){
.mc-SiteFooter-Outros a{
  display: block;
}
}
@media(max-width: 667px){
.mc-SiteFooter-Outros{
  text-align: center;
}
}


/* #### footer - Copiright */
.mc-SiteFooter-copyright{
  background:#4a4747;
  padding: 10px;
  color:#fff;
  font-size: .8rem;
}
.mc-SiteFooter-copyright a:hover,
.mc-SiteFooter-copyright a:focus{
  text-decoration: none;
  text-shadow: 1px 1px 5px #bbb;
}









/* -------------------------------------------------------------------------------------------

TEMPLATES - VARIACOES ESPECIFICAS
- Dirferencias por tipos de Template

------------------------------------------------------------------------------------------- */




/* ################################## Geral - Todos os Templates */

.mc-mainContent{ transition: all 1s ease; -webkit-transition: all 1s ease; padding-top:130px;}

@media screen and (max-width:991px) {
.mc-mainContent{ padding-top:60px;}/* para diminuir o efeito slide do cabecalho */
}
.mc-mainContent > ul{ font-size: 1.6rem; }
.mc-mainContent ul li{ margin-bottom: 5px; }

.mc-mainContent .mc-mainHeader{ transition: all 0s ease; -webkit-transition: all 0s ease; }


/* ################################## Main Tag Header -  Titulo em algumas das paginas */
.mc-M-header {padding:0;}
.mc-M-header h1{
  font-weight: 500;
  font-size: 1.8em;
  color: #9c0f05;
  margin-top: 15px;
}




/* ################################## HOME */

/* Esconde titulos da home - Breadcrumb*/
.mc-PageHome .mc-M-header{
  display: none;
}


/* ################################## LP CURSO */
/* Retira Titulo da pagina */
.mc-LpCurso .mc-M-header h1{display: none;}

/* Header - LP */
.mc-LpCurso .mc-LpCurso-Header{ 
  background-size: cover; 
  background-attachment: fixed; 
  background-position: center top; 
  border-bottom: 6px solid #00547f; 
  margin-bottom: 10px; 
  padding: 100px 0;
  box-shadow:inset 0 0 0 100vw rgba(0,0,0,.5);
}

.mc-LpCurso-Header-Title{    
  text-shadow: 2px 2px 3px #000;
  color: #fff;
  text-align: center;
  filter: drop-shadow(0 0 30px #000);
}
.mc-LpCurso-Header-Title a{color: #fff;}
.mc-LpCurso-Header-Title a:hover,
.mc-LpCurso-Header-Title a:focus{text-decoration: none;}
.mc-LpCurso-Header-Title b a{font-weight: 400;}
.mc-LpCurso-Header-Title b a:after{content: " | ";}

.mc-LpCurso-Header-Title h1{font-size: 3em;}
.mc-LpCurso-Header-Title h1,
.mc-LpCurso-Header-Title h2,
.mc-LpCurso-Header-Title h3,
.mc-LpCurso-Header-Title h4,
.mc-LpCurso-Header-Title h5{font-weight: 500; display: inline-block; padding: 10px; margin: 0;  }
.mc-LpCurso-Header-Title .tagline{font-size: 1.4em; font-weight: 300; margin-left: 10px;}
.mc-LpCurso-Header-Title .mc-LpCurso-Header-Stars{font-size: 2em; color: #f9ee50; font-weight: 600; margin-bottom: 0; }
.mc-LpCurso-Header-Title .mc-LpCurso-Header-Stars i{margin: 0 4px; filter: drop-shadow(1px 1px 7px #000);}
.mc-LpCurso .mc-LpCurso-Header .mc-btn-cta{margin: 20px 0 5px;}
.mc-LpCurso .mc-LpCurso-Header .modal-body .mc-btn-cta{margin: 0;}
.mc-LpCurso .mc-LpCurso-Header P a:hover{color: #fff;}

.mc-LpCurso .compartilhe{color:  #fff;text-shadow: 1px 1px 5px #000;}

/* FORM - Lead */
.mc-LpCurso .mc-LpCurso-Header .mc-Form-Lead .mc-btn-cta{margin: 0; text-align: center; width: 100%;}

/* Header - Variacoes*/
.mc-LpCurso.mc-Institucional .mc-LpCurso-Header{border-bottom: 6px solid #850D13;}
.mc-LpCurso.mc-Universidade .mc-LpCurso-Header{border-bottom: 6px solid #AF1816;}
.mc-LpCurso.mc-Graduacao .mc-LpCurso-Header{border-bottom: 6px solid #B61827;}
.mc-LpCurso.mc-Lato .mc-LpCurso-Header{border-bottom: 6px solid #006A8C;}
.mc-LpCurso.mc-Stricto .mc-LpCurso-Header{border-bottom: 6px solid #7A1F7F;}
.mc-LpCurso.mc-Extensao .mc-LpCurso-Header{border-bottom: 6px solid #E89600;}
.mc-LpCurso.mc-Colegio .mc-LpCurso-Header{border-bottom: 6px solid #D82738;}
.mc-LpCurso.mc-Chancelaria .mc-LpCurso-Header{border-bottom: 6px solid #006E73;}

/* Content - LP */
.mc-LpCurso .mc-LpCurso-Main-Content{margin-bottom: 15px; line-height: 25px; color: #222}

.mc-LpCurso .mc-LpCurso-Main-Content h1,
.mc-LpCurso .mc-LpCurso-Main-Content h2,
.mc-LpCurso .mc-LpCurso-Main-Content h3,
.mc-LpCurso .mc-LpCurso-Main-Content h4,
.mc-LpCurso .mc-LpCurso-Main-Content h5{font-size: 1.2em; font-weight: 500; vertical-align: middle;}


/* Alert-2 - Variacoes */
.mc-LpCurso.mc-Institucional .mc-Alert-2{border-left: 4px solid #850D13; border-bottom: 4px solid #850D13;}
.mc-LpCurso.mc-Universidade .mc-Alert-2{border-left: 4px solid #AF1816; border-bottom: 4px solid #AF1816;}
.mc-LpCurso.mc-Graduacao .mc-Alert-2{border-left: 4px solid #B61827; border-bottom: 4px solid #B61827;}
.mc-LpCurso.mc-Lato .mc-Alert-2{border-left: 4px solid #006A8C; border-bottom: 4px solid #006A8C;}
.mc-LpCurso.mc-Stricto .mc-Alert-2{border-left: 4px solid #7A1F7F; border-bottom: 4px solid #7A1F7F;}
.mc-LpCurso.mc-Extensao .mc-Alert-2{border-left: 4px solid #E89600; border-bottom: 4px solid #E89600;}
.mc-LpCurso.mc-Colegio .mc-Alert-2{border-left: 4px solid #D82738; border-bottom: 4px solid #D82738;}
.mc-LpCurso.mc-Chancelaria .mc-Alert-2{border-left: 4px solid #006E73; border-bottom: 4px solid #006E73;}

/* Sidebar - LP */
.mc-LpCurso .mc-LpCurso-Main-Sidebar{padding: 5px 15px; background: #fefefe; margin-bottom: 10px; box-shadow: 1px 1px 5px rgba(1,1,1,0.3); font-size: 1em;}

.mc-LpCurso .mc-LpCurso-Main-Sidebar > div{border-bottom: 1px solid #eee; padding: 8px 0;}
.mc-LpCurso .mc-LpCurso-Main-Sidebar > div:last-of-type{border-bottom: none;}

.mc-LpCurso .mc-LpCurso-Main-Sidebar h1,
.mc-LpCurso .mc-LpCurso-Main-Sidebar h2,
.mc-LpCurso .mc-LpCurso-Main-Sidebar h3,
.mc-LpCurso .mc-LpCurso-Main-Sidebar h4,
.mc-LpCurso .mc-LpCurso-Main-Sidebar h5 { font-size: 1.2em; margin-top: 5px; font-weight: 600; color: #555; margin-bottom: 5px;}

.mc-LpCurso .mc-LpCurso-Main-Sidebar > .csc-default{border-bottom: 1px solid #eee; padding: 5px 0;}
.mc-LpCurso .mc-LpCurso-Main-Sidebar > .csc-default:last-of-type{border: none;}

.mc-LpCurso .mc-LpCurso-Main-Sidebar ul.nav,
.mc-Page-Sidebar ul.nav{font-size: 1em; padding-left: 0;}
.mc-LpCurso .mc-LpCurso-Main-Sidebar ul.nav li,
.mc-Page-Sidebar ul.nav li{margin-bottom: 0;}

.mc-LpCurso .mc-LpCurso-Main-Sidebar .nav > li > a ,
.mc-Page-Sidebar ul.nav > li > a {color: #555; padding: 5px 10px; font-weight: 400;}
.mc-LpCurso .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked > li > a::before,
.mc-Page-Sidebar ul.nav.nav-pills.nav-stacked > li > a::before{color: #00547f;}
.mc-LpCurso .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked >li > a:hover,
.nav.nav-pills.nav-stacked > li > a:focus,
.mc-Page-Sidebar ul.nav.nav-pills.nav-stacked >li > a:hover,
.mc-Page-Sidebar ul.nav.nav-pills.nav-stacked > li > a:focus{background: rgba(1,1,1,0.05);}


.mc-LpCurso-Info{padding: 5px 0; font-size: 1.2em;}
.mc-LpCurso-Info h1,
.mc-LpCurso-Info h2,
.mc-LpCurso-Info h3,
.mc-LpCurso-Info h4,
.mc-LpCurso-Info h5{margin-top: 0; font-size: 1em;}
.mc-LpCurso-Info ul{padding-left: 15px; font-size: 1em;}
.mc-LpCurso-Info li{display: block; list-style: none; margin-bottom: 10px; min-height: 46px;}
.mc-LpCurso-Info img{width: 40px; float: left; margin-right: 10px;}
.mc-LpCurso-Info p{margin-bottom: 0; font-weight: 300; margin-left: 50px;}
.mc-LpCurso-Info small{color: #999; display: block;}


.mc-LpCurso .mc-LpEvent-Main-Sidebar ul.nav{font-size: 1em; padding-left: 0;}
.mc-LpCurso .mc-LpEvent-Main-Sidebar ul.nav li{margin-bottom: 0;}
.mc-LpCurso .mc-LpEvent-Main-Sidebar ul.nav li a{padding: 5px;}

.mc-Coord .mc-Coord-Photo{padding: 0; display: inline-block; width: 40%;}
.mc-Coord .mc-Coord-Photo img{display: block; margin: 0 auto; width: 140px;}
.mc-Coord .mc-Coord-Title{vertical-align: top; display: inline-block; width: 55%; margin-left: 10px; text-align: left;}
.mc-Coord .mc-Coord-Title p{font-weight: 600; font-size: 1.1em;  margin-top: 20px; padding: 0;  margin-bottom: 0;}
.mc-Coord .mc-Coord-Title p.subtitle{font-weight: 400; color: #777; line-height: 20px; margin-top: 5px;}
.mc-Coord .mc-Coord-Title img{width: 90px; margin: 0; }
.mc-Coord .mc-Coord-Title .mc-Coord-Lattes{margin: 12px 0; text-transform: uppercase; font-size: 0.875em; font-weight: 600;}
.mc-Coord .mc-Coord-Title .mc-Coord-Lattes i{padding-right: 5px;}


footer.mc-Box-Contatos{margin-top: 5px; font-size: 0.875em; padding: 0;}
footer.mc-Box-Contatos b{font-size: 1em; color: #af1816; margin-top: 5px;}
footer.mc-Box-Contatos ul{list-style: none; padding-left: 5px;}
footer.mc-Box-Contatos ul li{margin-bottom: 8px; padding: 1px 5px; display: inline-flex; width: 100%;}
footer.mc-Box-Contatos ul li:last-of-type{margin-bottom: 0;}
footer.mc-Box-Contatos li p{display: inline-block; font-size: 0.9em; padding: 0; font-weight: 400; margin-bottom: 0;}
footer.mc-Box-Contatos li img{max-width: 18px;}
footer.mc-Box-Contatos i{color: #555; font-size: 1em; padding-right: 5px;}
footer.mc-Box-Contatos a{word-break: break-all; font-size: 0.9em;}


.mc-Card {position: relative; max-width:100%; margin:6px; padding-bottom: 0;box-shadow: none; }
.mc-Card .mc-Coord{background: #fff; border:1px solid #ddd; transition: 0.3s ease all;}
.mc-Card .mc-Coord:hover{box-shadow: 1px 2px 10px rgba(1,1,1,0.5);}
.mc-Card .mc-Coord header{position: absolute; top: 5px; left: 10px; color: #fff;}
.mc-Card .mc-Coord header h3{color: #fff; text-shadow: 1px 1px 5px #000; font-weight: 400;}
.mc-Card .mc-Coord .mc-Coord-Photo,
.mc-Card .mc-Coord .mc-Coord-Photo img,
.mc-Card .mc-Coord .mc-Coord-Title { width: 100%; display: block; margin-left: 0; }
.mc-Card .mc-Coord .mc-Coord-Title { padding:10px 10px 10px 10px; }
.mc-Card .mc-Coord .mc-Coord-Title p{margin: 0; font-size: 1em; line-height: 17px;}
.mc-Card .mc-Coord .mc-Coord-Title p.subtitle{margin-top: 5px; margin-bottom: 8px;}
.mc-Card .mc-Coord .mc-Coord-Title img{margin: 0 auto; position: absolute; top: 0;}
.mc-Card .mc-Coord .mc-Coord-Title .mc-Coord-Lattes{margin: 4px 0; font-size: 0.8em;}
.mc-Card .mc-Coord .mc-Coord-Title .mc-Coord-Lattes a{color: #cc141e;}

.mc-Card footer.mc-Box-Contatos .mc-Box-ContatosTitle{display: none;}
.mc-Card footer.mc-Box-Contatos{padding: 5px; margin-top: 0; border-top: 1px dotted #ccc;}
.mc-Card footer.mc-Box-Contatos ul{margin-bottom: 5px; padding-left: 0;}
.mc-Card footer.mc-Box-Contatos ul li{margin-bottom: 2px; display: block;}
.mc-Card footer.mc-Box-Contatos li{padding: 0 5px;}
.mc-Card footer.mc-Box-Contatos li a{font-size: 0.9em; font-weight: 400;}
.mc-Card footer.mc-Box-Contatos li:last-child{padding-bottom: 5px;}
.mc-Card footer.mc-Box-Contatos ul{font-size: 1em;}

.mc-Masonry .mc-Card{height: 97%;}

@media(max-width: 991px){
.mc-Coord .mc-Coord-Photo,
.mc-Coord .mc-Coord-Title{display: block; width: 100%; text-align: center; margin-left: 0;}
.mc-Coord .mc-Coord-Title p{margin-top: 10px;}
}

.mc-LpCursos-Premios img{display: inline-block; padding: 5px; max-width: 24%;}
@media(max-width: 776px){
.mc-LpCursos-Premios img{max-width: 48%;}
}
.mc-LpCursos-Premios p{font-size: 1.2em;}


/* Sidebar - LP */

.mc-LpCurso.mc-Institucional .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked > li > a i{color: #850D13;}
.mc-LpCurso.mc-Universidade .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked > li > a i{color: #AF1816;}
.mc-LpCurso.mc-Graduacao .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked > li > a i{color: #B61827;}
.mc-LpCurso.mc-Lato .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked > li > a i{color: #006A8C;}
.mc-LpCurso.mc-Stricto .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked > li > a i{color: #7A1F7F;}
.mc-LpCurso.mc-Extensao .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked > li > a i{color: #E89600;}
.mc-LpCurso.mc-Colegio .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked > li > a i{color: #D82738;}
.mc-LpCurso.mc-Chancelaria .mc-LpCurso-Main-Sidebar .nav.nav-pills.nav-stacked > li > a i{color: #006E73;}

.mc-LpCurso-Main-Content .mc-mainContent ul{padding: 10px;}
.mc-LpCurso .mc-LpCurso-Main-Content .nav.nav-pills{padding: 0; margin-bottom: 10px;}
.mc-LpCurso .mc-LpCurso-Main-Content .nav.nav-pills > li > a{/*font-size: 0.8em;*/ padding: 5px 15px; font-weight: 400;}


/* Matriz Curricular - LP */
.mc-MatrizCurricularNav.nav.nav-c-tabs{margin-bottom: 0;}

.mc-MatrizCurricularTab img{
  box-shadow: 1px 1px 5px rgba(1,1,1,0.3);
  margin-bottom: 18px;
}
.mc-MatrizCurricularTab .mc-Headline-3{margin-bottom: 20px;}

.mc-MatrizCurricularMTC h3{
  color: #00547e;
}
.mc-MatrizCurricular{font-size: 1.2em;}
.mc-MatrizCurricular header{
  text-align: center;
  background: #06547e;
  color: #fff;
  padding: 5px;
}
.mc-MatrizCurricular i{padding-right: 8px;}
.mc-MatrizCurricular .table th{font-weight: 300; }
.mc-MatrizCurricular .table thead th{font-weight: 500; color: #06547e;}
.mc-MatrizCurricular .table{margin-bottom: 5px;}
.mc-MatrizCurricular footer{text-align: center; font-weight: 300; color: #999; border-top: 1px solid #f5f5f5; padding: 15px;}

.mc-LpCurso-Main-Content .tab-content{
  /*background: #f9f9f9;*/
  padding: 20px;
  box-shadow: 1px 1px 5px #ccc;
  overflow: hidden;
}

/* Unidades - LP */
.mc-Unidades.mc-mainContent .mc-M-header{
  margin-top: 13px;
}
.mc-Unidades.mc-mainContent .mc-LpCurso-Header-Title{
  text-align: left;
}
.mc-Unidades.mc-mainContent .mc-LpCurso-Header-Title h1{
  font-size: 1.7em;
  padding-bottom: 4px;
}
.mc-Unidades.mc-mainContent .mc-LpCurso-Header-Title p.tagline{
  font-size: 1em;
}

.mc-Unidades.mc-mainContent .mc-LpCurso-Header{
  margin-bottom: 15px;
  padding: 180px 10px 65px;
  background-size: cover !important;
}

/* ################################## LP LAB */
.mc-LpLab-Main .mc-LpLab-Main-Content .mc-Headline-3{margin-bottom: 20px}
.mc-LpLab-Main .mc-LpLab-Main-Content .mc-Headline-3 H1{font-size: 0.9em;}

.mc-LpLab-Main .mc-LpLab-Main-Sidebar{
  /*box-shadow: 2px 2px 19px #999;*/
  margin-bottom: 20px;
}
.mc-LpLab-Main .mc-LpLab-Main-Sidebar .panel-default>.panel-heading{
  display: none;
}

@media (max-width: 991px){
.mc-LpLab-Main .col-md-3,
.mc-LpLab-Main .col-md-9{
  padding:0;
}
.mc-LpLab-Main .mc-LpLab-Main-Sidebar .panel-default > .panel-heading{
  display: block;
}
}



/* -------------------------------------------------------------------------------------------

PLUGINS
- variascoes em templates ou qualquer coisa que envolva alteração no front end dos plugins
- typo3

------------------------------------------------------------------------------------------- */







/* -----------------

CAL
- calendar-base

-------------------- */


/* ################################## TEMPLATES - LIST */


/* --------- MC Cal (List - Sidebar) ----------- */
.mc-EventList{background: transparent; padding: 0; height: auto; overflow: initial; }
.mc-EventList a .mc-EventList-Article{border-bottom: 1px solid #eee; padding: 10px;}
.mc-EventList a:last-of-type .mc-EventList-Article{border:none; }
.mc-EventList .mc-EventList-Article header i.fa{text-shadow: 1px 1px 5px rgba(1,1,1,0.2);}
.mc-EventList .mc-EventList-Article h3{color: #222; margin-bottom: 8px; font-size: 1em;}
.mc-EventList .mc-EventList-Article:hover h3{color: #ac0717;}
.mc-EventList .mc-EventList-Article a{color: #00547f;}
.mc-EventList .mc-EventList-Article p{color: #777; margin-bottom: 2px; font-size: 0.875em; font-weight: 400; line-height: 18px;}
.mc-EventList .mc-EventList-Article header i{color: #222;font-size: 5em; padding-right: 5px;}
.mc-EventList .mc-EventList-Article header{text-align: center;}


.mc-Agenda-1 .mc-EventList{background: #cb141e; padding: 10px; height: 292px; overflow: scroll; margin-bottom: 10px;}
.mc-Agenda-1 .mc-EventList a .mc-EventList-Article{ margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,0.4); padding: 10px 0;}
.mc-Agenda-1 .mc-EventList a:last-of-type .mc-EventList-Article{border:none;}
.mc-Agenda-1 .mc-EventList .mc-EventList-Article header i{display: block; font-size: 3em; text-align: center; padding: 10px 0; text-shadow: 1px 1px 5px rgba(1,1,1,0.5);}
.mc-Agenda-1 .mc-EventList .mc-EventList-Article h3{font-size: 1em; padding: 0; font-weight: 400; color: #fff; margin: 0 0 5px 0;}
.mc-Agenda-1 .mc-EventList .mc-EventList-Article:hover h3{color: #ccc;}
.mc-Agenda-1 .mc-EventList .mc-EventList-Article a{color: #fff;}
.mc-Agenda-1 .mc-EventList .mc-EventList-Article a:hover,
.mc-Agenda-1 .mc-EventList a:hover{text-decoration: none;}
.mc-Agenda-1 .mc-EventList .mc-EventList-Article p{font-size: 0.875em; font-weight: 400; margin-bottom: 0; color: #fff}
.mc-Agenda-1 .mc-EventList .mc-EventList-Article i{padding-right: 5px; color: #fff; font-size: 1.1em;}


.mc-Agenda .mc-EventList a .mc-EventList-Article{display: inline-block; width: 48%; border-bottom: none; border: 1px solid #ccc; box-shadow: 1px 1px 5px rgba(1,1,1,0.2); margin-right: 15px; vertical-align: top; padding: 0; margin-bottom: 10px;}
.mc-Agenda .mc-EventList a .mc-EventList-Article .col-md-4{width: 42%;}
.mc-Agenda .mc-EventList a .mc-EventList-Article .col-md-8{width: 54%; padding: 10px;}
.mc-Agenda .mc-EventList a .mc-EventList-Article img{border-left: 4px solid #00547f; border-right: 2px dashed rgba(1,1,1,0.3); width: 153px;}
.mc-Agenda .mc-EventList a .mc-EventList-Article h3{font-size: 1em; margin-bottom: 8px;}
.mc-Agenda .mc-EventList a .mc-EventList-Article p{margin-bottom: 2px; font-size: 0.875em;}
.mc-Agenda .mc-EventList .mc-EventList-Article header{text-align: center;}
.mc-Agenda .mc-EventList .mc-EventList-Article header i{ padding: 20px 0; font-size: 6.9em; color: #555;}
.mc-Agenda .mc-EventList .mc-EventList-Article a:hover,
.mc-Agenda .mc-EventList a:hover{text-decoration: none;}

@media (max-width: 1199px){
.mc-Agenda .mc-EventList a .mc-EventList-Article{width: 100%; margin-bottom: 10px;}
.mc-Agenda-1 .mc-EventList a .mc-EventList-Article img,
.mc-Agenda .mc-EventList a .mc-EventList-Article img{width: 200px;}
.mc-Agenda-1 .mc-EventList a .mc-EventList-Article .col-md-4,
.mc-Agenda .mc-EventList a .mc-EventList-Article .col-md-4{width: 42%; display: inline-block;}
.mc-Agenda-1 .mc-EventList a .mc-EventList-Article .col-md-8,
.mc-Agenda .mc-EventList a .mc-EventList-Article .col-md-8{width: 54%; display: inline-block; vertical-align: top;}
}

/* ################################## TEMPLATES - DETAIL */

/* Detail view (visao do evento) */
.mc-Event-Template header .cover i{
  display: block;
  width: 100%;
  text-align: center;
  padding: 30px 0;
  font-size: 6em;
  text-shadow: 1px 1px 5px rgba(1,1,1,0.3);
}
.mc-Event-Template header{background: #555; color: #fff; border-radius: 0 5px 5px 0;}
.mc-Event-Template header .mc-Event-Header-Info{padding: 20px;}
.mc-Event-Template header h2{font-size: 1.6em;
  font-weight: 400;
  border-bottom: 1px dotted rgba(255,255,255,0.5);
  padding-bottom: 10px;
  margin-bottom: 15px;
  display: block;}
.mc-Event-Template header p{font-size: 1.4em; margin-bottom: 4px; font-weight: 200; padding-left: 15px;}
.mc-Event-Template header p i{color: #f1f1f1; padding-right: 5px;}
.mc-Event-Template main .mc-Event-Template-Teaser{font-size: 1.4em; color: #777; font-weight: 300; margin-top: 10px;}
#calendar-event-backlink a{font-weight: 600; font-size: 1.2em;}

.mc-Event-Template .shareaholic-share-buttons-container.round{text-align: center; margin-top: 15px;}






/* -----------------

POWERMAIL
- powermail

-------------------- */

/* ################################## POWERMAIL - CONTATOS */
/*.mc-formContato{}
.mc-formContato input{margin-bottom: 10px; height: 50px; font-size: 17px;}
.mc-formContato textarea,
.mc-formContato select{margin-bottom: 10px; font-size: 17px;}
.mc-formContato img{margin: 0 0 10px;}
.mc-formContato input.mc-btn-cta{padding: 15px 60px; text-align: center; height: initial;}
.mc-formContato .help-block{color: #ccc; margin: 10px 0;}
.mc-formContato .form-horizontal .control-label{
  width: 100%;
  text-align: initial;
  font-size: 1.2em;
  font-weight: 600;
  padding: 10px 0 0;
  margin-bottom: 10px;
}
.mc-formContato .mc-formContato-checkField{
  margin-bottom: 20px;
}
*/
/*Menu validacoes*/
/*.powermail_fieldwrap_marker_01{margin-bottom: 15px;}*/




/* -----------------

FRONT USER END LOGIN
- felogin

-------------------- */

/* ################################## LOGIN - felogin */
.tx-felogin-pi1 .mc-LoginBox{
  display: block;
  margin: 5px auto;
  width: 365px;
  max-width:100%;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 4px #ccc;
  padding: 30px;
  text-align: center;
  border-radius: 5px;
}
.tx-felogin-pi1 .mc-LoginBox h3{font-size: 1.4em; margin-bottom: 5px}
.tx-felogin-pi1 .mc-LoginBox > div{font-size: 1em; margin-bottom: 10px;}
.tx-felogin-pi1 .mc-LoginBox .input-group{margin-bottom: 10px;}
.tx-felogin-pi1 .mc-LoginBox .input-group i.fa{font-size: 1.4em;}


/* ################################## LOGOUT - felogin */
.tx-felogin-pi1 .mc-LogoutBox{
  padding: 3px;
  text-align: center;
}
.tx-felogin-pi1 .mc-LogoutBox h3{font-size: 1.4em; margin-bottom: 5px}
.tx-felogin-pi1 .mc-LogoutBox > div{font-size: 1em; margin-bottom: 10px;}
.tx-felogin-pi1 .mc-LogoutBox fieldset{
  background: #f9f9f9;
  padding: 10px;
  margin-bottom: 15px;
  text-align: center;
}
.tx-felogin-pi1 .mc-LogoutBox fieldset label{
  padding: 0 10px;
  font-weight: 400;
  margin-bottom: 0;
  border-right: 1px solid #ccc;
}
.tx-felogin-pi1 .mc-LogoutBox fieldset i{ color: #005477; }
.tx-felogin-pi1 .mc-LogoutBox fieldset label:last-child{ border-right: none; }
.tx-felogin-pi1 .mc-LogoutBox fieldset i.fa:before{ padding-right: 5px; }

@media(max-width: 991px){
.tx-felogin-pi1 .mc-LogoutBox fieldset label{ border:none; }
}





/* ------------------------------------

GRIDELEMENTS
- Swiper (slide)

------------------------- */

/* -- Tamanho-Posicoes botoes swiper -- */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{left:0;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{right:0;}

.swiper-button-next,
.swiper-button-prev{
  /* Enable hardware acceleration to fix laggy transitions */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  transition:left ease .3s,right ease .3s;
  width: 40px;
  height: 60px;
  background-size:70%;
}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{left:4px;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{right:4px;}

/* -- cor bg botao white -- */
.swiper-button-next.swiper-button-white:hover,
.swiper-button-prev.swiper-button-white:hover{
  background-color:rgba(1,1,1,0.6);
}

/* -- cor bg botao black -- */
.swiper-button-next.swiper-button-black:hover,
.swiper-button-prev.swiper-button-black:hover{
  background-color:rgba(255,255,255,0.6);
}
.swiper-pagination-bullet-active{background: #000;}






/* ------------------------------------

NOSSOS
- lupa de aumento de letra

------------------------- */
.mc-Lupa-plus{
  position: fixed;
  width: 60px;
  height: 40px;
  background: #000;
  color: #fff;
  top: 400px;
  right: 0;
  z-index: 2;
  font-size: 2em;
  text-align: center;
  cursor: pointer;
  transition: 0.3s ease all;
}
.mc-Lupa-minus{
  position: fixed;
  width: 50px;
  height: 30px;
  background: #000;
  color: #fff;
  top: 445px;
  right: 0;
  z-index: 2;
  font-size: 1.6em;
  text-align: center;
  cursor: pointer;
  transition: 0.3s ease all;
}
.mc-Lupa-plus:hover,
.mc-Lupa-minus:hover{background: #cc141d;}


.mc-mainContent .frame-type-uploads .nav-pills > li{
  margin-bottom: 0;
  width: 100%;
    display: block;
  transition: 0.9s ease all;
}
.mc-mainContent .frame-type-uploads .nav-pills > li:hover{
background: #f7eded;
}
.mc-mainContent .frame-type-uploads .nav-pills > li > a{
  font-size: 0.875em;
  margin: 0;
  padding: 10px 15px;
  color: #555;
  font-weight: 600;
  display: block;
  width: 100%;
}
.mc-mainContent .frame-type-uploads .nav-pills > li >a > i{
  color: #AF1816;
}



#mc-slideoutMenu .mc-Logos-block A SPAN,
.mc-mainHeader .mc-mainHeader-middle .mc-Logos-block A SPAN{
  /*margin: 15px 0 8px 15px;*/
  color: #fff;
  font-weight: 600;
  font-size: 1em;
  padding: 2px 0 2px 15px;
  transition: 0.5s ease all;
  /*display: block;*/
  display: table-cell;
  vertical-align:middle;
}

.mc-Logos .mc-Logos-block A {
  display: table;
}
.mc-Logos .mc-Logos-block A:hover SPAN,
.mc-Logos .mc-Logos-block A:focus SPAN{
  color: #efdfdf;
  
}
.mc-Logos .mc-Logos-block IMG{
  width: 90%;
}