.barracima {z-index: 10;position: absolute;left: 0;top: 0;border-width: 35vh 100vw 0 0;
border-style: solid;border-color: #ffffff transparent transparent  transparent;}

.barrabaixo {z-index: 10;position: absolute;left: 0;bottom: 0;border-width: 0 0 35vh 100vw;
border-style: solid;border-color: transparent transparent #ffffff transparent;}

.galeria {width: 100%;height: 500px;overflow: hidden;display: flex;position: relative;}

.imagenes{width: 100%;height: 500px;overflow: hidden;position: relative;}

.imagenes img{width: 100%;height: 100%;object-fit: cover;}

.enmica{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(45, 48, 51, 0.815);}

.enmica h2{position: relative;top: 45%;text-align: center;color: #ffffff;}

.enmica div{position: relative;display: block;top: 46%;width: 40px;height: 5px;background: #ffffff;margin: auto;}

.overlay{position:absolute;background-color:#212529;height:100%;width:100%;top:0;left:0;opacity: 0.5;}

.navbar-dark .navbar-nav .nav-link {color: #ffffff;}

.navbar-shrink{padding-top: 0;padding-bottom: 0;transition: all ease .5s;}

.mybg-dark {background: rgb(61, 55, 50)!important;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}

header .tophead{margin-top: 200px;}

.container-fluid {width: 100%;max-width: 1180px;margin: 0 auto;}

.meio{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} 
@media (max-width: 800px){.meio{position: relative;top:0;left:0;transform:none;} }	



.page01 {
width: 100%;
height: 100vh;
background: url('img/destaque033.jpg') no-repeat center center;
background-size: cover;
position: relative;
color: #ffffff;
overflow: hidden;
}

.page02 {width: 100%;margin-top: 20px;}
.page02 p{text-align: justify;}
.page02 h1 {text-align: center;}
.page02 img{width: 300px;height: 300px;float: right;}

.page03 {
background-image:url(img/destaque01.jpg); background-repeat:repeat; background-attachment:fixed;}






.endereco_rodape{background:url(imagem/cidade_mapa.jpg) center; color:#fff; font-size:14px; height:350px; padding:80px 0 0; text-align:center;}
.endereco_rodape img{margin:0 0 40px;}
.endereco_rodape p{margin:0 0 10px;}
.endereco_rodape a{color:#fff;}

footer{background:#F1F1F1; clear:both; overflow:hidden;}
footer .container{border-top:1px solid #e1e1e1; padding:60px 0 20px; text-transform:uppercase;}
footer a{color:#484848; text-decoration:none;}
footer a:hover{color:#878569;}
footer .endereco{float:left; line-height:22px; margin:0 70px 0 0;}
footer .endereco .newsletter{padding:20px 0 0;}
footer .endereco .newsletter h3{font-size:15px;margin:0 0 10px;}
footer .endereco .newsletter input.text{border:1px solid #818181; float:left; height:35px; line-height:35px; margin:0 5px 0 0; padding:7px; width:150px;}
footer .endereco .newsletter .botao{background:#003d57; border:0; color:#fff; float:left; height:35px; line-height:35px; text-align:center; width:40px;}
footer .contato{float:left; line-height:22px;}
footer .contato p{margin:0 0 25px;}
footer .sitemap{float:right;}
footer .sitemap ul{float:left;}
footer .sitemap ul.margin{margin:0 75px 30px 0;}
footer .sitemap li{list-style:none; margin:0 0 25px;}
footer .sitemap li a{color:#484848; text-decoration:none;}
footer .sitemap li a:hover{color:#878569;}
footer .linha_rodape{clear:both; font-size:11px; overflow:hidden; text-transform:none;}
footer .linha_rodape .copy{float:left;}
footer .linha_rodape .by{color:#484848; float:right; text-decoration:none;}
.testimonials {
padding-top: 7rem;
padding-bottom: 7rem; }
.testimonials .testimonial-item {
max-width: 18rem; }
.testimonials .testimonial-item img {
max-width: 16rem; 
}

.section-element {
width: 100%;
float: left;
padding: 80px 0;
}
.main-page-wrapper .section-element:nth-child(1) {
padding: 0px 0px;
}

.container-block.practice .main-heading {
margin-bottom: 10px;
}
.main-heading {
margin-bottom: 10px;
text-align: center;
}





.services-col {
text-align: center;
font-size: 14px;
line-height: 24px;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}

.services-col .img-box {
overflow: hidden;
border-radius: 50%;
margin: 0 auto 19px;
text-align: center;
width: 111px;
height: 111px;
border: 2px solid #333;
}

.services-col .img-box img {
display: block;
margin: 30px auto 0;
-webkit-transition: margin .6s ease;
transition: margin .6s ease;
}

.services-col .img-box img:first-child {
margin: 13px auto;
}

.services-col h2 {
margin: 0 0 17px;
color: #003F62;
font-size: 18px;
line-height: 28px;
text-transform: uppercase;
}

.services-col h2 a {
color: #003F62;
font-size: 18px;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}

.services-col h2 a:hover {
color: #213368;
text-decoration: none;
}

.services-col p {
margin: 0 0 31px;
}

.services-col:hover .img-box {
-webkit-transition: all .6s ease;
transition: all .6s ease;
/*background: #213368;*/
border-color: #213368;
}

.services-col:hover .img-box img:first-child {
margin: -100px auto 0;
}

.services-col:hover h2 {
-webkit-transition: all .6s ease;
transition: all .6s ease;
}

.services-col:hover h2 a {
color: #213368;
}

.services-col:hover .btn-default:after {
height: 100%;
}

.services-col .btn-default {
z-index: 2;
position: relative;
}

.services-col .btn-default:after {
left: 0;
bottom: 0;
z-index: -1;
content: "";
position: absolute;
background: #213368;
width: 100%;
height: 0;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}

.services-col.approch .img-box:after {
background-position: -91px -34px;
width: 68px;
height: 68px;
margin: -34px 0 0 -31px;
}

.services-col.approch:hover .img-box:after {
background-position: -91px -120px;
}

.services-col.rules .img-box:after {
background-position: -188px -47px;
width: 51px;
height: 51px;
margin: -26px 0 0 -25px;
}

.services-col.rules:hover .img-box:after {
background-position: -188px -133px;
}

.services-col.client .img-box:after {
background-position: -271px -42px;
width: 60px;
height: 60px;
margin: -30px 0 0 -31px;
}

.services-col.client:hover .img-box:after {
background-position: -271px -128px;
}

.services-col.defence .img-box:after {
background-position: -15px -228px;
width: 41px;
height: 49px;
margin: -24px 0 0 -21px;
}

.services-col.defence:hover .img-box:after {
background-position: -15px -302px;
}

.services-col.divorce .img-box:after {
background-position: -79px -232px;
width: 46px;
height: 40px;
margin: -19px 0 0 -24px;
}

.services-col.divorce:hover .img-box:after {
background-position: -79px -306px;
}

.services-col.drug .img-box:after {
background-position: -166px -230px;
width: 47px;
height: 44px;
margin: -21px 0 0 -23px;
}

.services-col.drug:hover .img-box:after {
background-position: -166px -304px;
}

.services-col.death .img-box:after {
background-position: -239px -227px;
width: 40px;
height: 50px;
margin: -24px 0 0 -21px;
}

.services-col.death:hover .img-box:after {
background-position: -239px -301px;
}

.services-col.style2 {
overflow: hidden;
margin-bottom: 80px;
}

.services-col.style2 .img-box {
border-radius: 0;
margin: 0 20px 0 0;
display: inline-block;
vertical-align: middle;
}

.services-col.style2 .holder {
width: 50%;
text-align: left;
display: inline-block;
vertical-align: middle;
}

.services-col.style2 p {
margin: 0;
}

.services-col.style2 .btn-default {
width: 138px;
padding: 16px 6px;
display: inline-block;
vertical-align: middle;
}

.services-col.style2.add {
margin-bottom: 0;  }