@charset "utf-8";
/* midias lateral direita */
.midias_lateral_direita span.icons:before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin: 2px;
    border-radius: 100%;
    font-family: "Ionicons";
    color: #3c5d7c;
    font-size: 24px;
}

.midias_lateral_direita {
    /* position: absolute; */
    right: 2%;
    top: 220px;
    z-index: 9999999;
}
.home .midias_lateral_direita {
    /* top: 50vh; */
    display: flex;
    align-items: center;
}
.fixed .midias_lateral_direita {
    position: absolute;
    right: 1%;
    top: 7px;
    z-index: 9999999;
}
.midias_lateral_direita .midias {
    display: flex;
    flex-direction: row;
}
.fixed .midias_lateral_direita .midias {
    display: flex;
    flex-direction: row;
}
/*---*/
/*-----------------------------------*/
/*-------seletor de idiomas----------*/
/*-----------------------------------*/
ul.language-selector {
    display: flex;
    padding: 0;
    z-index: 999;
}

ul.language-selector li a {
    font-size: 11px;
    font-weight: 600;
    border: 1px solid #3b5e7d;
    color: #3d5e7d;
    padding: 1px 8px;
}
ul.language-selector li a:hover {
    background-color: var(--cor-primaria);
    color: #fff;
}

ul.language-selector li {
    display: block;
}

ul.language-selector li.current-lang {
    display: none;
}

@media screen and (max-width: 700px) {
	ul.language-selector {
		right: 0;
		padding: 0;
		top: 67px;
	}
}
/*-----------------------------------*/
/*---------------MENU--------------*/
/*-----------------------------------*/
#menu-container {height: 100%;display: flex;width: fit-content;margin: 0;flex-direction: row;z-index: 999999999;right: 7%;/* transform: translateX(-50%); */}
.home #menu-container {/* justify-content: center; */}
.fixed #menu-container {
    justify-content: end !important;
    padding-right: 7%;
    right: 0;
}
#menu-container .search-trigger {
    background-color: #000;
    padding: 0 33px;
    justify-content: center;
}
#menu-container .search-trigger:hover {
    background-color: #8d1a1c;
    padding: 0 33px;
    justify-content: center;
}
#top-wrapper.fixed .top-contatos{height: 0; opacity:0; overflow:hidden}
.top-menu-principal {
    display: flex;
    height: 100%;
    align-items: center;
}

.top-contatos {
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 18px 0 0;
}
.top-contatos span.icons:before {
    color: #00233b;
    font-size: 20px;
}

.top-contatos .phones {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 800;
}
.top-contatos span.icons:before {
    color: #3c5f7d;
    font-size: 30px;
}
.telefones {
    display: flex;
    align-items: center;
    margin-right: -33px;
}
.tel a span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 11px;
	font-weight:600;
}
.tel a span.icons:before {
    font-size:22px;
}
.top-contatos .email {
    font-size: 0px;
    margin-left: 18px;
}

.top-contatos .telefones  a.tel {
    font-size: 14px;
    font-weight: 800;
    display: flex;
    align-items: center;
}

.top-contatos .email span.icons:before,
.top-contatos .tel span.icons:before {
    height: auto;
    width: auto;
    margin: 0 10px 0 0;
    padding: 0;
    position: initial;
}
#menu {float: left;/* width: 100%; */box-sizing: border-box;position: relative;z-index: 500;height: 100%;}
#menu > div { height: 100%;}
#menu > div > ul {height: 100%;display: flex;flex-direction: row;padding: 0;width: 100%;justify-content: end;padding-right: 6px;align-items: center;}
#menu li {
    height: 100%;
    display: block;
    min-height: 100%;
    margin: 0 0%;
}
#menu li {
    max-width: 199px !important;
    text-align: center;
    padding: 0px;
}
#menu li.bt {
    background-color: var(--cor-primaria);
    height: 44px !important;!i;!;
    min-height: unset !important;!i;!;
    border-radius: 22px;
    overflow: hidden;
}
#menu li.bt a {color: #fff}
#menu li.bt:hover {
    background-color: var(--cor-secundaria);
}
#menu li ul li {
    max-width: unset !important;
}

#menu li.current-page-ancestor > a { }
#menu li.current-menu-item > a { }
#menu li.active{background-color: var(--cor-primaria);color: #fff;}
#menu li.active a{color: #fff;}

#menu li.bt-home a{ font-size: 0px;}
#menu li.bt-home a:before {
	font-family:Ionicons;
	font-size:20px;
	color:#FFF;
	content: "\f38f";
}
#menu li.restrita a:before {
	font-family:Ionicons;
	font-size: 16px;
	color:#FFF;
	content: "\f392";
	margin: -4px 9px 0 0;
}
#menu li.bt-home > #menu li.bt-home>:before {
	font-size:22px;
}

#menu a {font-size: 16px;color: #ffffff;padding: 0px 16px;text-align: center;font-weight: 600;text-transform: uppercase;letter-spacing: 0px;/* font-family: 'Source Sans 3', sans-serif; */background-color: transparent;margin: 0 5px;height: 100%;display: flex;align-items: center;}
.fixed #menu a {color: #000000 !important;}
.fixed #menu ul ul li a {color: #fff !important;}
#menu li:hover,
#menu li:hover > a {background-color: var(--cor-primaria);color: #fff !important;text-decoration:none !important;}
.current_page_item {/* border-bottom: 3px solid #ffffff; */}
#footer .current_page_item {border-bottom: 0px solid #ffffff;}
#menu ul ul {display: block;position: absolute;background: var(--cor-primaria);width: fit-content;min-width: 190px;z-index: 999;opacity:0;visibility:hidden;z-index:-9999;margin-top:15px;border-top: 3px solid #0f1a2c;padding: 22px 0;}
#menu li:hover ul, #menu li.over ul{ display:block; opacity:1; visibility: visible;	margin-top:0; z-index:9}

#menu ul li > ul {
    margin: 0;
}
#menu ul ul li {width: 100%;box-sizing: border-box;border-top: 0px;margin: 0;padding: 0;}
#menu ul ul li a {color: #fff !important;text-align: left;margin: 0;width: 100%;display: block;float: left;box-sizing: border-box;padding: 11px 24px;line-height: 100%;font-size: 12px;font-weight: 600;top: 0;text-transform: uppercase;}
#menu ul ul li a:before { display: inline-block; content: ""; opacity:0; color:#FFF ; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; width:7px; height: 7px; background-color: #fff; border-radius: 100%}
#menu ul ul li:hover > a {background-color: var(--cor-terciaria);padding-left:30px;}
#menu ul ul li:hover > a:before { opacity: 1; margin-right:10px; } 

#menu ul li.areas ul { min-width: 680px; }
#menu ul li.areas ul li.principais { width: 38%; }
#menu ul li.areas ul li.secundarias { width: 62%; border-left: 1px solid #333; }
#menu ul li.areas ul li > a:first-child { display: none }
#menu ul li.areas ul ul {display: block;float: left;width: 100%;position: relative;min-width: 0;top: 0;left: 0;background: none;padding: 0;}
#menu ul li.areas ul ul li { width: 100%; }
#menu ul li.areas ul ul li > a:first-child { display: inline-block; }

#menu-trigger {display: none;cursor: pointer;float: right;width: 53px;color: #FFF;font-size: 18px;padding: 0 10px;margin: 22px;}
#menu-trigger {
  position: relative;
  width: 40px;
  height: 30px;
  cursor: pointer;
}

#menu-trigger::before,
#menu-trigger::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
}

#menu-trigger::before {
  top: 0;
}

#menu-trigger::after {
  bottom: 0;
}

#menu-trigger span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ffffff;
  transform: translateY(-50%);
  border-radius: 2px;
}

.fixed #menu-trigger::before,
.fixed #menu-trigger::after,
.fixed #menu-trigger span {
  background-color: var(--cor-primaria);
}

#menu-trigger.active {position: absolute;top: 10px;right: 0px;z-index: 9999999999;/* background-color: white; */padding: 10px 10px 10px 20px;}
#menu-trigger.active:before {content: "\f129";color: #ffffff;font-size: 22px !important;}
.menu-oculto-bt-fechar {display: none}

/*------------------------------------------------------------ */
/* ------------------------- MOBILE -------------------------- */
/*------------------------------------------------------------ */
@media screen and (max-width: 700px) {

.menu-oculto-bt-fechar {
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
    width: 50px;
    height: 50px;
    margin: 10px;
    cursor: pointer;
    transform-origin: center;
    transition-delay: 2s;
    z-index: 666;
}
.menu-oculto-bt-fechar div:nth-child(1),
.menu-oculto-bt-fechar div:nth-child(2) {
	display:block;
	width: 100%;
	height:2px;
	background-color:#ccc;
	position: relative;
}
.menu-oculto-bt-fechar div:nth-child(1){
    transform: rotate(45deg);
    transform-origin: center;
    top: 47%;
}
.menu-oculto-bt-fechar div:nth-child(2){
    transform: rotate(-45deg);
    transform-origin: center;
    top: 46%;
}
.menu-oculto-bt-fechar:hover {transform: rotate(180deg);}
.menu-oculto-bt-fechar:hover div { background-color:#fff}
	.top-contatos{display: none;}
#menu-container {
	background: var(--cor-primaria);
	border: 0;
	width: 100% !important;
	margin: 0;
	padding: 0;
	height: auto;
	margin-top: 0px;
	/* visibility: hidden; */
	opacity: 0;
	top: -1000px;
	position: relative;
	}
	.fixed .midias_lateral_direita .midias {display:none}
	.midias_lateral_direita { display:none}
	.home .midias_lateral_direita { display:block}
	
#menu-container.active {
    position: fixed;
    top: 0;
    width: 100% !important;
    display: block !important;
    height: auto !important;
    visibility: visible;
    opacity: 1;
    top: 0px;
    margin-right: 0 !important;
    left: 0;
    z-index: 1;
}
	.top-menu-principal{
    flex-direction: column;
    align-items: flex-start;
}


.fixed .search-trigger span.icons:before  { color:#575756}

#menu { width: 100%; }
#menu a {line-height: 44px;padding: 0 20px;margin: 0;}
li.bt-contato a {
    border: 1px solid #fff !important;
    padding: 8px 22px !important;
    height: fit-content;
    margin-left: 0px !important;
}
#menu > div { height: auto;}
#menu li { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.3); text-align: left; }
#menu li:nth-child(odd) > a { }
#menu li.current-menu-item > a {border-bottom: 0px;/* border-left: 12px solid #FFF; */background: rgba(0,0,0,0.3)}

#menu-trigger {display: block;position: absolute;top: 0;right: 0;}
#menu {width: 100%;padding-top: 44px;}

li.bt-contato a {
    border: 1px solid #fff !important;
    padding: 8px 22px !important;
    height: fit-content;
    margin-left: 0px !important;
}

#menu li { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.3); text-align: left; }
#menu li:nth-child(odd) > a { }
#menu li.current-menu-item > a {border-bottom: 0px;border-left: 6px solid var(--cor-secundaria);background: transparent;width: fit-content;}
#menu a {font-size: 12px;width: 100%;text-align: left;border-left: 12px solid #da2128;border-bottom: 0;line-height: 48px;}

#search-trigger {position: relative;float: right; bottom: 0;height: 100%; margin-right: 0px; }
#search-trigger span { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); display: block; }

#menu-container ul.menu {width: 100%;padding: 11px 0px !important;display: contents;}
#menu-container ul li {border: 0;}
#menu-container ul li a {border: 0;font-weight: 600;padding: 0 26px;line-height: 34px;text-align: center;color: #fff;}
.fixed #menu a {
    color: #fff !important;
}

#menu-container ul li ul {position: relative;top: 0;background: none;width: 100%;max-width: 100%;padding: 0 5px;box-sizing: border-box;min-width: 0;visibility: visible;opacity: 1;border: none;margin-bottom: 11px;}
#menu-container ul li ul li {
    width: 100%;
    display: contents;
    float: left;
    height: inherit;
}
#menu-container ul li ul li a {font-weight: normal;/* text-transform: none; *//* display: inline; */padding: 8px 40px;position: relative;z-index: 99999999999999;}
#menu-container .midias a i{font-size: 21px;color: #fff;}
#menu-container .midias a { margin: 3px !important;}
#menu-container .midias{
    display: flex;
    width: 100%;
    justify-content: left;
    padding: 20px 20px 40px 20px;
}
	#menu-container .telefones{
    flex-direction: column;
    padding: 0px 20px 40px 20px;
    align-items: baseline;
}
	#menu-container .telefones a{
    color:#fff;
    padding: 7px 11px !important;
    margin: 0 !important;
    display: block;
}
	#menu-container .telefones i{margin-right: 11px !important;}
#menu-container .bt-fecha {
    width: 37px;
    height: 37px;
	}
	#menu ul li {width: 100%;display: contents;float: left;}
	#menu article.escritorios .escritorios-content ul li .e-bloco {
    min-height: 1px;
}
nav#menu > div, nav#menu > div > ul {
    flex-direction: column;
    float: left;
    height: auto;
    display: contents;
}

}