@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 0px) and (max-width: 1200px) {
    
    .erro404 h1 {
        font-size: 80px;
    }
    
    .erro404 p {
        font-size: 30px;
    }
 
    .menumeu {
        background-image: url(../imagens/menu_icon_preto.png);
        background-position: -43px -6px;
        background-repeat: no-repeat;
        background-size: 94px;
        width: 100%;
        height: 43px;
        margin-top: 14px;
    }
    nav.navbar {
        display: none;
        position: fixed !important;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        background-color: #FFF;
    }
    /*
    .collapse:not(.show) {
        display: table !important;
        top: 20px;
        position: fixed;
        margin: 0 auto;
        width: 100%;
    }*/
    nav{
        text-align: center;
    }
    nav ul{
        display: list-item !important;
    }
    .menuSuperior{
        z-index: 999;
    }


    .menuSuperior .linhaSuperiorMenu{
        display: none;
    }
    .menuSuperior .linhaSuperiorMenu .link{
        font-size: 14px;
    }
    .menuSuperior .linhaSuperiorMenu .link svg{
        font-size: 18px;
    }
    .menuSuperior .linhaSuperiorMenu .link svg.fa-facebook-f{
        font-size: 15px;
    }

    

    .menuSuperior .logomarca{
        width: 100%;
        max-width: 130px;
    }
    .menuSuperior .visaoMenu ul li a{
        font-size: 20px;

    }

    .menuSuperior .logotipo,
    .menuSuperior .menunav{
        width: auto;
        min-width: auto;
    }
    .menuSuperior .logotipo{
        width: 75%;
        min-width: 75%;
    }
    .menuSuperior .menunav{
        width: 24%;
        min-width: 24%;
    }

    .banner .unidadesBanner{
        width: 100%;
        position: inherit;
        margin-top: 0;
        padding-left: 6%;
    }
    .banner .unidadesBanner h1{
        font-size: 18px;
    } 
    .banner .unidadesBanner h2{
        font-size: 21px;
    }
    .banner .unidadesBanner span{
        border-top-width: 5px;
        border-top-style: solid;
        width: 116px;
        display: table;
    }
    .banner .col,
    .banner .col-2{
        min-width: 100%;
        width: 100%;
    }

    .fraseBanner {
        padding-bottom: 20px;
    }
    .fraseBanner .botaoFraseMenu{
        border-width: 2px;
        border-style: solid;
     }
     .fraseBanner .botaoFraseMenu:hover{
         text-decoration: none !important;
     }
     .areas .col{
        min-width: 100%;
        width: 100%;
     }
     .areas .titulo{
        font-size: 24px;
     }
     .areas .textTitulo{
        font-size: 16px;
     }

    .areas .blocoArea h2{
        font-size: 24px;
        text-align: center;
    }
    .areas .blocoArea p{
        font-size: 14px;
        text-align: center;
        padding-top: 15px;
    }
    .areas .botoes .col{
        margin-top: 10px;
    }

    .sobreNosPage .titulo{
        font-size: 26px;
    }
    .sobreNos .col{
        width: 100%;
    }
    .sobreNos{
        background-image: url('../imagens/conteudo/escritorio.png');
        background-repeat: no-repeat;
        background-position: right;
        background-size: 1000px;
        background-position-x: 171px;
        background-position-y: bottom;
    }
    .sobreNos .textos{
        max-width: 100%;
    }
    .sobreNos .titulo{
        font-size: 26px;
        line-height: 50px;
     }
     .sobreNos .textTitulo{
        font-size: 16px;
     }
     .sobreNos .botaoSobreNos{
        font-size: 18px;
        margin-bottom: 19px;
        display: table;
     }
     .sobreNos .botaoSobreNos:hover{
        text-decoration: none !important;
    }
    .noticias .col,
    .noticias .col-3{
        width: 100%;
        min-width: 100%;
    }
    .noticias .titulo{
        font-size: 17px;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        text-align: center;
        width: 100%;

    }
    .noticias .subtitulos{
        font-size: 20px;
        border-bottom-style: none;
        border-bottom-width: inherit;
    }

    .noticiasPage .titulo{
        font-size: 23px;
        border-bottom-style: solid;
        border-bottom-width: 2px;
    }
    .noticiasPage  .btn{
        font-size: 13px;
    }


    .pageProjeto .titulo{
        font-size: 22px;
        line-height: 35px;
    }
    .pageProjeto .horizontal{
        order: 1;
    }
    .pageProjeto .vertical{
        order: 3;
    }

    .escritorio .colunas{
        width: 100%;
        min-width: 100%;
        margin-bottom: 50px;
    }
    .unidades .col,
    .unidades .col-4{
        width: 100%;
        min-width: 100%;
        text-align: center !important;
    }

    .unidades .col-sm-4{
        padding-left: 0px !important;
    }

    .servicos .col,
    .servicos .col-3{
        width: 100%;
        min-width: 100%;
        text-align: center !important;
    }

    .profissionais .blocoprofissionalcard{
        max-width: 90%;
        width: 90%;
        min-width: 90%;
        margin: 0px auto 30px auto !important;
     }
     .profissionais .blocoprofissionalcard .col,
     .profissionais .blocoprofissionalcard .col-5{
         width: 100%;
         min-width: 100%;
 
     }

     .profissionais .blocoprofissionalcard h1,
     .profissionais .blocoprofissionalcard h2,
     .profissionais .blocoprofissionalcard p{
        margin-left: 20px;
     }

     

     .profissionais .blocoprofissional{
        max-width: 100%;
        width: 100%;
        min-width: 100%;
     }
     .profissionais .blocoprofissional h1,
     .profissionais .blocoprofissional h2,
     .profissionais .blocoprofissional p{
        margin: 0px 0px 0px 0px !important;
     }

     .profissionais a{
        margin: 0 auto !important;
        display: table;
     }


   
    .profissionais .blocoProfissional{
        padding: 0px !important;
    }
    .profissionais .blocoProfissional h2{
        line-height: 35px;
    }

    .profissionais .equipesemfoto{
        min-width: 100%;
        width: 100%;
    }


    .noticias .col-6{
        width: 100%;
        min-width: 100%;
    }
    .noticiasPage .btn{
        margin-left: 0px !important;
    }

    .publicacoes .col{
        width: 100%;
        min-width: 100%;
        padding: 0px !important;
        margin: 0px !important;
        margin-bottom: 20px !important;
    }
    .publicacoes .col p{
        padding: 20px;
    }
    .publicacoes .col svg{
        margin-top: 15px;
    }
    .publicacoes .col a{
        display: table;
        margin: 0 auto !important;
    }

    /* DEMO GENERAL ============================== */
    /*
    .hover {
        overflow: hidden;
        position: relative;
        padding-bottom: 60%;
    }
    
    .hover-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        transition: all 0.4s;
        border: 1px solid #808080;
    }
    
    .hover img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s;
    }
    
    .hover-content {
        position: relative;
        z-index: 99;
    }
    */
    
 
    /* DEMO 4 ============================== */
    /*
    .hover-4 img {
        width: 110%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .hover-4 .hover-overlay {
        background: rgba(0, 0, 0, 0);
        z-index: 90;
    }
    
    .hover-4-title {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 3rem;
        z-index: 99;
    }
    
    .hover-4-description {
        position: absolute;
        top: 2rem;
        left: 2rem;
        text-align: right;
        border-right: 3px solid #fff;
        padding: 0 1rem;
        z-index: 99;
        transform: translateX(-1.5rem);
        opacity: 0;
        transition: all 0.3s;
    }
    
    @media (min-width: 992px) {
        .hover-4-description {
        width: 50%;
        }
    }
    
    .hover-4:hover img {
        width: 100%;
    }
    
    .hover-4:hover::after {
        opacity: 1;
        transform: none;
    }
    
    .hover-4:hover .hover-4-description {
        opacity: 1;
        transform: none;
    }
    
    .hover-4:hover .hover-overlay {
        background: rgba(0, 0, 0, 0.8);
    }
    */
    .rodape .endereco,
    .rodape .contato,
    .rodape .redesSociais{
        min-width: 100%;
        width: 100%;
    }
    .rodape .endereco h1{
        font-size: 18px;
    }
    .rodape .endereco address{
        font-size: 14px;
    }
    .rodape .contato svg{
        font-size: 38px;
        padding: 5px 5px 5px 5px;
    }
    .rodape .contato,
    .rodape .redesSociais{
        padding-top: 35px;
    }
    .rodape .redesSociais{
        text-align: center;
    }
    .rodape .redesSociais svg{
        font-size: 39px;
        padding: 6px 6px 6px 5px;
        width: 40px;
        height: 40px;
    }

    .formulario .col{
        width: 100%;
        min-width: 100%;
    }

    .cartao .col{
        width: 100%;
        min-width: 100%;
    }
    .cartao svg{
        font-size: 30px;
    }

    .newsletter .col,
    .newsletter .col-3,
    .newsletter .col-5{
        width: 100%;
        min-width: 100%;   
        text-align: center !important; 
    }
    .newsletter svg{
        margin-bottom: 20px;
    }

    .newsletter .imgfederaminas{
        width: 66% !important;
        margin-bottom: 28px;
    }

    .vendaLivros .col{
        width: 95%;
        min-width: 95%;
    }

}/* mobile*/