/* Fontes */
/* @font-face { src: url('../css/fonts/Roboto/Roboto-Black.ttf');font-family: font1;}
@font-face { src: url('../css/fonts/Roboto/Roboto-Regular.ttf');font-family: font2;}
@font-face { src: url('../css/fonts/Roboto/Roboto-Thin.ttf');font-family: font3;}
@font-face { src: url('../css/fonts/Roboto/Roboto-Light.ttf');font-family: font4;} */
@font-face { src: url('../css/fonts/Montserrat/Montserrat-Black.ttf');font-family: font1;}
@font-face { src: url('../css/fonts/Montserrat/Montserrat-Regular.ttf');font-family: font2;}
@font-face { src: url('../css/fonts/Montserrat/Montserrat-Thin.ttf');font-family: font3;}
@font-face { src: url('../css/fonts/Montserrat/Montserrat-Light.ttf');font-family: font4;}
.font1 {font-family: font1;}
.font2 {font-family: font2;}
.font3 {font-family: font3;}
.font4 {font-family: font4;}

*{
    font-family: font2;
    /* color: #fff; */
}

body{
    width: 100%;
    overflow-x: hidden;
}

h1{
    font-family: font1;
}

h2{
    font-size: 1.5em;
    font-family: font1;
}

/* Cores */
.cor-amarelo {color: #BBB093!important;}
.cor-branca {color: #ffffff!important;}
.cor-marrom {color: #984a0b!important;}
.cor-cinza {color: #707070!important;}

/* Padroes */
.titulo {text-transform: uppercase;margin: 3rem 0 2rem 0;font-size: 2.0em!important;font-family: font1;}
.main {padding: 2rem 0;}
.mainInterno {padding: 2em 0;}
.row {width: 100%;margin: auto;}
body {max-width: 2000px;margin: 0 auto;position: relative;}
.whatsapp {position: fixed;z-index: 9999;right: 20px;bottom: 20px;}
.whatsapp img {width: 50px;}

/* Cabecalho */
nav {z-index: 5;position: absolute!important;padding: 0.5rem 5rem!important;background-color: white;}
.nav-link {text-transform: uppercase;color: #7d672d!important;padding: .2rem 1rem;font-size: 0.7rem;transition: ease-in 0.5s;border-radius: 50px;color: #BBB093;font-family: font2;}
.nav-link:hover {background-color: #7d662d2f;}
.contatobtn {background-color: #7d672d;border-radius: 50px;padding: 0 0.5rem;}
.contatobtn .nav-link {color: white!important;}
.navbar-brand img{width: 250px;}
.navbar-toggler {outline: none!important;}
    /* Cabecalho Contato */
    #container-contato .row {margin-top: 5%;} 

/* Banner */
.banner {height: 100vh;z-index: 1;width: 100%;background-size: 100%;background-color: none; position: relative; overflow: hidden;}
#banner {width: 100%;height: 100%;z-index: 1;position: absolute;opacity: 0.5;}
#filtro {width: 100%;height: 100%;z-index: 2;position: absolute;}
#introducao {width: 100%;height: 100%;z-index: 3;position: absolute;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;padding: 0 6rem;color: white;}
/* #introducao h1, h2 {} */
#introducao p {max-width: 225px;width: 100%;}

/* Banner V?deo */
.bg-video{
    width: 100%;
    height: 100vh;
    /* object-fit: cover;
    background-color: rgba(0, 0, 0, 0.7); */ /*filtro escuro*/
}

.bg-video video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: -1000;
    object-fit: fill;
}

/* Quemsomos */
.quemsomos img {float: right; margin-left: 15px; margin-bottom: 15px;}
/* .quemsomos p {margin: 0;display: flex;align-items: center;justify-content: center;} */
.linha-quem-somos:nth-child(2){flex-direction: row-reverse;}
/* Atuacao */
.atuacao {position: relative;}
.atuacao h1 {max-width: 1140px;margin: 0 auto 2em auto;}
.atuacao .back {position: absolute;top: 0;z-index: -1;height: 100%;}
.atuacoes {padding: 0;background-color: #7d672d;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.atuacoes img {opacity: 0.5;}
.atuacoes p {color: white;text-transform: uppercase;font-family: font1; text-align: center;}
.escondido {display: none;}
.add {width: 25px;opacity: 1!important;height: auto;position: absolute;top: 0;right: 0;margin: 0.5em;transition: ease-in 2s;}
/* Rodape */
.zaite {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
}
.zaite img {
	width: 225px;
	justify-self: end;
	margin-right: 5rem;
}
.zaite.box {
	color: white;
	/* text-align: center; */
}
.zaite a {
	grid-column: 2;
	margin-top: 4rem;
}

#row-atuacao{
    display: flex;
    flex-direction: column;
}

.atuacao-secao{
    height: 70px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.atuacao-desc{
    display: flex;
    justify-content: center;
}

.atuacao-desc a{
    padding: 15px;
    text-decoration: none;
    color: #984a0b;
}

.atuacao-desc a h3{
    text-transform: uppercase;
    /* font-weight: bold!important; */
    font-family: font1;
    list-style: none;
}

    /* Descrição das Atuções */
    .titulo-descricao {display: flex;align-items: baseline; justify-content: center; margin-bottom: 5em;}
    .titulo-descricao img {width: 40px;height: 40px;margin-right: 0.5em;}
    .titulo-descricao h1 {text-transform: uppercase;font-size: 1.125rem;}
    .descricao-atuacao p, dt {max-width: 85%;text-align: center;margin: 0 auto;font-size: 1.2rem;}

/* Noticias */
.conteudo-legislacao button {
    border: none;
    background-color: #7d672d;
    color: white;
    padding: 0.2em 1rem;}


/* Equipe */
.pessoas {display: flex;align-items: center;justify-content: center;}
.blocoPessoas {display: flex;align-items: center;justify-content: center;margin: 0 auto;flex-direction: column;width: 270px;position: relative;}
.blocoPessoas h1 {font-size: 1.1em;text-transform: uppercase;color: gray;margin:0.5em 0}
.blocoPessoas p {font-size: 1.2em; color: gray;}
.blocoPessoas img {width: 260px;height: 260px;border-radius: 100%;object-fit: cover;border: 1px solid gray;padding: 0.6em;}
/*#pessoa1 {object-position: -12em 0em;}
#pessoa2 {object-position: -3em -1em!important;}*/
.botaoInfo {width: 25px!important;height: 25px!important;position: absolute;right: 0!important;top: 70%!important;padding: 0!important;border: none!important;object-fit: contain!important;}
    /* Informações Equipe */
    .dados-pessoas h1 {font-size: 1.5rem;}

/* Funcionarios */
.funcionarios {background: url(../imgs/funcionarios.png) no-repeat;height: 100vh;width: 100%;background-size: 100% 100%;}
.infoFuncionarios {margin: 0 1.5em;position: relative;}
.infoFuncionarios h1 {font-size: 1.3em;text-transform: uppercase;color: white;}
.infoFuncionarios p {font-size: 1.2em;color: white;}
.infoFuncionarios img {position: absolute;top: 0;right: -40px;width: 25px;}

/* Noticias */
.noti {display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 1em 0;text-decoration: none!important;}
.noti img{width: 225px!important;height: 175px;object-fit: cover;border-radius: 20px;object-position: top;}
.noticias a {width: 100%;text-align: right;color: gray;text-decoration: underline;font-size: 0.8em;}
.data img {width: 20px!important;height: 20px;margin-right: 5px;}
.pagination input, .pagination a, .pagination {font-family: font2!important;}
.noti h1 {font-size: 1.1rem;max-width: 300px;text-align: center;}
.data p {margin: 0;}
.noti p {max-width: 250px;text-align: center;font-size: 1rem;color: gray;}
.owl-dots {display: none;}
.owl-nav {position: absolute;width: 100%;top: 50%;margin: 0!important;display: flex!important;align-items: center;justify-content: space-between;}
.owl-nav span {display: none;}
.owl-prev {background: url(../imgs/back.png) no-repeat!important;width: 30px;height: 30px;background-size: 100%!important;}
.owl-next {background: url(../imgs/next.png) no-repeat!important;width: 30px;height: 30px;background-size: 100%!important;}
    /* Noticias Internas */
    .dataPublicacao {display: flex;align-items: baseline;}
    .outras {display: flex;justify-content: space-evenly;align-items: center;flex-wrap: wrap;width: 100%;}
    .paginacao a{margin: 0 0.2em;color: #707070;}
    .dataPublicacao img {width: 20px;}
    .dataPublicacao p {margin: 0 0.5em;font-size: 1.5em;}
    .paginacao {display: flex;align-items: center;justify-content: center;width: 100%;}
    .pagination a {margin: 0;}

/* Eventos */
.tiposEventos {display: flex;justify-content: space-evenly;align-items: center;}
.palestras {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.palestras h1 {font-size: 1.2em;text-align: center;max-width: 260px; font-family: font2!important;}
.palestras p {font-size: 1em;text-align: center;max-width: 260px;}
.palestras img {width: 125px;height: 125px;object-fit: contain;}
.palestras button {width: 200px;border: 0.5px solid gray;}
    /* Eventos Interno */
    .botaoEventos {width: 200px;background-color: #984a0b;border:none;padding: 0.2em 0;text-transform: uppercase;color: white;}

/* Responsabilidade */
.responsabilidade p{/* display: flex;align-items: center;justify-content: center;*/padding: 0 4em;}
.responsabilidade img{object-fit: cover;}

/* Banner-Secundario */
.bannerSecundario {background-color: #8b4e1d;height: 300px;}
.bannerSecundario img {height: 100%;opacity: 0.5;object-fit: cover;object-position: 0em -5em;}
.bannerSecundario h1 {position: absolute;top: 45%;margin: 0!important;text-align: center;width: 100%;color: white;text-transform: uppercase;font-size: 3em;}

/* Artigos */
#novoCarousel2 .owl-prev{margin-left: -30px;}
#novoCarousel2 .owl-next{margin-right: -30px;}
#iconArti {width: 125px;height: 125px;object-fit: contain;}

/* Rodape */
.rodape {background: url(../imgs/rodape.png);background-size: 100%;height: 130vh; position: relative; }
.informacoes {display: flex;flex-direction: column;align-items: center; margin-top: 10px;}
.informacoes .box {display: flex;align-items: center;justify-content: flex-start;width: 250px; align-self: flex-start;}
.box{margin-bottom: 10px;}
.informacoes .box img {width: 30px;height: 30px;}
.informacoes .box p {color: white;margin: 0 0 0 1em;}
.informacoes p{align-self: flex-start; color: #fff; font-size: 1.5em;}
.box p {font-size: 0.9em;}
#email button {height: calc(1.5em + .75rem + 2px);background-color: #3a3939;border: none; margin-top: 10px;}
#email input {border-radius: 0!important;}
#email img {width: 30px;height: 30px;}
.form-group {margin-bottom: 0;}
.redesSocias {display: flex;align-items: center;justify-content: space-evenly;}
.redesSocias img {width: 50px;height: 50px;object-fit: contain;}
form {display: flex;align-items: center;justify-content: center;flex-direction: column;}
form input,textarea {width: 100%;text-transform: uppercase;margin-bottom: 1em; margin-top: 10px;}
form input {border: none;border-bottom: 2px solid gray;background: none;}
form textarea {background-color: #4c4c4a;height: 100px;}
#botaoForm {border: none;background-color: #4c4c4a;color: white;padding: 0.2em 0;}
.zaite {display: flex;align-items: center;justify-content: space-between;}
.zaite img {width: 225px;}
.rodape-contato .bloco{width: 25%;height: 100%;display: flex;justify-content: center;flex-direction: column;}
.rodape-contato {padding: 0 5em;}
.formulario-contato form input{color:#ffffff!important;}
.formulario-contato form textarea{color:#ffffff!important;}
.formulario-contato form input::placeholder{color:#ffffff!important;}
.formulario-contato form textarea::placeholder{color:#ffffff!important;}

.bx-3{
    margin-bottom: 1.5rem;
}

/* Modal */
.modal-content {width: 25%!important;margin: 9% auto!important;padding: 0em 1em;}
#myModal {padding: 0!important;}

/* Responsive */
@media (max-width:1500px){
    .funcionarios {background-size: 100%;}
}

@media (max-width:1050px){
    nav {padding: 0.5em 1em!important;}
    .navbar-brand img {width: 225px;}
    .infoFuncionarios h1 {font-size: 1em;}
    .infoFuncionarios img {top: 25px;right: -30px;}
    .infoFuncionarios {margin: 0 3em;}
    .palestras button {width: 150px;}
    .rodape {height: auto;background-size: cover;}
}

@media screen and (max-width: 980px){
    #h1-atua{
        border-bottom: 3px solid #fff;
    }

    #display-none{
        display: none;
    }

    #reverse{
        text-align: center;
        display: flex!important;
    }
}

@media (max-width: 576px) {
    nav {justify-content: center!important;}
    #introducao {padding: 0;align-items: center;margin-top: 2em;text-align: center;}
    #introducao p {max-width:250px}
    #banner {object-fit: cover;}
    .noticias a {text-align: center;}
    .noticiasInternas {text-align: center;}
    .noticiasInternas p {max-width: 90%;margin: 0 auto;}
    .paginacao {justify-content: center!important;}
    .zaite {justify-content: center;flex-direction: column;}
    .navbar-nav {background-color: white;border-radius: 20px;align-items: center;padding: 0.5em 0;margin-top: 0.5em;}
    .contatobtn {margin: 0!important;}
    .nav-link {padding: .3rem 1rem;}
    .quemsomos img {float: none; margin-left: 0; width: 20.5rem;}
    .quemsomos p {margin-top: 0.5em;}
    .noti {margin: 0 auto;}
    .titulo {font-size: 1.75em!important;text-align: center;margin: 3rem 0 1.5rem 0;}
    .rodape {height: auto;background-size: cover;}
    .pessoas {flex-direction: column;}
    .tiposEventos {flex-direction: column;}
    .palestras {margin: 1em 0;}
    .bannerSecundario img {object-position:center}
    .bannerSecundario h1 {top: 40%;font-size: 2em;}
    .artigosInternas {text-align: center;}
    .artigosInternas p {max-width: 90%;margin: 0 auto;}
    #navbar-contato {position: relative!important;}
    /* .quemsomos p {padding: 0 15px;} */
    .botaoInfo {right: 10px!important;}
    .responsabilidade p {padding: 0 15px;}
    .main {padding: 0em 0;}
    #novoCarousel2 .owl-next {margin: 0;}
    #novoCarousel2 .owl-prev {margin: 0;}
    .dataPublicacao p {font-size: 1em;}
    .atuacoes {height: 200px;}
    .atuacoes img {height: 100%;object-fit: cover;}
    .atuacao .back{height: 100%;object-fit: cover;}
    .atuacoes p {margin: 0; width: 180px; text-align: center;}
    .add {height: auto!important;}
    .dataPublicacao {flex-direction: column;align-items: center;}
    .eventosInternos div:nth-child(even) {margin-bottom: 0!important;}
    .palestras {margin: 2rem 0;}
    .navbar-brand {margin: 1rem;}
    .zaite img {width: 200px;margin: 1rem 0;}
    .textoSomos h1 {font-size: 2rem;margin-top: 2rem;}
    .textoSomos p {padding: 0;}
    .atuacao h1 {margin: 2rem auto;}
    .owl-nav {width: 95%;bottom: 0;}
    .conteudo-legislacao button {margin: 0!important;}
    .formulario-contato form textarea::placeholder{color:solid #ffffff!important;} 

    .atuacao-secao{
        height: 10rem;
        align-items: center;
    }

    .titulo-descricao{
        margin: 20px 10px;
    }

    #atuacao-none{
        display: contents!important;
        text-align: center;
    }

    #atuacao-none a{
        padding: 15px;
        text-decoration: none;
        color: #984a0b;
    }
    
    #atuacao-none a h3{
        text-transform: uppercase;
        /* font-weight: bold!important; */
        font-family: font1;
        list-style: none;
    }

    .atuacao-desc{
        display: none;
    }
}

/* Responsivo V?deo */

@media screen and (max-width: 720px){
    .banner{
        height: 60vh;
    }

    .bg-video video{
        height: 70vh;
        object-fit: contain;
        object-position: bottom;
    }
}

@media screen and (max-width: 500px){
    .banner{
        height: 60vh;
    }

    .bg-video video{
        height: 60vh;
    }
}

@media screen and (max-height: 320px){
    .banner{
        height: 100vh;
    }

    .bg-video video{
        height: 100vh;
    }
}

.row:nth-child(3){
    flex-wrap: wrap-reverse;
}

/* .row #reverse{
    position: absolute;
} */

#reverse{
    display: none;
}