.banner{width:2000px; height:630px; left: 50%; margin-left: -1000px; position: relative;}
.banner .slider{ width:2000px; height:630px; position:absolute; z-index:10; float: left;}
.banner .sliderContent{ width:2000px; height:630px; clear:both; position: absolute;}
.banner .sliderContent .item { width:2000px; height:630px; position: absolute; background-repeat: no-repeat; background-position: center center; background-size: auto 630px; } 
.banner .sliderContent .item .esquerda { position: relative; margin: 180px 0px 0px 0px; width: 850px; height: auto; float: left; }
.banner .sliderContent .item .esquerda .cta-titulo { width: 100%; font-size: 34px; font-family: 'Muli'; color: #ffffff; font-weight: 100; text-align: left; padding-bottom: 10px; line-height: 40px; }
.banner .sliderContent .item .esquerda .cta-introducao { font-size: 16px; letter-spacing: 1px; font-family: 'Muli'; color: #707070; font-weight: 200; text-align: left; padding-bottom: 20px; line-height: 24px; }
.banner .sliderContent .item .esquerda .cta-consulta { color: #ffffff; font-size: 11px; letter-spacing: 1px; font-family: 'Muli'; font-weight: 300; line-height: 38px; text-align: center; width: auto; padding: 0px 15px; height: 38px; margin: 15px 0px 0px 0px; position: relative; float: left; border: 1px solid #707070; animation: pulse 2s infinite; }
.banner .sliderContent .item .esquerda .cta-consulta:hover { border: 1px solid #ffffff; background-color: #ffffff; color: #707070; }

.sliderBullets { margin: 0px auto; width: 100%; padding: 0px; position: absolute; top: 560px; text-align: center; z-index: 1002; }
.sliderBullets a { opacity: 1; float: none; display: inline-block; vertical-align: top; text-indent:-9999px; outline:none; margin-right:10px; width:10px; height:8px; background-color: rgba(255,255,255,0.4); -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sliderBullets .active {  background-color: rgba(255,255,255,1); -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 30px; height: 8px; }
.sliderBullets .active:hover { background-color: rgba(255,255,255,1); }
.sliderBullets a:hover { background-color: rgba(255,255,255,0.7); }

/*ATUACAO*/
.atuacao { width: 100%; background-color: #FFFFFF; padding-bottom: 70px;  }
.atuacao .bloco1 { width: 100%; height: auto; margin-top: 50px; }
.atuacao .bloco1 ul li { list-style: none; display: inline-block; width: 260px; height: 210px; overflow: hidden; cursor: pointer; }
.atuacao .bloco1 ul li .mascara { width: 200px; height: 150px; padding: 30px; background: rgba(0,0,0,0.9); -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; }
.atuacao .bloco1 ul li .mascara .h32 { padding-bottom: 0px; font-size: 24px; }
.atuacao .bloco1 ul li .mascara .linha { width: 68%; height: 1px; background: #656564; margin: 10px 0px; }
.atuacao .bloco1 ul li .mascara .p2 { font-size: 11px; line-height: 12px }
.atuacao .bloco1 ul li .mascara:hover { background-color: rgba(0,0,0,0.7); }
.atuacao .bloco1 ul li.ativo { height: 236px; margin-bottom: -26px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.atuacao .bloco1 ul li.ativo .mascara { background-color: rgba(0,0,0,0.7); height: 176px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.atuacao .bloco1 ul li.ativo .mascara .p2 { color: #FFFFFF; }
.atuacao .esconde, .atuacao .escondeativo { display: none; }
.atuacao .bloco2 { width: 100%; height: 64px; background-color: #000000; margin-top: 20px; }
.atuacao .bloco2 ul { text-align: center; }
.atuacao .bloco2 ul li { list-style: none; display: inline-block; cursor: pointer; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; border-right: 1px solid #1a1a1a; height: 64px; }
.atuacao .bloco2 ul li p { font-family: 'Muli', sans-serif; font-weight: 300; font-size: 12px; color: #6e6e6e; text-transform: uppercase; line-height: 64px; padding: 0px 15px; }
.atuacao .bloco2 ul li:last-child { border: none; } 
.atuacao .bloco2 ul li .seta { width: 15px; height: 8px; background: url(../imagens/sub.png) no-repeat center bottom; left: 50%; margin-left: -7.5px; position: relative; display: none; }
.atuacao .bloco2 ul li.ativo p { color: #FFFFFF; }
.atuacao .bloco2 ul li.ativo .seta { display: block; }
.atuacao .bloco3 { width: 100%; margin-top: 30px; }
.atuacao .bloco3 .linha { width: 100%; height: 1px; background-color: #aaacad; margin: 20px 0px; }

/*INSTITUCIONAL*/
.institucional { width: 100%; height: auto; background: #000000 url(../imagens/banner-fundo-institucional.png) no-repeat center center; padding-bottom: 30px; }
.institucional .btadvogado { width: 280px; height: 50px; float: right; margin-top: 50px; border: 1px solid #FFFFFF; font-family: 'Muli', sans-serif; font-size: 18px; text-transform: uppercase; color: #FFFFFF; letter-spacing: 1px; font-weight: 200; text-align: center; line-height: 50px; }
.institucional .titulo2 { padding: 50px 0px 30px 0px; }
.fotos-institucional { width: 100%; height: auto; margin-top: 50px; }
.fotos-institucional ul li { list-style: none; float: left; width: 33%; height: auto; }
.fotos-institucional ul li img { width: 360px; height: 220px; }
.flexslider2 .flex-control-nav { bottom: -20px; }

/*ADVOGADOS*/
.advogados { width: 100%; height: auto; background-color: #000000; padding-bottom: 70px; }
.advogados ul li { list-style: none; width: 100%; margin-bottom: 30px; }
.advogados ul li img { width: 200px; height: 280px; float: left; margin-right: 30px; }
.advogados ul li .txtadv { float: left; width: 770px; }
.advogados ul li .txtadv .nomeoab { font-family: 'Muli', sans-serif; font-size: 24px; font-weight: 200; color: #FFFFFF;  }
.advogados ul li .txtadv .nomeoab span { font-size: 16px; color: #515151; margin-left: 10px;}
.advogados ul li .txtadv .linha { width: 150px; height: 1px; background-color: #4d4d4d; margin: 15px 0px; }
.advogados ul li .txtadv .p2 { font-size: 12px; }

/*DECISOES JUDICIAIS*/
.decisoes-judiciais { width: 100%; height: auto; background: #1e1e1e url(../imagens/banner-fundo-decisao.jpg) no-repeat center top; padding-bottom: 70px; }
.decisoes-judiciais ul li { list-style: none; float: left; width: 28%; padding: 0px 2.5% 30px 2.5%; }
.decisoes-judiciais ul li img { width: 308px; height: 260px }
.decisoes-judiciais ul li .h32 { padding: 15px 0px; }
.decisoes-judiciais ul li .saibamais {  font-family: 'Muli', sans-serif; font-size: 11px; font-weight: 200; text-transform: uppercase; color: #FFFFFF; text-align: center; line-height: 40px; width: 110px; height: 40px; border: 1px solid #4d4c4c; margin-top: 20px;}

.ativa_decisao { width: 100%; height: auto; position: relative; clear: both; }
.ativa_decisao .decisoes { width: 100%; height: auto; position: relative; clear: both; display: none; font-family: 'Muli'; font-size: 14px; font-weight: 300; color: #FFFFFF; text-align: left; line-height: 22px; padding: 30px 0px 50px 0px; margin-top: 30px; border-top: #707070 1px solid; }
.ativa_decisao .decisoes img { float: left; width: 350px; height: 350px; position: relative; padding: 0px 20px 20px 0px; }
.ativa_decisao .decisoes p { font-family: 'Muli'; font-size: 32px; font-weight: 100 !important; padding-bottom: 15px; color: #707070; text-align: left; line-height: 30px; }
.ativa_decisao .decisoes .fecha_decisao { font-family: 'Muli'; font-size: 12px; font-weight: 400; cursor: pointer; margin-top: 20px; letter-spacing: 1px; padding: 10px 15px; color: #707070; text-align: center; clear: both; float: right; line-height: 14px; }

/*INFORMATIVO*/
.informativo { width: 100%; height: auto; background: #000000; padding-bottom: 70px; }
.informativo ul li { list-style: none; float: left; width: 28%; padding: 0px 2.5%; }
.informativo ul li .data { font-family: 'Muli', sans-serif; font-size: 11px; font-weight: 200; color: #8c8a84; }
.informativo ul li .h32 { padding: 15px 0px; }
.informativo ul li .saibamais {  font-family: 'Muli', sans-serif; font-size: 11px; font-weight: 200; text-transform: uppercase; color: #FFFFFF; text-align: center; line-height: 40px; width: 110px; height: 40px; background: #1e1e1e; margin-top: 20px;}

/*ONDE ESTAMOS*/
.onde-estamos { width: 100% height: auto; background: #FFFFFF url(../imagens/banner-fundo-cidade.jpg) no-repeat center center; padding-bottom: 70px; }
.onde-estamos .txtoe { width: 56%; float: left; }
.onde-estamos .cidade { margin-top: 50px; }
.onde-estamos .cidade img { width: 210px; height: 160px; float: left; margin-right: 30px; }
.onde-estamos .cidade .txtcid { width: 320px; float: left; }
.onde-estamos .cidade .txtcid .linha { width: 150px; height: 1px; background: #cccccc; margin-bottom: 20px; }
.onde-estamos .mapa { width: 42%; float: right; margin-top: 50px; }
.onde-estamos .mapa img { width: 100%; }

/*FALE CONOSCO*/
.fale-conosco { width: 100%; height: auto; background: #e6e6e6; padding-bottom: 70px; }
.fale-conosco .informacoes { width: 47%; float: left; }
.fale-conosco .informacoes ul li { list-style: none; margin-bottom: 30px; }
.fale-conosco .informacoes ul li .h31 { font-size: 18px; line-height: 18px; padding: 0px 0px 10px 0px; }
.fale-conosco .informacoes ul li a { font-size: 14px; color: #5c5c5c; font-weight: 400; }
.fale-conosco .informacoes ul li a:hover { text-decoration: underline; }
.fale-conosco form { width: 45%; float: right; border-left: 1px solid #FFFFFF; padding-left: 50px; }
.fale-conosco form input[type="text"] { width: 100%; height: 15px; padding: 8px; background-color: #FFFFFF; font-family: 'Muli', sans-serif; font-size: 14px; color: #000000; font-weight: 400; margin-bottom: 30px; }
.fale-conosco form textarea { width: 100%; height: 150px; padding: 8px; background-color: #FFFFFF; font-family: 'Muli', sans-serif; font-size: 14px; color: #000000; font-weight: 400; margin-bottom: 30px; }
.fale-conosco form input[type="submit"] { width: 100px; height: 40px; cursor: pointer; background-color: #000000; font-family: 'Muli', sans-serif; font-size: 16px; color: #FFFFFF; font-weight: 200; text-transform: uppercase; }

/*NEWSLETTER*/
.newsletter { width: 100%; height: auto; padding-bottom: 20px; background: url(../imagens/banner-fundo-newsletter.jpg) no-repeat; }
.newsletter .titulo2 { float: left; width: 20%; }
.newsletter .p2 { float: right; color: #FFFFFF; width: 73%; margin-top: 60px; }
.newsletter form.news { width: 100%; height: auto; }
.newsletter form.news input[type="text"] { width: 24%; height: 32px; padding: 8px; margin-right: 15px; background-color: #FFFFFF; font-family: 'Muli', sans-serif; font-size: 12px; color: #000000; font-weight: 400; margin-bottom: 30px; }
.newsletter form.news input[type="buttom"] { width: 15%; height: 48px; padding: 0px 8px; background-color: #5c5c5c; font-family: 'Muli', sans-serif; text-transform: uppercase; font-size: 12px; color: #FFFFFF; text-align: center; cursor: pointer; font-weight: 300; }

@media screen and (max-width: 1100px) {

	.banner{width:100%; height:475px; left:0px; margin-left: 0px; position: relative; }
	.banner .slider{ width:100%; height:475px; }
	.banner .sliderContent{ width:100%; height:475px; }
	.banner .sliderContent .item { width:100%; height:475px; background-size: auto 475px; }
	.banner .sliderContent .item .esquerda { position: relative; margin: 50px auto; padding-top: 60px; width: 320px; height: auto; float: none; text-align: center; }
	.banner .sliderContent .item .esquerda .cta-titulo { margin: 0px; height: auto; width: 100%; text-align: center; position: relative; font-size: 24px; line-height: 24px; margin: 0px 0px 25px 0px; text-align: center; left: inherit; height: auto; }
	.banner .sliderContent .item .esquerda .cta-introducao { display: none; }
	.banner .sliderContent .item .esquerda .cta-consulta { margin: 8px 0px; float: none; display: inline-block; }

	.sliderBullets { margin: 0px auto; left: 0px; width: 300px; padding: 5px; position: absolute; left: 50%; margin-left: -150px; top: 440px; text-align: center; z-index: 1002; }
	.sliderBullets a { float: none; display: inline-block; vertical-align: top; }
	.sliderBullets a { background-color: rgba(92,92,92,0.4); }
	.sliderBullets .active {  background-color: rgba(92,92,92,1); }
	.sliderBullets .active:hover { background-color: rgba(92,92,92,1); }
	.sliderBullets a:hover { background-color: rgba(92,92,92,0.7); }

	.decisoes-judiciais { width: 94%; height: auto; padding: 0px 3%; }
	.decisoes-judiciais ul { text-align: center; }
	.decisoes-judiciais ul li { list-style: none; float: none; width: 308px !important; padding: 0px; margin: 0px 5px; display: inline-block; vertical-align: top; }
	.decisoes-judiciais ul li img { width: 308px; }
	.ativa_decisao { width: 94%; padding: 0px 3%; }
	.ativa_decisao .decisoes img { float: none; width: 100%; height: auto; position: relative; padding: 0px 20px 0px 0px; }

	.informativo { width: 94%; height: auto; padding: 0px 3%; }
	.informativo ul { text-align: center; }
	.informativo ul li { list-style: none; float: none; display: inline-block; vertical-align: top; width: 300px !important; padding: 0px 10px; }

	.atuacao .bloco1 ul li.ativo { height: 210px; }
	.atuacao .bloco1 ul li.ativo .mascara { height: 150px; }
	.atuacao .bloco1 ul li .mascara .linha { margin: 10px auto; }
	.atuacao .bloco1 ul li.ativo { margin-bottom: 0px; }
	.atuacao .bloco2 { height: auto; min-height: auto; padding: 10px 0px; }
	.atuacao .bloco2 ul li { height: auto; }
	.atuacao .bloco2 ul li p { line-height: 30px; }
	.atuacao .bloco2 ul li .seta { display: none; width: 0px; height: 0px; }

	/*ADVOGADOS*/
	.advogados ul li .txtadv { width: auto; }
	.advogados ul li img { left: 50%; margin: 0px 0px 20px -100px; position: relative; }
	.advogados ul li .txtadv .linha { margin: 0px auto; }

	/*DECISOES JUDICIAIS*//*INFORMATIVO*/
	.decisoes-judiciais ul li .saibamais, .informativo ul li .saibamais  { left: 50%; margin-left: -55px; position: relative; }
}

@media screen and (max-width: 845px) {
	/*ONDE ESTAMOS*/
	.onde-estamos .txtoe { width: 100%; }
	.onde-estamos .cidade .txtcid { width: 100%; float: none; }
	.onde-estamos .mapa { display: none; }
	.onde-estamos .cidade img { width: 210px; height: 160px; float: none !important; margin-right: 0px; }
	.onde-estamos .cidade .txtcid .linha { width: 100%; }

	/*FALE CONOSCO*/
	.fale-conosco .informacoes { width: 100%; }
	.fale-conosco form { width: 100%; border: none; padding: 0px; margin: 0 auto 0 -8px; float: none; }

	/*NEWSLETTER*/
	.newsletter { background: #000000; }
	.newsletter .p2 { width: 100%; margin-top: 0px; margin-bottom: 30px; }
	.newsletter form.news input[type="text"] { width: 90%; height: 15px; }
	.newsletter form.news input[type="buttom"] { width: 50%; }

}

@media screen and (max-width: 600px) { 
	/*DECISOES JUDICIAIS*//*INFORMATIVO*/
	.decisoes-judiciais ul, .informativo ul { text-align: center; }
	.decisoes-judiciais ul li, .informativo ul li { width: 43%; padding-bottom: 30px; float: none; display: inline-block; }
	.institucional .btadvogado { width: 150px; height: 40px; line-height: 40px; }
}

@media screen and (max-width: 581px) { 
	/*ATUACAO*/
	.atuacao .bloco1 ul li, .atuacao .bloco1 ul li.ativo { height: 110px; }
	.atuacao .bloco1 ul li .mascara, .atuacao .bloco1 ul li.ativo .mascara { height: 50px; }
	.atuacao .bloco1 ul li .mascara .linha, .atuacao .bloco1 ul li .mascara .p2 { display: none; }
}

@media screen and (max-width: 500px) {
	/* BANNER HOME */
	.flexslider .slides img { width: 198% !important; }
	.flex-control-nav { bottom: -38px !important; }
	.flex-control-paging li a.flex-active { background-color: #c3c3c3 !important; }
	/*INSTITUCIONAL*/
	.institucional .titulo2 { float: none !important; }
	.institucional .btadvogado { display: none; }
}

