body{margin: 0px; background: #d0d9df; font-size: 20px; font-family: 'Oswald', sans-serif; color: #444444; font-weight: 300}
a, a:link, a:visited, a:hover{text-decoration: none; color: inherit}
h1{text-align: center; font-size: 40px; margin: 0px; color: inherit}

#boxTemp{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.75); z-index: 10000; display: flex; align-items: center; justify-content: center; color: #000; z-index: 10000}
.msgAlerta{padding: 15px; border-radius: 2px; background: #FFFFFF; text-align: center}
.fullLink{position: absolute; width: 100%; height: 100%; top: 0; left: 0}
.logo{text-align: center; padding-bottom: 30px;}
.logo img{width: 100px;margin-top: 15px;}

.contain{margin: 0 auto; width: 1100px; padding: 10px;}
.flex{display: flex; flex-wrap: wrap;}

#menuTop{top: 0; left: 0; width: 100%; position: sticky; padding: 10px 0px; background: #9e9172; color: #FFF; z-index: 1000; border-bottom: 1px solid #d0d9df;}
#menuTop>div {justify-content: flex-end; margin-right: 30px;}
#menuTop .flex div {margin: 0 10px;}
#homeHeader{background: #115878; display: flex; justify-content: center; align-items: center; flex-direction: column}
.blue{background: #115878 !important;}
.blue>div {justify-content: space-between !important;}

.logoHeader img{height:40px; margin-left: 50px}

.homeLogo{text-align: center; margin: 100px 0px;}
.homeLogo img{width: 50%}
.homeText{padding: 0px 100px; font-size: 25px; text-align: center; color: #FFFFFF}
.homeBt{background: #299d21; color: #FFFFFF; padding: 20px 35px; width: max-content; margin: 30 auto; border-radius: 4px; text-transform: uppercase; font-size: 20px; font-weight: bold; transition: 0.3s}
.homeBt:hover{background: #3dbb34}

#sobrenos{padding: 30px 0px}

#fotoHome img{width: 100%}
.especialidades{width: 350px; margin: 8px; background: #FFFFFF; color: #222; border-radius: 5px; overflow: hidden;}
.especialidadesTitulo{padding: 10px; text-align: center; font-weight: normal; background: #9e9172; color: #FFF;}
.especialidadesDesc{padding: 10px; color: #9e9172; text-align: center}

#testemunhos{background: #115878; color: #d0d9df; padding: 30px 0px;}
.testemunhos{width: 350px; margin: 8px; background: #FFFFFF; color: #222; border-radius: 5px; overflow: hidden;}
.testemunhosImg{padding: 15px; text-align: center}
.testemunhosImg img{width: 50px}
.testemunhosDesc{padding: 10px; color: #444444; text-align: center}


.advogados{width: 350px; margin: 8px; background: #FFFFFF; color: #222; border-radius: 5px; overflow: hidden;}
.advogadosFoto img{object-fit: cover; width: 100%;}
.advogadosTitulo{padding: 10px; text-align: center; font-weight: normal; background: #115878; color: #FFF;}
.advogadosDesc{padding: 10px; color: #115878; text-align: center}

.mapaDiv{width: 500px}
.mapaLocalizacao{width: 100%; height: 380px}

#footer{background: #222222; color: #eeeeee; font-size: 15px}
#footer .flex{justify-content: space-between;}
.redesSociais{display: flex; width: 120px; justify-content: space-between; margin-top: 10px;}
.redesSociais img{width: 25px}
.maps{width: 25px; vertical-align: middle;}
.mapaSite{line-height: 30px}

.whatsapp{position: fixed; bottom: 10px; right: 10px; width: 45px}

/** ANIME CSS**/

[data-anime]{opacity: 0; transition: 0.5s}
[data-anime='left']{transform: translate3d(-70px, 0, 0)}
[data-anime='right']{transform: translate3d(70px, 0, 0)}
[data-anime='top']{transform: translate3d(0, -70px, 0)}
[data-anime='bottom']{transform: translate3d(0, +70px, 0)}
[data-anime].animate{opacity: 1; transform: translate3d(0, 0, 0)}