@charset "utf-8";
    /* CSS Document */
    
    .erro404 h1 {
        font-size: 60px;
    }
    
    .erro404 p {
        font-size: 30px;
    }

    

    .bordasGerais{
        border-bottom-width:2px;
        border-bottom-style: solid;
     }
     .bordasGerais1{
        border-bottom-width:2px;
        border-bottom-style: solid;
     }
    
    
    .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: 350px;
    }
    .menuSuperior .visaoMenu ul li a{
        font-size: 15px;

    }

    .menuSuperior .logotipo,
    .menuSuperior .menunav{
        width: 100%;
        min-width: 100%;
    }

    .banner .unidadesBanner{
        width: 37%;
        position: absolute;
        margin-top: -13%;
        padding-left: 6%;
    }
    .banner .unidadesBanner h1{
        font-size: 21px;
    }
    .banner .unidadesBanner h2{
        font-size: 14px;
    }
    .banner .unidadesBanner span{
        border-top-width: 5px;
        border-top-style: solid;
        width: 116px;
        display: table;
    }


    .fraseBanner .botaoFraseMenu{
        border-width: 2px;
        border-style: solid;
     }
     .fraseBanner .botaoFraseMenu:hover{
         text-decoration: none !important;
     }

     .areas .servicosIndexs svg{
        font-size: 45px;
        padding: 5px 5px 5px 5px;
        border-radius: 5px;
     }
     .areas .servicosIndexs h2{
        font-size: 16px;
     }
     .areas .servicosIndexs p{
        font-size: 13px;
     }

     .areas .equipeIndexs svg{
        font-size: 53px;
        padding: 0px 10px 0px 10px;
        border-radius: 5px;
     }
     .areas .equipeIndexs h2{
        font-size: 16px;
     }
     .areas .equipeIndexs p{
        font-size: 13px;
     }



     .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;
    }
    .sobreNosPage .titulo{
        font-size: 26px;
    }
    .sobreNos{
        background-image: url('../imagens/conteudo/escritorio.webp');
        background-repeat: no-repeat;
        background-position: right;
        background-size: 733px;
    }
    .sobreNos .textos{
        max-width: 60%;
    }
    .sobreNos .titulo{
        font-size: 26px;
     }
     .sobreNos .textTitulo{
        font-size: 16px;
     }
     .sobreNos .botaoSobreNos,
     .sobreNos .botaoUnidades{
        font-size: 18px;
     }
     .sobreNos .botaoSobreNos:hover,
     .sobreNos .botaoUnidades:hover{
        text-decoration: none !important;
    }
    
   
    .noticias a:hover{
        text-decoration: none !important;
    }
    .noticias .titulo{
        font-size: 30px;
        border-bottom-style: solid;
        border-bottom-width: 2px;
    }
    .noticias .subtitulos{
        font-size: 15px;
    }
    .noticias .texto{
        font-size: 15px;
    }

    .noticiasPage a:hover{
        text-decoration: none !important;
    }
    .noticiasPage .titulo{
        font-size: 30px;
        border-bottom-style: solid;
        border-bottom-width: 2px;
    }
    .noticiasPage .subtitulos{
        font-size: 18px;
    }
    .noticiasPage .texto{
        font-size: 17px;
    }

    

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

    /* DEMO GENERAL ============================== */
    .hover {
        overflow: hidden;
        position: relative;
    }
    
    .hover-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        transition: all 0.4s;
    }
    
    .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: 85%;
        }
    }
    
    .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 h1{
        font-size: 25px;
    }
    .rodape .endereco address{
        font-size: 14px;
    }
    .rodape .contato svg{
        font-size: 38px;
        padding: 5px 5px 5px 5px;
    }
    .rodape .redesSociais svg{
        font-size: 39px;
        padding: 6px 6px 6px 5px;
        width: 40px;
        height: 40px;
    }

    .rodape .menumeu nav ul{
        display: list-item;
        margin: initial !important;
    }
    .rodape .menumeu nav ul .nav-link{
        padding-left: 0px !important;
        font-size: 14px;
    }

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

 /* escritorio page ============================== */
    

 
    .escritorio h1{
        font-size: 22px;
    }
    .escritorio address p{
        font-size: 16px;
    }
    .escritorio address h2{
        font-size: 16px;
    }
 /* servicos page ============================== */
    .servicos h2{
        font-size: 20px;
    }

 /* profissionais page ============================== */

 .profissionais .blocoprofissionalcard{
    max-width: 47%;
    width: 47%;
    min-width: 47%;
}

.profissionais .titulo{
    font-size: 24px;
}
.profissionais .blocoprofissionalcard p{
    font-size: 14px; 
    padding: 15px 15px 15px 15px;
    text-align: justify;
}
.profissionais .blocoprofissionalcard h1{
    font-size: 14px; 
    text-transform: uppercase;
}

.profissionais .blocoprofissionalcard h2{
    font-size: 17px; 
}

.profissionais .blocoProfissional p{
    font-size: 14px; 
    text-align: justify;
}
.profissionais h1{
    font-size: 14px; 
    text-transform: uppercase;
}

.profissionais .blocoProfissional h2{
    font-size: 17px; 
}
.profissionais .blocoProfissional svg{
    font-size: 19px;
}
.profissionais .linksGerais{
    font-size: 12px;
}
.profissionais .modal-dialog{
    max-width: 75% !important;
}

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



 /* publicacoes page ============================== */
 .publicacoes .titulo{
    font-size: 24px;
}
.publicacoes h2{
    font-size: 19px;
}
.publicacoes svg{
    font-size: 47px;
}
.publicacoes .linksGerais{
    font-size: 12px;
}
.publicacoes .modal-dialog{
    max-width: 75% !important;
}
.publicacoes .blocoPublicacoes,
.publicacoes .col{
    width: 29%;
    max-width: 29%;
    min-width: 29%;
}
.publicacoes iframe{
    height: 100%;
    min-height: 600px;
}

/* midias page ============================== */
.midias .titulo{
    font-size: 24px;
}
.midias h2{
    font-size: 19px;
}
.midias svg{
    font-size: 47px;
}
.midias .linksGerais{
    font-size: 12px;
}
.midias .modal-dialog{
    max-width: 55% !important;
}
.midias .blocoPublicacoes,
.midias .col{

}
.midias iframe{
    height: 100%;
    min-height: 600px;
}

/* newsletter page ============================== */
.newsletter h1{
    font-size: 23px;
}

.newsletter p{
    font-size: 15px;
}
.newsletter svg{
    font-size: 55px;
}
.newsletter .cadastre{
   font-size: 18px;
}
.newsletter .cadastre:hover{
   text-decoration: none !important;
}