.home-demo { margin: 150px 0 0 !important;}
.fundo-areas{ float: left; width: 100%; background: url(../img/home/fundo-areas.jpg) no-repeat center top}
.fundo-areas-container{ width: 100%; height: 1586px;}
.fundo-institucional{ float: left; width: 100%; height: 1000px; background: url(../img/home/fundo-institucional.jpg) no-repeat center top}
.titulo-institucional{ float: left; width: 100%; text-align: center; padding: 50px 0 0; margin: 90px 0 0 0; background: url(../img/home/detalhe.svg) no-repeat center top;background-size: 50px 15px;}
.titulo-institucional b{ float: left; width: 100%; text-align: center; font: 50px liberation-bold; color: #2c2c31; line-height: 40px;}
.titulo-institucional b i{ font: 30px liberation-bold; color: #464344;}
.titulo-institucional p{ float: left; width: 100%; text-align: center; font: 15px montserrat-regular; color: #87888f; line-height: 25px; margin: 30px 0 0 0}
.container-galeria { float: right; width: 570px; height: 460px; margin: 120px -20px 0 0; background: url(../img/home/qua.jpg) no-repeat top right; padding: 20px 20px 0 0}
.container-galeria img{ float: left; width: 100%; }
.container-botao { float: left; width: 110px; height: 82px; margin: -46px 0 0 -20px;}
.container-botao button{ float: left; width: 50%; height: 100%; margin: 0; border: 0; background: #ec604d; font: 35px montserrat-bold;}
.container-botao button:hover{ background: #4a4a4a;}
.sociedade-de-advogados{ float: left; width: 380px; margin: 45px 0 0 30px}
.sociedade-de-advogados b{ float: left; width: 100%; font: 16px montserrat-bold; color: #2c2c31; line-height: 22px}
.sociedade-de-advogados p{ float: left; width: 100%; font: 14px montserrat-regular; color: #87888f; line-height: 22px; margin: 10px 0 0 0}
.sociedade-de-advogados div{ float: left; margin: 65px 0 0 57px; border-left: solid 18px #ec604d;}
.sociedade-de-advogados div span{ float: left; padding: 0 0 0 160px; margin: 15px 0 15px -75px; height: 132px}
.sociedade-de-advogados div span a{ float: left; width: 100%; color: #87888f; font: 14px montserrat-regular; line-height: 22px; margin: 10px 0 0 0;}
.sociedade-de-advogados div span strong{ float: left; width: 100%; font: 18px montserrat-bold; color: #211d1d; margin: 8px 0 0 0}
.sociedade-de-advogados div span strong i{ font: 14px montserrat-bold; }
.sociedade-de-advogados div span strong i u{ font: 14px montserrat-regular; color: #686a6d; text-decoration: none;}
.juliano{ background: url(../img/home/juliano.png) no-repeat center left}
.luis{ background: url(../img/home/luis.png) no-repeat center left}
.fabiano{ background: url(../img/home/fabiano.png) no-repeat center left}
.solucoes-completas{ float: left; color: #464344; font: 40px liberation-bold; text-align: right; line-height: 44px; margin: 265px 0 0 30px}
.solucoes-completas b{ font: 40px liberation-bold_italic; color: #ec604d}
.container-engloba-areas { float: right; width: 684px; margin: 95px 30px 0 0; justify-content: space-between; display: flex; flex-flow: wrap;}
.container-engloba-areas p{ float: left; width: 47%;}
.container-engloba-areas p b { float: left; width: calc(100% - 75px); padding: 0 0 0 75px; font: 30px liberation-bold; color: #242527; line-height: 30px}
.container-engloba-areas p span{ float: left; width: 100%; margin: 25px 0 0 0; font: 14.5px montserrat-regular; color: #87888f; line-height: 25px}
.container-engloba-areas p span i{ float: left; width: 100%; margin: 0 0 15px; font: 13px montserrat-regular; font-style: italic; line-height: 22px}
.container-engloba-areas p span strong{ background: url(../img/home/blinha.png) no-repeat center left; padding: 0 0 0 10px}
.container-engloba-areas-p{ float: left; width: 245px;}
.container-engloba-areas-p b { float: left; width: calc(100% - 75px); padding: 0 0 0 75px; font: 30px liberation-bold; color: #242527; line-height: 30px}
.container-engloba-areas-p span{ float: left; width: 100%; margin: 35px 0 0 0; font: 13px montserrat-regular; color: #87888f; line-height: 26px}
.container-engloba-areas-p span i{ float: left; width: 100%; margin: 0 0 25px; font: 13px montserrat-regular; font-style: italic; line-height: 22px}
.container-engloba-areas-p span strong{ background: url(../img/home/blinha.png) no-repeat center left; padding: 0 0 0 10px}
.icon-areas1{ background: url(../img/home/icon-areas1.svg) no-repeat center left;background-size: 47px 47px;}
.icon-areas2{ background: url(../img/home/icon-areas2.svg) no-repeat center left;background-size: 38px 38px;}
.icon-areas3{ background: url(../img/home/icon-areas3.svg) no-repeat center left;background-size: 49px 49px;}
.icon-areas4{ background: url(../img/home/icon-areas4.svg) no-repeat center left;background-size: 46px 46px;}
.icon-areas5{ background: url(../img/home/icon-areas5.svg) no-repeat center left;background-size: 49px 49px;}
.icon-areas6{ background: url(../img/home/icon-areas6.svg) no-repeat center left;background-size: 45px 45px;}
.areas-height1{ height: 375px}
.areas-height2{ height: 420px}
.areas-height3{ height: 305px; margin: -40px 0 0 0 !important;}
.areas-height4{ height: 480px}
.areas-height5{ height: 220px; margin: -215px 0 0 0 !important;}
.ha-10-anos{ float: left; text-align: right; color: #fff; font: 30px liberation-bold; margin: 295px 0 0 170px; line-height: 30px;}
.ha-10-anos i{ font: 30px liberation-bold_italic; color: #ec604d; line-height: 30px;}
.ha-10-anos b { font: 76px liberation-bold; color: #ec604d; line-height: 55px; display: inline-block;}
.areas-2{ float: left; width: 100%; margin: 95px 0 0;}
.container-defesa { float: right; width: 690px; margin: 0 30px 0 0; display: flex; justify-content: space-between; flex-flow: wrap;}
.container-defesa i{ float: left; width: 100%; font: 13px montserrat-regular; font-style: italic; line-height: 22px; color: #87888f; margin: 0 0 40px}
.container-defesa p{ width: 316px;}
.container-defesa p strong{ font: 13px montserrat-regular; color: #87888f;  background: url(../img/home/blinha.png) no-repeat center left; padding: 0 0 0 10px; line-height: 24px}
.container-defesa p b{ float: left; width: 100%; font: 13px montserrat-regular; font-style: italic; line-height: 22px; color: #87888f;}
.fundo-footer { float: left; width: 100%; height: 990px; background: url(../img/footer/fundo-footer.png) no-repeat center top;}
.title-footer{ float: left; width: 100%; text-align: center; margin: 50px 0 0}
.title-footer b{ float: left; width: 100%; text-align: center; font: 9px montserrat-medium; color: #9c9c9c; letter-spacing: 2px; padding: 50px 0 0; background: url(../img/home/detalhe.svg) no-repeat center top;background-size: 50px 15px;}
.title-footer p{ float: left; width: 100%; text-align: center; color: #464344; font: 40px liberation-bold; line-height: 48px; margin: 10px 0 0 0}
.title-footer p i{ color: #ec604d; font: 40px liberation-bold_italic}
.infos-footer { float: left; width: 100%; text-align: center; display: flex; margin: -90px 0 0; justify-content: space-between;}
.infos-footer div{ width: 255px; padding: 170px 0 0 0}
.infos-footer div p{ float: left; width: 100%; text-align: center}
.infos-footer div p b{ float: left; width: 100%; text-align: center; font: 12px montserrat-bold; color: #2c2c31; margin: 0 0 20px}
.infos-footer div p a{ float: left; width: 100%; text-align: center; font: 14px montserrat-regular; color: #87888f; line-height: 24px}
.icon-footer1{ background: url(../img/home/icon-footer1.png) no-repeat center top;}
.icon-footer2{ background: url(../img/home/icon-footer2.png) no-repeat center top; margin: 155px 0 0 0;}
.icon-footer3{ background: url(../img/home/icon-footer3.png) no-repeat center top;}
.email{ height: 14px; background: url(../img/home/email.png) no-repeat center; margin: 0 0 15px}
.formulario-footer-padrao-2 { justify-content: center; align-items: center; display: flex; vertical-align: middle; float: left; width: 95%; margin:135px 2.5% 0}
.formulario-footer-padrao-2 div{ width: 100%; justify-content: space-between; display: flex; flex-flow: row wrap; }
.formulario-footer-padrao-2 input{ -webkit-appearance: none; float: left; width: calc(100% - 20px); font: 12px montserrat-regular; height: 43px; border: none; background: #525257; box-shadow: inset 4px 0px 0px 0px #ec604d; margin: 0 0 25px 0; padding: 0 0 0 20px; color: #fff;}
.formulario-footer-padrao-2 textarea{ -webkit-appearance: none; overflow: hidden; float: right; width: calc(100% - 20px); font: 12px montserrat-regular; height: 170px; border: none; background: #525257; box-shadow: inset 4px 0px 0px 0px #ec604d; margin: 0; padding: 10px 0 0 20px; color: #fff;}
.formulario-footer-padrao-2 button{ float: right; margin: -35px 0 0 0; padding: 0 35px; height: 35px; border: none; background: #ec604d; color: #fff; font: 10px montserrat-regular}
.formulario-footer-padrao-2 button:hover{ background: #ec604d}
.w48F{ width: calc(50% - 15px) !important}
::-webkit-input-placeholder{ color: #fff; font: 10px montserrat-regular}
:placeholder-shown{ color: #fff; font: 10px montserrat-regular}
:-ms-input-placeholder{ color: #fff; font: 10px montserrat-regular}
.container-captcha{width:100%; height:auto; float:left; margin:10px 0; display:inline-block; text-align:center;}
.g-recaptcha{float:none; display:inline-block;}
@media( max-width: 1270px){
	.container-galeria { margin: 140px 0px 0 0; padding: 0;}
}
@media( max-width: 1220px){
	.container-galeria { width: 510px; height: auto;}
	.solucoes-completas { margin: 265px 0 0 0;}
	.container-engloba-areas { margin: 95px 0 0 0}
	.ha-10-anos { margin: 295px 0 0 150px;}
	
	
}

@media( max-width: 1160px){
	.container-engloba-areas { width: 600px;}
	.ha-10-anos { margin: 295px 0 0 110px;}
}
@media( max-width: 1080px){
	.titulo-institucional p br{ display: none}
	.ha-10-anos { margin: 295px 0 0 70px;}
	
	.solucoes-completas{width: 300px; font: 30px liberation-bold;}
	.solucoes-completas b { font: 30px liberation-bold_italic;}
	
	.container-defesa { margin: 0;}
	
}
@media( max-width: 990px){
	.home-demo { margin: 80px 0 0 !important;}
	.fundo-institucional{ height: auto; background: none; text-align: center}
	.titulo-institucional { margin: 20px 2% 0; width: 96%; padding: 30px 0 0;}
	.titulo-institucional b { font: 22px liberation-bold; line-height: 22px;}
	.titulo-institucional b i { font: 22px liberation-bold;}
	.titulo-institucional p { font: 14px montserrat-regular; line-height: 22px; margin: 20px 0 0 0; text-align: justify}
	
	.sociedade-de-advogados { width: 96%; margin: 20px 2% 0;}
	.sociedade-de-advogados b { font: 14px montserrat-bold; line-height: 22px; text-align: center;}
	.sociedade-de-advogados p { text-align: center;}
	.sociedade-de-advogados div { margin: 20px 0 0 0; border-left: solid 0 #EC604B; width: 100%;}
	.sociedade-de-advogados div span { padding: 0 0 0; margin: 0 0 20px; height: auto; width: 100%;}
	.sociedade-de-advogados div span a { text-align: center;}
	.sociedade-de-advogados div span strong { font: 14px montserrat-bold; margin: 85px 0 0 0; text-align: center;}
	.sociedade-de-advogados div span strong br{ display: none}
	.sociedade-de-advogados div span strong i { font: 12px montserrat-bold; float: left; width: 100%; margin: 5px 0 0;}
	.sociedade-de-advogados div span strong i u { font: 12px montserrat-regular;}
	
	.juliano{ background: url(../img/home/juliano.png) no-repeat center top; background-size: 65px}
	.luis{ background: url(../img/home/luis.png) no-repeat center top; background-size: 65px}
	.fabiano{ background: url(../img/home/fabiano.png) no-repeat center top; background-size: 65px}

	.container-galeria { width: 300px; margin: 0; float: none; display: inline-block;}
	.container-botao { float: left; width: 70px; height: 40px; margin: -40px 0 0 0;}
	.container-botao button { font: 15px montserrat-bold;}
	.fundo-areas{ background: none}
	.fundo-areas-container{ height: auto;}
	
	.ha-10-anos{ display: none}
	
	.solucoes-completas { margin: 20px 2% 0; width: 96%; text-align: center; font: 22px liberation-bold; line-height: 24px;}
	.solucoes-completas br{ display: none}
	.solucoes-completas b { font: 22px liberation-bold_italic;}
	
	.container-engloba-areas { width: 96%; margin: 20px 2% 0;}
	.container-engloba-areas p { width: 100%; height: auto; margin: 0 0 20px !important;}
	.container-engloba-areas p b { width: 100%; padding: 40px 0 0 0; font: 22px liberation-bold; line-height: 22px; text-align: center;}
	.container-engloba-areas p b br{ display: none}
	.container-engloba-areas p span { margin: 20px 0 0 0; font: 14px montserrat-regular; line-height: 22px; text-align: center;}
	.container-engloba-areas p span i { text-align: center}
	.container-engloba-areas p span i br{ display: none}


	.icon-areas1{ background: url(../img/home/icon-areas1.svg) no-repeat center top; background-size: 25px 25px}
	.icon-areas2{ background: url(../img/home/icon-areas2.svg) no-repeat center top; background-size: 25px 25px}
	.icon-areas3{ background: url(../img/home/icon-areas3.svg) no-repeat center top; background-size: 25px 25px}
	.icon-areas4{ background: url(../img/home/icon-areas4.svg) no-repeat center top; background-size: 25px 25px}
	.icon-areas5{ background: url(../img/home/icon-areas5.svg) no-repeat center top; background-size: 25px 25px} 
	.icon-areas6{ background: url(../img/home/icon-areas6.svg) no-repeat center top; background-size: 25px 25px}

	.areas-2 { width: 96%; margin: 0 2%;}
	
	.container-engloba-areas-p { width: 100%; height: auto; margin: 0 0 20px !important;}
	.container-engloba-areas-p b { width: 100%; padding: 40px 0 0 0; font: 22px liberation-bold; line-height: 22px; text-align: center;}
	.container-engloba-areas-p b br{ display: none}
	.container-engloba-areas-p span { margin: 20px 0 0 0; font: 14px montserrat-regular; line-height: 22px; text-align: center;}
	.container-engloba-areas-p span i { text-align: center}
	.container-engloba-areas-p span i br{ display: none}
	
	.container-defesa { width: 100%;}
	.container-defesa i { font: 14px montserrat-regular; line-height: 22px; margin: 0 0 20px; text-align: justify}
	.container-defesa p { width: 100%;}
	.container-defesa p strong { font: 14px montserrat-regular; line-height: 22px; margin: 0 5%;}
	.container-defesa p b { font: 14px montserrat-regular; line-height: 22px;  text-align: justify}
	
	.title-footer { margin: 20px 2% 0; width: 96%;}
	.title-footer b { padding: 30px 0 0;}
	.title-footer p { font: 22px liberation-bold; line-height: 22px;}
	.title-footer p i { font: 22px liberation-bold_italic;}
	.title-footer p br { display: none}
	
	.infos-footer { margin: 20px 2% 0; width: 96%; display: block;}
	.infos-footer div { width: 100%; padding: 0; background: none; margin: 0 0 20px; float: left;}
	.infos-footer div p b { margin: 0 0 10px;}
	.email { margin: 0 0 5px;}
	.fundo-footer{ height: auto; background: none}
	.formulario-footer-padrao-2 { background: #353538; margin: 0 0 0 -2%; width: 104%;}
	.formulario-footer-padrao-2 div { width: 90%; margin: 20px 0;}
	.formulario-footer-padrao-2 input { height: 35px; margin: 0 0 20px 0;}
	.formulario-footer-padrao-2 textarea { height: 100px;}
	.w48F { width: 100% !important;}	
	
	.email{ background: url(../img/email.svg) no-repeat center; background-size: 215px;}
	
	
}
@media( max-width: 550px){
	.container-engloba-areas p span { margin: 20px 5% 0; width: 90%}
	.container-engloba-areas p span { text-align: left;}
	.container-engloba-areas-p span { margin: 20px 5% 0; width: 90%}
	.container-engloba-areas-p span { text-align: left;}
}