@import url(reset.css);
@import url(fonts.css);
@import url(padrao.css);
@import url(responsivo.css);

/* Header */
/* header { opacity: 0; } */
header #logo { opacity: 0; top: -130px; text-align: left; width: 213px; height: auto; float: left; position: relative; padding: 0px; }
header #menu #redes a { margin: 0px 3px; }

#menu_topo { opacity: 0; padding: 8px 0px 8px; float: left; width: 100%; height: auto; position: fixed; z-index: 18; background: linear-gradient(180deg, rgb(0, 0, 0) 25%, transparent 100%); }

/* #menu_topo .scroll_1 { display: none!important; } */

header #menu { opacity: 0; width: 692px; height: auto; float: right; position: relative; margin-right: 0px; margin-top: 27px; }
header #menu ul { float: right; width:100%; height: auto; position: relative; margin: 0px; list-style:none; }
header #menu ul li { float: left; width:auto; height: auto; padding:0px; margin:7px 0px 9px; position: relative; }
header #menu ul li a { text-decoration: none; color: #9B9DA0; padding: 0px 20.4px 11px; border-bottom: 2px solid #9B9DA0; font-size:14px; font-family: 'Lucida-Bright'; letter-spacing: 0px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
header #menu ul li a:hover { color: #FAFDFF; opacity: 1; border-bottom: 2px solid #FAFDFF; }
header #menu ul li a.sel { color: #FAFDFF; border-bottom: 2px solid #FAFDFF; }

#menu_navegacao { width: 539px; height: auto; position: relative; float: left; }

#menu_redes { width: 112px; height: auto; position: relative; float: right; }
#menu_redes .face { margin-right: 10px; }
#menu_redes .face .a { fill:none; }
#menu_redes .face .d { fill:none; }
#menu_redes .face .a { stroke:#9b9da0; stroke-width:2px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
#menu_redes .face .b { fill:#fafdff; }
#menu_redes .face .c { stroke:none; }
#menu_redes .face:hover .a { stroke: #FAFDFF; }

#menu_redes .insta .a { fill:none; }
#menu_redes .insta .e { fill:none; }
#menu_redes .insta .a { stroke:#9b9da0; stroke-width:2px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
#menu_redes .insta .b { fill:#fafdff; }
#menu_redes .insta .c { fill:#fafdff; }
#menu_redes .insta .b { fill-rule:evenodd; }
#menu_redes .insta .d { stroke:none; }
#menu_redes .insta:hover .a { stroke: #FAFDFF; }

/* Menu_2 */
#menu_topo_2 { padding: 8px 0px 8px; float: left; width: 100%; height: auto; position: fixed; z-index: 18; background: #FAFDFF; display: none; }
/* .scroll_2 { display: block!important; } */

header #logo_2 { text-align: left; width: 213px; height: auto; float: left; position: relative; padding: 0px; }
header #menu_2 #redes_2 a { margin: 0px 3px; }


header #menu_2 { width: 692px; height: auto; float: right; position: relative; margin-right: 0px; margin-top: 27px; }
header #menu_2 ul { float: right; width:100%; height: auto; position: relative; margin: 0px; list-style:none; }
header #menu_2 ul li { float: left; width:auto; height: auto; padding:0px; margin:7px 0px 9px; position: relative; }
header #menu_2 ul li a { text-decoration: none; color: #9B9DA0; padding: 0px 20.4px 11px; border-bottom: 2px solid #9B9DA0; font-size:14px; font-family: 'Lucida-Bright'; letter-spacing: 0px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
header #menu_2 ul li a:hover { color: #131314; opacity: 1; border-bottom: 2px solid #131314; }
header #menu_2 ul li a.sel { color: #131314; border-bottom: 2px solid #131314; }

#menu_navegacao_2 { width: 539px; height: auto; position: relative; float: left; }

#menu_redes_2 { width: 112px; height: auto; position: relative; float: right; }
#menu_redes_2 .face { margin-right: 10px; }
#menu_redes_2 .face .a { fill:none; }
#menu_redes_2 .face .d { fill:none; }
#menu_redes_2 .face .a { stroke:#6D6F72; stroke-width:2px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
#menu_redes_2 .face .b { fill:#424447; }
#menu_redes_2 .face .c { stroke:none; }
#menu_redes_2 .face:hover .a { stroke: #131314; opacity: 1 }

#menu_redes_2 .insta .a { fill:none; }
#menu_redes_2 .insta .e { fill:none; }
#menu_redes_2 .insta .a { stroke:#6D6F72; stroke-width:2px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
#menu_redes_2 .insta .b { fill:#424447; }
#menu_redes_2 .insta .c { fill:#424447; }
#menu_redes_2 .insta .b { fill-rule:evenodd; }
#menu_redes_2 .insta .d { stroke:none; }
#menu_redes_2 .insta:hover .a { stroke: #131314; opacity: 1 }


/* Main */
#main section#conteudo { opacity: 0; width: 100%; height: auto; float: left; position: relative; background-color: #FFFFFF; }

#banner_home { width: 100%; height: auto; float: left; position: relative; background-color: #FFFFFF; }
#banner_home .chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
  text-align: center;
  margin: 0 auto;
}

#banner_home .chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}

#banner_home .arrowsWrap {
  width: 50px;
  margin-left: -25px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  z-index: 999;
}

#banner_home .arrows {
    color: #FFFFFF;
    padding: 15px 0;
    cursor: pointer;
    display: inline-block;
    -webkit-animation-name: wobble-vertical;
    animation-name: wobble-vertical;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation: wobble-vertical 2s steps(10) infinite;
    -moz-animation: wobble-vertical 2s steps(10) infinite;
    -ms-animation: wobble-vertical 2s steps(10) infinite;
    -o-animation: wobble-vertical 2s steps(10) infinite;
    animation: wobble-vertical 2s steps(10) infinite;
}

#banner_home .chevron {
    /*Loop Animation*/
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    width: 50px;
    height: 50px;
}

#banner_home .chevron:hover {
    opacity: .5;
}

#banner_home .arrows.open .chevron {
  /*Rotate Animation*/
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  /* transform: rotate(45deg); */
}

/*Hover.css Copyright Ian Lunn 2014.*/ 
/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#header_topo_internas { width: 100%; height: auto; position: relative; float: left;  background: url(../image/topo-padrao.jpg) top left no-repeat; padding: 180px 0px 90px; }
#header_topo { width: 100%; height: auto; position: relative; float: left; background-color: #001C54; padding: 72px 0px 56px; }
/* Home */
.linha_degrade { width: 100%; height: 4px; position: relative; float: left; background: url(../image/linha-banner.png) top left no-repeat; }
/* .scroll { position: absolute; bottom: 60px; left: calc(50% - 16px); z-index: 10; } */

#sobre_nos_home { width: 100%; height: auto; position: relative; float: left; background: url(../image/bg-sobre-nos.jpg) top left no-repeat; padding: 117px 0px 120px; }
.coluna_sobre_home_1 { width: 464px; height: auto; position: relative; float: left; padding-top: 4px; }
.coluna_sobre_home_2 { width: 560px; height: auto; position: relative; float: right; }
.coluna_sobre_home_2 p { line-height: 1.05em; text-align: left; color: #F0F6FA; }

#area_de_atuacao { width: 100%; height: auto; position: relative; float: left; padding: 117px 0px; background: url(../image/bg-areas-atuacao.jpg) top left no-repeat }
.cards_area { width: 100%; height: 180px; position: relative; float: left; background: url(../image/linha-areas-atuacao.png) center 60px no-repeat; display: flex; justify-content: space-between; margin-top: 48px; }
.card_atuacao { width: 176px; height: 120px; position: relative; float: left; justify-content: space-around; }
.card_atuacao p { color: #424447; font-size: 16px; font-family: 'Lucida-Demi'; }
.borda_atuacao { width: 120px; height: 120px; position: relative; float: left; margin-bottom: 28px; margin-left: calc(50% - 60px); box-shadow: 4px 12px 24px #53A1DA3D; background-color: #F0F6FA; padding-top: 34px; border-radius: 4px;-webkit-border-radius: 4px 4px 4px 4px; }

#blog_home { width: 100%; height: auto; position: relative; float: left; background: url(../image/bg-blog.jpg) top left no-repeat; padding: 110px 0px 110px; }
.coluna_home_1 { width: 464px; height: auto; position: relative; float: left; padding-top: 82px; }
.coluna_home_2 { width: 572px; height: auto; position: relative; float: right; }
.coluna_home_2 .card_blog { margin: 7px; }

#quem_somos_interna { width: 100%; height: auto; position: relative; float: left; background: url(../image/azul-fundo.png) left 230px no-repeat; padding: 102px 0px 102px; }
.coluna_quem_somos_1 { width: 500px; height: auto; position: relative; float: left; z-index: 2; }
#bolinha_quem_somos { position: absolute; top: 216px; left: -134px; z-index: 1; }
#icon_quem_somos { position: absolute; top: 86px; right: -24px; z-index: 1; }
.coluna_quem_somos_2 { width: 560px; height: auto; position: relative; float: right; padding-top: 65px; }

#valores_area_de_atuacao { width: 100%; height: auto; position: relative; float: left; background: #F5FBFF; padding: 68px 0px 54px; }
#valores_area_de_atuacao .cards_valores {  display: flex; justify-content: space-between; align-items: center; height: 180px; background: url(../image/linha_atuacao.png) left bottom no-repeat; }
#valores_area_de_atuacao .coluna_valores_1 { width: 310px; height: auto; position: relative; float: left; }
#valores_area_de_atuacao .coluna_valores_1 img { margin: -28px 14px 0px 0px; position: relative; float: left; box-shadow: 0px 8px 18px #1A92C83D; border-radius: 4px; -webkit-border-radius: 4px 4px 4px 4px; }
#valores_area_de_atuacao .coluna_valores_1 h4 { color: #424447; height: 23px; }
#valores_area_de_atuacao .coluna_valores_2 { width: 740px; height: auto; position: relative; float: right; }

#valores_quem_somos { width: 100%; height: auto; position: relative; float: left; background: url(../image/bg-valores.jpg) left center no-repeat; padding: 68px 0px 54px; }
#valores_quem_somos .cards_valores {  display: flex; justify-content: space-between; align-items: center; height: 180px; background: url(../image/linha.png) left bottom no-repeat; }
#valores_quem_somos .coluna_valores_1 { width: 230px; height: auto; position: relative; float: left; }
#valores_quem_somos .coluna_valores_1 img { margin: -19px 14px 0px 0px; position: relative; float: left; }
#valores_quem_somos .coluna_valores_1 h4 { height: 25px; }
#valores_quem_somos .coluna_valores_2 { width: 850px; height: auto; position: relative; float: right; }
#valores_quem_somos .coluna_valores_2 p { text-align: left; color: #FAFDFF; }
#martelo_quem_somos { position: absolute; bottom: -70px; left: calc(50% - 60px); z-index: 2; }

#nossa_equipe { width: 100%; height: auto; position: relative; float: left; padding: 117px 0px 54px; background-color: #F5FBFF; }
.cards_advogados { width: 100%; height: auto; position: relative; float: left; background-color: #FFFFFF; border-radius: 4px; -webkit-border-radius: 4px 4px 4px 4px; margin-bottom: 14px; }
.foto_advogados { width: 32.8%; height: 359px; position: relative; float: left; border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; }
.descricao_advogados { width: 67.2%; height: 359px; position: relative; float: right; padding: 58px 30px; }
.sobre_advogados { width: 249px; height: auto; position: relative; float: left; padding-top: 64px; }
.sobre_advogados h2 { font-size: 14px; letter-spacing: 2.24px; margin-bottom: 4px; }
.sobre_advogados h2 span { color: #424447; font-size: 21px; }
.oab { color: #9B9DA0; font-size: 14px; }
.traco_advogados { width: 1px; height: 232px; position: relative; float: left; background: url(../image/linha-advogados.png) top center no-repeat; }
.advogados_especialidades { width: 214px; height: auto; position: relative; float: right; padding-top: 30px; }
.advogados_especialidades h4 { color: #131314; font-size: 21px; width: 100%; margin-bottom: 12px; }
.advogados_especialidades p { color: #6D6F72; font-size: 14px; margin-bottom: 5px; }
.advogados_especialidades strong { font-size: 25px; color: #131314; margin: 0px 5px 0px 0px; position: relative; float: left; }
.advogados_especialidades img { margin-right: 2px; }

#blog_conteudo { width: 100%; height: auto; position: relative; float: left; padding: 68px 0px 5px; background-color: #F5FBFF; }
#blog_conteudo .blog_data { color: #1A92C8; font-size: 14px; font-family: 'Calibri'; margin: 20px 0px 5px; }
#blog_conteudo .coluna_blog_1 img { border-radius: 4px; -webkit-border-radius: 4px 4px 4px 4px; }
#blog_conteudo .coluna_blog_1 { width: 560px; height: auto; position: relative; float: left; }
#blog_conteudo .coluna_blog_2 { width: 528px; height: auto; position: relative; float: right; }
#blog_conteudo .redes_botao { margin-top: 75px; }

#blog_interna { width: 100%; height: auto; position: relative; float: left; padding: 92px 0px 83px; background-color: #F5FBFF; }
#blog_interna .card_blog { margin: 10px 1.07%; }
#blog_interna .card_blog .nome_card_blog { color: #424447; }
#blog_interna .card_blog .mais_card_blog span { color: #424447; }
#blog_interna .card_blog .mais_card_blog .a { fill:#424447; }
#blog_interna .card_blog .mais_card_blog .b { fill:#131314; }
#blog_interna .card_blog:hover .mais_card_blog .a { fill:#131314; opacity: 1; }

#contato_interna { width: 100%; height: auto; position: relative; float: left; padding: 102px 0px 92px; background-color: #F5FBFF; }
.coluna_contato_1 { width: 464px; height: auto; position: relative; float: left; padding: 62px 34px; background: url(../image/bg-form.jpg) left center no-repeat; border-radius: 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.coluna_contato_2 { width: 464px; height: auto; position: relative; float: right; padding-top: 15px; }
.coluna_contato_2 a:hover { color: #1A92C8; }
.coluna_contato_2 .space { padding: 12.5px 5px; }
.coluna_contato_2 iframe { border-radius: 10px; -webkit-border-radius: 10px 10px 10px 10px; margin: 37px 0px 34px; }
.coluna_contato_2 h4 { color: #131314; font-size: 21px; margin-bottom: 22px; }
.coluna_contato_2 svg { margin: 0px 3px -16px 0px; }
.coluna_contato_2 svg .a { fill:none; }
.coluna_contato_2 svg .d { fill:none; }
.coluna_contato_2 svg .a { stroke:#c6c8cc; opacity: 1; stroke-width:2px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.coluna_contato_2 svg .b { fill:#131314; }
.coluna_contato_2 svg .c { stroke:none; }
.coluna_contato_2 a:hover svg .a { stroke: #131314; opacity: 1 }
.coluna_contato_2 .insta { margin-left: 8px; }
.coluna_contato_2 .insta .a { fill:none; }
.coluna_contato_2 .insta .e { fill:none; }
.coluna_contato_2 .insta .a { stroke:#c6c8cc; opacity: 1; stroke-width:2px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.coluna_contato_2 .insta .b { fill:#131314; }
.coluna_contato_2 .insta .c { fill:#131314; }
.coluna_contato_2 .insta .b { fill-rule:evenodd; }
.coluna_contato_2 .insta .d { stroke:none; }
.coluna_contato_2 .insta:hover .a { stroke: #131314; opacity: 1 }

.card_blog { width: 272px; height: auto; position: relative; float: left; }
.card_blog .foto_card_blog { width: 100%; height: 272px; position: relative; float: left; background-size: auto 100%; border-radius: 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.card_blog .data_card_blog { color: #1A92C8; font-size: 14px; font-family: 'Calibri'; margin: 20px 0px 5px; }
.card_blog .nome_card_blog { color: #FAFDFF; font-size: 21px; font-family: 'Lucida-Demi'; line-height: 1.1em; }
.card_blog .mais_card_blog { transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.card_blog .mais_card_blog .a { fill:#9b9da0; stroke:none; }
.card_blog .mais_card_blog .b { fill:#fafdff; }
.card_blog .mais_card_blog .a { fill-rule:evenodd; opacity:0.48; }
.card_blog .mais_card_blog span { width: 0px; height: 30px; opacity: 0; padding-top: 5px; color: #FAFDFF; font-size: 14px; font-family: 'Calibri'; position: relative; float: left; overflow: hidden; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
.card_blog:hover .mais_card_blog span { width: 60px; opacity: 1; }
.card_blog:hover .mais_card_blog .a { fill: #FAFDFF; }

.flex { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; align-content: center; }

.banner_mobile { display: none; }

footer { width: 100%; height: auto; float: left; position: relative; background: #00243D; padding: 123px 0px 18px 0px; }
footer p { color: #FFFFFF; }
footer svg { fill: #FFFFFF; margin: 0px 3px -16px 0px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer a { color: #FFFFFF; font-family: 'Calibri'; font-size: 16px; }
footer a:hover { color: #1A92C8; }
footer a svg .a { transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer .titulo { color: #FAFDFF; font-size: 21px; font-family: 'Lucida-Demi'; margin-bottom: 15px; }
footer .coluna_footer_1 { width: 275px; height: auto; position: relative; float: left; margin-right: 4.4%; }
footer .coluna_footer_2 { width: 234px; height: auto; position: relative; float: left; margin-right: 3.3%; }
footer .coluna_footer_2 p { padding-bottom: 8px; }
footer .coluna_footer_3 { width: 263px; height: auto; position: relative; float: left; margin-right: 7.5%; }
footer .coluna_footer_3 p { padding-bottom: 8px; }
footer .coluna_footer_4 { width: 142px; height: auto; position: relative; float: left; }
footer .coluna_footer_4 p { padding-bottom: 8px; }
footer .coluna_footer_4 svg { margin: 7px 15px 20px 0px; position: relative; float: left; }

footer .insta .a { fill:none; }
footer .insta .e { fill:none; }
footer .insta .a { stroke:#9b9da0; stroke-width:2px; transition: 0.7s ease; -webkit-transition: 0.5s ease; }
footer .insta .b { fill:#fafdff; }
footer .insta .c { fill:#fafdff; }
footer .insta .b { fill-rule:evenodd; }
footer .insta .d { stroke:none; }
footer a:hover svg .a { stroke: #FFFFFF!important; }

.cor_branco { color: #FAFDFF; }
.cor_cinza { color: #424447; }