#barra-menu{float:left; width: 100%; height: 226px; border-top: 5px solid #a51f24; }

/*CABECALHO*/
    .cabecalho{float: left;width: 100%; height: 143px}
    .logo{float: left; height: 74px; width: 268px; background: url(logo.png) no-repeat center;margin: 43px 0 0 54px;}
    .contato{float: left;margin: 57px 0 0 0; height: 47px}
    .contato1{width: 210px; margin-left: 50px}
    .contato2{width: 309px; margin-left: 32px}
    .esfera-header{height: 47px; width: 47px; float: left; border-radius: 47px; display: flex; align-items: center; justify-content: center;}
    .esfera-header1{background: #70a83b}
    .esfera-header2{background: #a51f24}
    .icon-esfera1{width: 18px; height: 18px; background: url(whats.svg) no-repeat center; top: 0; left: 0; transform: translate(-0%,-0%);}
    .icon-esfera2{width: 17px; height: 13px; background: url(icon-email.svg) no-repeat center; top: 0; left: 0; transform: translate(-0%,-0%);}

    .conteudo-contato{float: left;margin: 7px 0 4px 15px;}
    .contato1 .conteudo-contato p{font: 18px montserrat-bold; color: #555555;line-height: 1.1;}
    .contato2 .conteudo-contato p{font: 15px montserrat-bold; color: #555555;line-height: 1.3;}
    .conteudo-contato span{font: 12px montserrat-regular;}
    .btn-orcamento{float: left; width: 179px; height: 50.71px; background: url(botao.jpg) no-repeat center;margin: 53px 0 0 40px}
    .btn-orcamento p{text-align: center; color: #fff; font: 11px montserrat-medium;  margin: 20px 0px 16px}
	#email{ background: url(email.png) no-repeat center; width: 185px; height: 35px;}
/**/
/*MENU*/
    .menu{text-align: center; float: left; width: 100%}
    .menu li{display: inline-block; font: 15px montserrat-regular; color: #555555; padding: 37px 0px 28px;}
    .menu #div-paginas > ul { display: flex; }
    #div-paginas > ul li { border: 2px solid #f6f6f6 }

    .menu #div-paginas > ul li:hover{font-weight: bold; border-top: 7px solid rgba(165,31,36, .8);}
    #div-paginas .ativo  ul li{font-weight: bold; border-top: 7px solid #a51f24;}
    #pag1{padding-left: 56px; padding-right: 47px;}
    #pag2{padding-left: 46px; padding-right: 46px;}
    #pag3{padding-left: 46px; padding-right: 46px; cursor: pointer}
    #pag4{padding-left: 48px; padding-right: 45px;}
    #pag5{padding-left: 44px; padding-right: 44px;}
    #pag6{padding-left: 47px; padding-right: 43px;}
    @media (max-width:1217px) and (min-width:1200px){body{overflow-x: hidden}}
    @media (max-width:1210px) and (min-width:1200px){#pag1{padding-right: 50px}}
    .redes-sociais-header{display: flex;align-items: center;justify-content: flex-start;gap: 13px;padding: 0 0 0 49px;height: 84px;}
    .redes-sociais-header .rede-social{width: 43px;height: 43px;background-size: contain !important;transition: 1s;}
    .redes-sociais-header .rede-social:hover{rotate: 360deg;}
    .redes-sociais-header .rede-social.instagram{background: url('instagram.svg') no-repeat center center;}
    .redes-sociais-header .rede-social.facebook{background: url('facebook.svg') no-repeat center center;}
    .redes-sociais-header .rede-social.tiktok{background: url('tiktok.svg') no-repeat center center;}
    .redes-sociais-header .rede-social.linkedin{background: url('linkedin.svg') no-repeat center center;}
/**/

/*SUB-MENU*/
    .sub-servicos{position: absolute; background: #fff;display: none; z-index: 9999}
    .sub-servicos a{float: none;cursor: pointer}
    .sub-servicos li{display:block; border: none; font: 15px montserrat-regular; color: #555555; text-align: left; height: 62px; padding: 0; width: 278px; }
    .sub-servicos li:hover{font-family:  montserrat-regular; border: none; padding: 0;color: #fff}
    .sub-servicos #tratamento:hover{background: #515474;}
    .sub-servicos #pericia:hover{background: #db5e5c;}
    .sub-servicos #cautelar:hover{background: #252b51;}
    .sub-servicos #leilao:hover{background: #a51f24;}
	.sub-servicos .tratamento-ativo{background: #515474;color: #fff;}
    .sub-servicos .pericia-ativo{background: #db5e5c;color: #fff;}
    .sub-servicos .cautelar-ativo{background: #252b51;color: #fff;}
    .sub-servicos .leilao-ativo{background: #a51f24;color: #fff;}
    .sub-servicos span{padding: 21px 0px 21px 0;float: left;margin-left: 19px}
    .icon-sub { float: left; height: 62px; width: 68.09px; display: flex; align-items: center; justify-content: center;}
    .icon-sub1{background: #515474}
    .icon-sub2{background: #db5e5c}
    .icon-sub3{background: #252b51}
    .icon-sub4{background: #a51f24}
    .icone-tratamento{height: 26px; width: 25px;background: url(chassi.svg) no-repeat center; z-index: 9999; top: 0; left: 0; transform: translate(-0%,-0%);}
    .icone-pericia{height: 26px; width: 26px;background: url(pericia.svg) no-repeat center; z-index: 9999; top: 0; left: 0; transform: translate(-0%,-0%);}
    .icone-cautelar{height: 24px; width: 25px;background: url(cautelar.svg) no-repeat center; z-index: 9999; top: 0; left: 0; transform: translate(-0%,-0%);}
    .icone-leilao{height: 28px; width: 28px;background: url(leilao.svg) no-repeat center; z-index: 9999; top: 0; left: 0; transform: translate(-0%,-0%);}
    
/**/

@media (max-width: 1200px){
    #barra-menu{background: url(header-990.jpg) no-repeat center;}
    .btn-orcamento{display: none}
    .menu{position: relative; left: 50%; width: auto; transform: translate(-50%,0); z-index: 9999;transition: top .3s;}
    .menu li{padding: 31px 0 !important; width: 147px; font-size: 14px; border-right: 3px solid #f6f6f6; border-top: 3px solid #f6f6f6;}
    .menu li:hover{border-top: 3px solid rgba(165,31,36,.8)}
    #pag5{padding: 31px 3px !important}
    #pag6{border-right: none;}
    .sub-servicos {transform: translate(299px, 84px) !important;}
    .sub-servicos li{border: none !important; width: 278px; padding: 0 !important;}
}
@media (max-width: 990px){

    #barra-menu{position: fixed; z-index:9998; height: 100px; background: #fff;box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.10);transition: top 0.5s; }
    .cabecalho{display: none}
    .logo{display: none}
    .logo-mobile{position: fixed;height: 100px; width: 170px;background: url(logo-mobile.gif) center no-repeat; top: 0; left: 20px; background-size: contain;}
    .botao-responsive{cursor: pointer;display: block;height: 50px; background-size: 40px !important;position: fixed; width: 40px; z-index:9999;top: 20px;}
    .botao-responsive p{color: #666; padding: 50px 00 0 0; font-family: futura-bold; font-size: 12px; text-transform: uppercase;}
    .botao-menu{background: url(menu.svg) no-repeat; right: 20px;}
    .ligar{background: url(whats2.svg) no-repeat center;right: 92px;background-size: 40px !important;top: 15px; width: auto !important}
    .ligar p{padding-top: 55px !important;    margin: 0px 0 0 1px; color: #25d366;}
    .menu{text-align: left; font-size: 20px; width: 100%; height: 100px;}
    .menu ul{margin-top: 100px;    background: #fff; }
    .menu li{width: 100%;display: block; margin: 0; padding: 15px 0 15px 1% !important; background: #fff; text-indent: 20px; box-shadow: 0px 0px 1px rgba(164, 165, 165, 1) ; border: none; position: relative;z-index: 1;}
    .menu li:hover, .menu .ativo li{background: #a51f24; border: none; color: #fff}
    .menu a{color: #25d366; width: 100%;}
    .menu a:hover{color: #3383c3}
    .center-990{width: 100% !important; margin: 0 !important}
    #pag5 {padding:15px 0  15px 1% !important;}
    .sub-servicos {transform: translate(0px, 0px) !important; display: none; position: static;margin-top: 0 !important;margin-bottom: -4px;}
    .sub-servicos li{padding: 0 !important; height: 49px}
	.sub-servicos span{padding: 15px 0px 15px 0;}
	.icon-sub{height: 49px; width: 58px}
	#teste{display: inline-block; width: 100%}
    .menu #div-paginas > ul { display: block; }
 
}


@media (max-width: 990px) and (max-height: 388px){
	.menu ul{margin-top: 0; width: 100%; float: left;}
	.menu li, #pag5{padding: 10px 0 10px 1% !important; box-shadow: none; width: 80%;}
	.sub-servicos li{padding: 0 !Important; height: auto}
	.sub-servicos li:hover{color: #000 !important; font-weight: bold}
	.icon-sub{display: none}
	.sub-servicos span{width: 100%;}
}