*{
    font-family: 'Poppins';
}
.header {
    background: url(../img/banner-home.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 35px 0 0;foto
}



.header a.telefone {
    color: #c9a286;
    font-size: 21px;
    line-height: 20px;

    display: block;
    margin: auto;
    width: fit-content;
}

.header a.rede {
   color: #c9a286;
   font-size: 25px;
}

.header2 img {
    width: 100%;
}

.header2 ul {
    margin: 0;
    list-style: none;
    padding: 50px 0;
    text-align: right;
}

.header2 li {
    display: inline-block;
}

.header2 a {
    color: #fff;
    font-size: 18px;
    padding: 2px 15px;
    `text-decoration: none;
}

.header2 a.destaque {
    background: #d9ccc3;
    color: black;
    padding: 6px 12px;
    border-radius: 50px;
    border: 2px solid #d9ccc3;
}

.header2 a.destaque:hover {
    color: #c9a286;
    text-decoration: none;
    border: 2px solid;
    background: transparent;
    transition: .5s;
}

.header2 li.unica {
    padding: 0 8px;
}

.header2 a:hover, .header2 a.active {
    border-bottom: 2px solid #c9a286;
    color: #c9a286;
    text-decoration: none;
}

.header2 a.logo:hover {
    border: none;
}

.header2 i {
    font-size: 12px;
    color: #c9a286;
}

.infobanner h3 {
    color: white;
    font-weight: 200;
    font-size: 27px;
    margin: 30px 0 0;
}

.infobanner a {
    color: #c9a286;
    font-size: 21px;
    margin: 15px 0 23%;
    display: block;
    font-weight: 200;


    border-bottom: 2px solid;
    width: 25%;
    text-decoration: none;

    width: -moz-fit-content;
}

.infobanner a:hover {
    color: #c9a286;
    text-decoration: none;
}

.infobanner2 {
    background: url(../img/sobrenos.png);
    background-size: 100%;

    background-repeat: no-repeat;
}

.infobanner2 h1 {
    font-size: 32px;
    font-weight: 400;
    margin: 87px 0 25px;
}

.infobanner2 p {
    color: #212529;
    font-size: 17px;
}

.infobanner2 a {
    color: #212529;
    border-bottom: 2px solid;
    text-decoration: none;

    font-size: 20px;
    margin: 25px 0 15%;
    display: block;
    width: fit-content;

    width: -moz-fit-content;
}



#submenu {
    position: absolute;
    top: 155px;
    right: 30%;
    left: 50%;
    background: #d9ccc3;

    padding: 20px 20px;
    border-radius: 15px;
    z-index: 99;
    box-shadow: 0 0 10px #00000059;
}

#submenu a:hover {
    font-weight: 500;
    color: #1d1b1a;
}

#submenu a {
    border: none;
    font-weight: 300 ;
    color: #1d1b1a}

    .infobanner2 a:hover {
        text-decoration: none;
        padding: 0 25px;
        transition: 1s;

        background: #1d1b1a;
        border-radius: 0 30px;
        color: #d9ccc3;

        border: none;
    }

    .conteudo {
        background: #1d1b1a;
        padding: 50px 0;
    }

    .conteudo h3 {
        color: #d9ccc3;
        font-weight: 300;
        font-size: 35px;
    }

    .conteudo a.quadrado {
        border: 2px solid #d9ccc3;
        ;
        border-radius: 12px;
        padding: 35px 0 25px;

        height: 230px;
        margin: 0 0 25px;
        display: block;

        text-decoration: none;
        color: #d9ccc3;
    }

    .conteudo a.quadrado:hover {
        filter: brightness(2);
        transition: 1s;
    }

    .conteudo h6 {
        text-align: center;
        margin: 22px 0 0;
        font-size: 18px;
        font-weight: 200;
        letter-spacing: 1px;
    }

    .conteudo img {
        display: block;
        width: 50%;
        margin: auto;
    }

    .conteudo a.entrecont {
        width: 90%;
        background: #d9ccc3;
        color: black;
        display: block;

        text-align: center;
        padding: 10px 0;
        font-size: 23px;
        border-radius: 26px;

        font-weight: 500;
        margin: 0 0 0 35px;
        text-decoration: none;
    }

    .conteudo a.entrecont:hover {
        background: transparent;
        border: 2px solid #d9ccc3;

        color: #d9ccc3;
        padding: 8px 0;
        width: 85%;
        display: block;
        margin: 0 0 0 50px;

        width: -moz-fit-content;
        transition: 1s;
    }

    .conteudo h4 {
        font-weight: 300;
        font-size: 22px;
        line-height: 50px;
        color: #d9ccc3;
    }

    .conteudo span{
        border-bottom: 2px solid;
        padding: 0 0 3px;
    }

    .conteudo .linha {
        margin-top: 15px;
    }

    .cor .valores {
        background: url(../img/balanca.png);
        background-size: 50%;

        background-repeat: no-repeat;
        background-position: right;

        padding: 60px 0;
    }

    .cor {
        background: #1d1b1a;
    }

    .cor p {
        color: #d9ccc3;    font-weight: 100;
    }

    .cor h1 {
        color: #d9ccc3;
        font-weight: 300;
        font-size: 33px;
    }

    .rodape {
        padding: 60px 0 0px;
        background: #d9ccc3;
    }

    .rodape img {
        width: 100%;
    }

    .rodape p {
        font-size: 15px;
    }

    .rodape a {
        text-decoration: none;
        color: #212529;
        display: block;
        width: fit-content;

        margin: auto;
        font-size: 20px;
    }

    .rodape a:hover {
        text-decoration: none;
        color: #212529;
    }

    .rodape h2 {
        font-size: 25px;
        border-bottom: 2px solid;
        width: fit-content;

        padding: 0 0 2px;
        margin: 0 0 30px;
        width: -moz-fit-content;
    }

    .rodape .rodape2 {
        border-top: 1px solid #464646;
        padding: 5px 0 0;
        margin: 10px auto 0;

    }

    .rodape .rodape2 a {
        margin: 0;
        display: contents;
        font-size: 16px;
        font-weight: 700;

        font-family: 'Libre Franklin'}

        .rodape .rodape2 span {
            color: #f8bf2e;
            font-size: 35px;
            font-family: 'Open Sans'}

            .rodape .rodape2 p {
                margin: 0px;
                text-align: center;
                padding: 0px 0 10px;
                line-height: 25px;
            }

            .rodape a.redes:hover {
                color: #c9a286;
                font-size: 21px;
                transition: 1s;
            }

            .rodape a.caminho {
                font-size: 15px;
                margin-bottom: 20px;
            }

            .rodape .rodape2 img {
             width: 7%;
             display: inline-block;
             padding: 0px 0 6px;
         }

         .rodape img.acm {
            width: 150%;
        }

        section {
            width: 100%;
        }

        .cinza span {
         border-bottom: 2px solid;
     }

     /*  O escritorio  */

     .headerescitorio {
        background: url(../img/o-escritorio.png);
        background-repeat: no-repeat;

        background-size: 100%;
        padding: 35px 0 0;
    }

    .headerescitorio a.telefone {
        color: #c9a286;
        font-size: 21px;
        line-height: 20px;

        display: block;
        margin: auto;
        width: fit-content;
    }

    .headerescitorio a.rede {
     color: #c9a286;
     font-size: 25px;
 }

 .infobannerescritorio h3 {
    color: white;
    font-weight: 200;
    font-size: 30px;
    margin: 55px 0 28%;
}

.infobannerescritorio a {
    color: #c9a286;
    font-size: 23px;
    margin: 15px 0 23%;
    display: block;

    border-bottom: 2px solid;
    width: fit-content;
    text-decoration: none;
}

.infobannerescritorio a:hover {
    color: #c9a286;
    text-decoration: none;
}

.escritorio {
    background: url(../img/cidadao1.png);
    background-repeat: no-repeat;

    background-size: 45%;
    background-position: right;
}

.oescrit {
    background: #1d1b1a;
}

.oescrit h1 {
    color: #d9ccc3;
    font-size: 29px;
    font-weight: 400;
    padding: 15px 0;
}

.oescrit p {
    color: #d9ccc3;
    font-weight: 400;
}
.oescrit img{
    border-radius: 30px;
    max-width: 540px;
    max-height: 480px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.oescrit .col-md-6{
    align-self: center;
}

.escritorio2 {
    background: url(../img/bg-sobre-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 50px 0;
}

.escritorio3 {
    background: url(../img/bg-sobre-2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 50px 0;
}

.escritorio4 {
    background: url(../img/cidadao4.png);
    background-repeat: no-repeat;

    background-size: 45%;
    background-position: left;
    padding: 130px 0;
}

.escritorio5 {
    background: url(../img/cidadao5.png);
    background-repeat: no-repeat;

    background-size: 45%;
    background-position: left;
    padding: 130px 0;
}

.escritorio6 {
    background: url(../img/cidadao6.png);
    background-repeat: no-repeat;

    background-size: 45%;
    background-position: left;
    padding: 130px 0;
}

.escritorio7 {
    background: url(../img/cidadao7.png);
    background-repeat: no-repeat;

    background-size: 45%;
    background-position: left;
    padding: 130px 0;
}

.foto {
    background: url(../img/geral.jpg);
    background-size: 100%;

    background-repeat: no-repeat;
}

.foto h1 {
    padding: 31%;
    color: transparent;
}
/*  Fim  */



/*   Proposta    */

.proposta {
    padding: 40px 0;
    background: url(../img/fundo-proposta.png);

    background-size: 100%;
    background-repeat: no-repeat;
}

.proposta h1 {
    font-weight: 300;
    padding: 20px 0;
}

.proposta input {
    width: 100%;
    border-radius: 20px;
    border: none;
    padding: 6px 15px;

    margin: 0 0 12px;
}

.proposta select {
    border: none;
    border-radius: 20px;
    width: 100%;

    padding: 5px 10px;
    color: gray;
}

.proposta textarea {
    border: none;
    border-radius: 20px;
    width: 100%;

    padding: 5px 10px;
}

.proposta button {
    background: black;
    color: white;
    border: none;
    width: 100%;

    padding: 6px 0;
    margin: 20px 0;
    border-radius: 20px;
}

.infobannerproposta h3 {
    color: white;
    font-weight: 300;
    font-size: 28px;
    margin: 45px 0 27%;
}

.infobannerproposta a {
    color: #c9a286;
    font-size: 23px;
    margin: 15px 0 23%;
    display: block;

    border-bottom: 2px solid;
    width: fit-content;
    text-decoration: none;
}

.infobannerproposta a:hover {
    color: #c9a286;
    text-decoration: none;
}

/*   Fim    */



/*     Contato      */

.contato .esquerda {
    background: #d9ccc3;
    padding: 40px 0;
}

.contato input {
    width: 100%;
    margin: 0px 0 12px;
    border-radius: 20px;
    border:none;

    color: silver;
    font-weight: 200;
    padding: 8px 20px;
}

.contato textarea {
    width: 100%;
    border: none;
    border-radius: 15px;
    color: silver;

    padding: 12px 12px;
    font-weight: 200;
}

.contato .esquerda h1 {
    font-size: 33px;
    font-weight: 300;
    padding: 0 0 30px;
}

.contato .esquerda button {
    background: black;
    border: none;
    color: white;
    width: 30%;

    padding: 6px 0;
    border-radius: 20px;
    margin: 15px 0 0;
}

.contato .direita {
    background: url(../img/fundo-proposta-preto.png);
    background-size: 166%;

    background-repeat: no-repeat;
    background-position: right;
    padding: 50px;

    color: #d9ccc3;
}

.contato .direita p {
    font-size: 23px;
}

.contato .direita i {
    line-height: 41px;
    font-size: 22px;
}

.contato .direita a.redes {
    color: #d9ccc3;
    text-decoration: none;
    font-size: 30px;
}



/*      Fim      */



/*    Artigos       */

.headerartigos {
    background: url(../img/fundo-artigos.png);
    background-repeat: no-repeat;

    background-size: 100%;
    padding: 35px 0 0;
}

.headerartigos a.telefone {
    color: #c9a286;
    font-size: 21px;
    line-height: 20px;

    display: block;
    margin: auto;
    width: fit-content;
}

.headerartigos a.rede {
 color: #c9a286;
 font-size: 25px;
}

.infobannerartigos h3 {
    color: white;
    font-weight: 300;
    font-size: 40px;

    margin: 50px 0 36%;
}

.infobannerartigos a:hover {
    color: #c9a286;
    text-decoration: none;
}

.artigos {
    background: #1d1b1a;
    padding: 50px 0;
    color: #1d1b1d;
}

.artigos .colorir {
 background: #d9ccc3;
 padding: 30px 0;
}

.artigos img {
    width: 103%;
    border-radius: 0 40px 40px 0;
}

.artigos .img {
    padding: 0;
}

.artigos a.ler {
    color: #1d1b1a;
    font-size: 20px;
    border-bottom: 2px solid #1d1b1a;

    padding: 0 0 2px;
    margin: 0 0 9px;
    display: block;
    width: fit-content;

    text-decoration: none;
}

.artigos .distancia {
    margin: 0 -15px 60px;
}

.artigos a {
    font-size: 22px;
    color: #d9ccc3;
    display: block;
    margin: auto;

    width: fit-content;
}

.artigos a:hover {
    text-decoration: none;
    color: #d9ccc3;
}

/*     Fim      */



/*       Ação Civil Publica       */
.headercivil {
    background: url(../img/background-balanca.png);
    background-repeat: no-repeat;

    background-size: 100%;
    padding: 35px 0 0;
}

.headercivil a.telefone {
    color: #c9a286;
    font-size: 21px;
    line-height: 20px;

    display: block;
    margin: auto;
    width: fit-content;
}

.headercivil a.rede {
 color: #c9a286;
 font-size: 25px;
}

.infobannercivil h3 {
    color: white;
    font-weight: 200;
    font-size: 33px;
    margin: 45px 0 37%;
}

.civil .esquerda {
    background: #d9ccc3;
    padding: 40px 0;
}

.civil .direita {
    background: url(../img/oculos.png);
    background-size: 100%;
    height: 627px;

    background-repeat: no-repeat;
    background-position: right;
    padding: 50px;

    color: #d9ccc3;
}

.civil .esquerda h1 {
    margin: 10% 0 15px;
}

.civil .esquerda p {
    font-weight: 300;
    color: #1d1b1a;
    line-height: 22px;
}

.cinza {
    background: #1d1b1a;
    padding: 35px 0;
}

.cinza img {
    width: 55%;
    display: block;
    margin: auto;
}

.cinza h4 {
    color: #d9ccc3;
    line-height: 85px;
    margin: 0;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
}

.cinza a {
    text-decoration: none;
    color: #1d1b1a;
    background: #d9ccc3;
    padding: 10px 0;
    
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 50px;

    font-weight: 500;
    margin: 20px 0 0;
}

.cinza a:hover {
    color: #1d1b1a;
    text-decoration: none;
}

/*       Fim       */



/*       Direito autoral        */


.autoral .esquerda {
    background: #d9ccc3;
    padding: 40px 0;
}

.autoral .direita {
    background: url(../img/c.png);
    background-size: 100%;
    height: 627px;

    background-repeat: no-repeat;
    background-position: right;
    padding: 50px;

    color: #d9ccc3;
}

.autoral .esquerda h1 {
    margin: 10% 0 15px;
}

.autoral .esquerda p {
    font-weight: 300;
    color: #1d1b1a;
    line-height: 22px;
}




/*       Fim        */


/*       Direito Bancário        */

.bancario .esquerda {
    background: #d9ccc3;
    padding: 40px 0;
}

.bancario .direita {
    background: url(../img/martelinho.png);
    background-size: 100%;
    height: 627px;

    background-repeat: no-repeat;
    background-position: right;
    padding: 50px;

    color: #d9ccc3;
}

.bancario .esquerda h1 {
    margin: 10% 0 15px;
}

.bancario .esquerda p {
    font-weight: 300;
    color: #1d1b1a;
    line-height: 22px;
}


/*       Fim       */


/*     Direito Civil     */

.civi .esquerda {
    background: #d9ccc3;
    padding: 40px 0;
}

.civi .direita {
    background: url(../img/martelao.png);
    background-size: 100%;
    height: 634px;

    background-repeat: no-repeat;
    background-position: right;
    padding: 50px;

    color: #d9ccc3;
}

.civi .esquerda h1 {
    margin: 0% 0 15px;
    font-weight: 300;
    font-size: 33px;
}

.civi .esquerda p {
    font-weight: 300;
    color: #1d1b1a;
    line-height: 22px;
}


/*      Fim         */


/*     Direito Comercial     */

.comercial .esquerda {
    background: #d9ccc3;
    padding: 40px 0;
}

.comercial .direita {
    background: url(../img/mao.png);
    background-size: 100%;
    height: 627px;

    background-repeat: no-repeat;
    background-position: right;
    padding: 50px;

    color: #d9ccc3;
}

.comercial .esquerda h1 {
    margin: 10% 0 15px;
}

.comercial .esquerda p {
    font-weight: 300;
    color: #1d1b1a;
    line-height: 22px;
}


/*      Fim         */


/*     Direito trabalho     */

.trabalho .esquerda {
    background: #d9ccc3;
    padding: 40px 0;
}

.trabalho .direita {
    background: url(../img/fundo-trabalho.png);
    background-size: 100%;
    height: 627px;

    background-repeat: no-repeat;
    background-position: right;
    padding: 50px;

    color: #d9ccc3;
}

.trabalho .esquerda h1 {
    margin: 4% 0 15px;
    font-size: 33px;
    font-weight: 300;
}

.trabalho .esquerda p {
    font-weight: 300;
    color: #1d1b1a;
    line-height: 22px;
}


/*      Fim         */


/*     Direito tributario     */

.tributario .esquerda {
    background: #d9ccc3;
    padding: 40px 0;
}

.tributario .direita {
    background: url(../img/martelo-sem.png);
    background-size: 100%;
    height: 810px;

    background-repeat: no-repeat;
    background-position: right;
    padding: 50px;

    color: #d9ccc3;
}

.tributario .esquerda h1 {
    margin: 10% 0 15px;
}

.tributario .esquerda p {
    font-weight: 300;
    color: #1d1b1a;
    line-height: 22px;
}


/*      Fim         */


/*     Processos Administrativo     */

.adm .esquerda {
    background: #d9ccc3;
    padding: 40px 0;
}

.adm .direita {
    background: url(../img/pastas.png);
    background-size: 100%;
    height: 620px;

    background-repeat: no-repeat;
    background-position: right;
    padding: 50px;
    color: #d9ccc3;
}

.adm .esquerda h1 {
    margin: 10% 0 15px;
}

.adm .esquerda p {
    font-weight: 300;
    color: #1d1b1a;
    line-height: 22px;
}


/*      Fim         */

.artigos a.ler:hover {
    color: #1d1b1a;
}


/* Dropdown Button */
.dropbtn {

  background-color: #4CAF50;

  color: white;

  padding: 16px;

  font-size: 16px;

  border: none;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {

  position: relative;

  display: inline-block;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f1f1f1;

  min-width: 270px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 999;

  text-align: left;
}

/* Links inside the dropdown */
.dropdown-content a {

  color: black;

  padding: 7px 15px 3px;

  text-decoration: none;

  display: block;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}