/*-----------------------------------------------------------------------------------*/
/*-------------------------------HEADER.CSS------------------------------------------*/
/*-----------------------------------------------------------------------------------*/

/*fixed body html js script */

body.fixed {
	
	max-height: 100vh !important;
	overflow-y: hidden;
}

header.headerfixed {
	position: fixed !important;
}

/*end fixed body html js script */

header {
	transition: all ease-in-out 0.2s;
    text-align: center;
	box-shadow: 0 2px 2px rgba(80,80,80,0.30);
	top: 0;
	z-index: 20;
	background-color: rgba(0,61,107,1.00); /* editável */
	/*position: -webkit-sticky;
	position: sticky;*/
	width: 100%;
	padding: 0.5em 0 0;
}

header .header-padding-bottom-fix {
	padding-bottom: 0.5rem;
}

/* HEADER LOGO
------------------------------------------------------*/

header .logo {
	height: 40px;
	width: auto;

	display: flex;
	align-items: center;
	justify-content: left;
}

header .logo a {
	display: block;
}

header .logo img {
	max-height: 40px;
	width: auto;
}

/* HEADER MENU-NAV-REDUCED
------------------------------------------------------*/

header .menu-nav-reduced {
	display: flex;
	align-items: center;
	justify-content: center;
}

header .menu-nav-reduced nav {
	text-align: center;
}

header .menu-nav-reduced nav ul li {
	transition: all ease-in-out 0.2s;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0px 0.625rem;
	color:rgba(0,73,143,1.00);
	font-weight: bold;
}

header .menu-nav-reduced nav ul li:first-child {
	padding: 0px 0.625rem 0 0;
}

header .menu-nav-reduced nav ul li:first-child a::before {
	display: none;
}

header .menu-nav-reduced nav ul li.toggle {
	margin-right: 10px;
}

header .menu-nav-reduced nav ul li a {
	display: block;
	color:rgba(255,255,255,1.00);	/* editável */
	text-align: center;
}

header .menu-nav-reduced nav ul li:hover {
	text-decoration: none;
}

header .menu-nav-reduced nav ul li a:hover {
	text-decoration: none;
	opacity: 0.8;
}

header .menu-nav-reduced nav ul li ul {
	background-color: rgba(255,255,255,1.00); /* editável */
	border: 2px solid rgba(232,237,248,1.00);
	border-radius: 0 0 0.5rem 0.5rem;
	position: absolute;
	margin:2em 0 0 -1em;
	padding: 1rem;
	width: 17rem;
	display: none;
	min-width: 200px;
	transition: all ease-in-out 0.9s;
	z-index: 5;
}

header .menu-nav-reduced nav ul li ul li {
	padding: 0;
	margin: 0;
	display: block;
	line-height: 2rem;
	color: rgba(50,50,50,1.00); /* editável */
	transition: all ease-in-out 0.2s;
}

header .menu-nav-reduced nav ul li ul li a {
	width: 100%;
	color: rgba(50,50,50,1.00); /* editável */
	border-bottom: 1px solid rgba(200,200,200,1.00);
	transition: all ease-in-out 0.2s;
	padding: 0.5rem 0;

	display: flex;
	align-items: center;
	justify-content: left;

	font-weight: normal;
	text-transform: none;
	font-size: 1rem;
}

header .menu-nav-reduced nav ul li:hover ul {
	display: block;
	margin-top: 0;
}

header .menu-nav-reduced nav ul li ul li:hover {
	color: inherit;
	opacity: 0.8;
}

header .menu-nav-reduced nav ul li a .material-symbols-outlined {
	font-size: 1.2rem !important;
	top: 1px;
	margin-left: -2px;
}

/* COLUMNS MEGA-SUBMENU
----------------------------*/

header .menu-nav-reduced nav ul li.sub-menu-col-2 ul,
nav ul li.sub-menu-col-2 ul {
	width: 36em;
	column-count: 2;
	column-gap: 4em;
	column-rule: solid 1px rgba(200,200,200,1.00);
}

header .menu-nav-reduced  nav ul li.sub-menu-col-3 ul,
nav ul li.sub-menu-col-3 ul {
	width: 36em;
	column-count: 3;
	column-gap: 4em;
	column-rule: solid 1px rgba(200,200,200,1.00);
}

/* THE END COLUMNS MEGA-SUBMENU
----------------------------*/

/* BLOCO - MOBILE MENU NAV - UI
------------------------------------------------------*/

header .menu-nav {
	display: flex;
	align-items: center;
	justify-content: center;
}

header .menu-nav p {
	color:rgba(255,255,255,1.00);
	line-height: 0;
	margin-left: 1rem;
	cursor: pointer;
}

header .menu-nav .material-symbols-outlined {
	font-size: 2.5rem !important;
}

header .menu-nav-icons {
	justify-content: right;
}

/* BLOCO - MOBILE MENU NAV
------------------------------------------------------*/

.mobile-menu-nav {
	display: none;
	text-align: left;
	/*background-color: rgba(255,255,255,0.60);*/
	padding: 0;
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	position: absolute;
	top: 0;
	border-bottom: 1px solid rgba(179,179,179,0.2);
	/*text-transform: uppercase; /* custom edit */
	z-index: 9999;
}

.mobile-menu-nav .bg-layer-color {
	background-color: rgba(0,73,143,0.98);
	padding: 0;
	width: 100%;
	max-width: 500px;
	height: 100%;
	position: absolute;
	top: 0;
	overflow-y: auto;
}

.mobile-menu-nav p.close-nav {
	display: inline-flex;
	color: rgba(255,255,255,1.00);
	background-color: rgba(232,173, 4,0.0);
	border: 0px solid rgba(255,255,255,1.00);
	padding: 0.5rem 1.25rem;
	float: right;
	cursor: pointer;
	border-radius: 5px;
	font-size: 1em;
	font-weight: normal;
	transition: all ease-in-out 0.2s;
}

.mobile-menu-nav p.close-nav .material-symbols-outlined {
	font-weight: lighter;
}

.mobile-menu-nav ul {
	margin-top: 2em;
	padding: 1em;
}

.mobile-menu-nav ul li { 
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(179,179,179,0.2);
	padding: 0;
	margin: 0;
	line-height: 40px;
	position: relative;
	font-weight:normal;
	font-size: 1rem;
}

.mobile-menu-nav ul li .fas,
.mobile-menu-nav ul li .material-symbols-outlined {
	position: absolute;
	right: 0;
	top: 10px;
}

.mobile-menu-nav ul li ul li a .material-symbols-outlined {
	position: relative;
	right: auto;
	top: 0;
	padding: 0;
	margin-right: 10px;
}

.mobile-menu-nav ul li a {
	color: rgba(255,255,255,1.00);

	display: flex;
	align-items: center;
	justify-content: left;
}

.mobile-menu-nav ul li.toggle ul {
	display: none;
	margin-left:0;
	margin-top: 0;
	padding-left: 10px;
	padding-top: 0;
}

.mobile-menu-nav ul li.yellow a {
	color: rgba(232,173,4, 1.00);
}

.mobile-menu-nav ul li ul li:last-child {
	border:0;
}

.mobile-menu-nav .social-icons {
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(61,52,42,0.2);
}

.mobile-menu-nav .social-icons img {
	width: 15px;
}

@media (min-width:500px) {
	.mobile-menu-nav {
		background-color: rgba(15,22,49,0.60);
	}
}

/* BLOCO - MOBILE SEARCH FORM
------------------------------------------------------*/


.mobile-btn-one {
	border-top: 1px solid rgba(212,212,212,1.00);
	text-align: left;
	display: none;
	padding: 20px 0;
	background-color: rgba(255,255,255,1.00);
}

.mobile-btn-one .unit {
	line-height: normal;
	display: inline-block;
	margin: 10px 0;
	background-color: rgba(255,255,255,1.00);
	padding: 15px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	border-bottom: 5px solid rgba(189,131,37,1.00);
	width: 100%;
}

/* HEADER NAV-GLOBAL MENU-NAV
------------------------------------------------------*/

#nav-global {
	background-color: rgba(16,47,83,1.00);
	margin-top: 0.3rem;
	line-height: 50px;}

header #nav-global nav {
	text-align: center;
	text-transform: uppercase;
}

header #nav-global nav ul li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0px 0.7rem;
	color:rgba(255,255,255,1.00);
	font-weight: bold;
	transition: all ease-in-out 0.2s;
}

header #nav-global nav ul li a {
	display: block;
	color: rgba(255,255,255,1.00); /* editável */
	text-align: center;
	font-size: 0.90rem;
}

header #nav-global nav ul li a:hover {
	color: rgba(232,173,4,1.00); /* editável */
	/*opacity: 0.8;*/
}

header #nav-global nav ul li.destaque a {
	color: rgba(232,173,4,1.00); /* editável */
}

header #nav-global nav ul li ul {
	background-color: rgba(255,255,255,1.00); /* editável */
	border: 2px solid rgba(232,237,248,1.00);
	border-radius: 0 0 0.5rem 0.5rem;
	position: absolute;
	margin:2em 0 0 -1em;
	padding: 1rem;
	width: 17rem;
	display: none;
	min-width: 200px;
	transition: all ease-in-out 0.9s;	
	z-index: 5;	
}

header #nav-global nav ul li ul li {
	padding: 0;
	margin: 0;
	display: block;
	line-height: 2rem;
	color: rgba(0,73,143,1.00); /* editável */
	transition: all ease-in-out 0.2s;
}

header #nav-global nav ul li ul li a {
	width: 100%;
	color: rgba(0,73,143,1.00); /* editável */
	border-bottom: 1px solid rgba(200,200,200,1.00);
	text-align: left;
	transition: all ease-in-out 0.2s;
	padding: 0.5rem 0;

	display: flex;
	align-items: center;
	justify-content: left;

	font-weight: normal;
	text-transform: none;
	font-size: 1rem;
}

header #nav-global nav ul li:hover ul {
	display: block;
	margin-top: 0;
}

header #nav-global nav ul li ul li a:hover {
	color: inherit;
	opacity: 0.8;
}

#nav-global nav ul li .material-symbols-outlined {
	font-size: 1.2rem !important;
	top: 1px;
	margin-left: -2px;
}

/* START CUSTOM MENU COLORS
----------------------------*/

header nav ul li.yellow a {
	color: rgba(232,173,4,1.00);
}

header nav ul li.yellow:hover a {
	color: rgba(232,173,4,1.00);
}

/* THE END CUSTOM MENU COLORS
----------------------------*/

header .vh70 {
	height: 60px;
}

@media (min-width:576px) {}

@media (min-width:992px) {
	header .vh70 {
		height: 70px;
	}

	header .logo img {
		max-height: 60px;
	}

	header .menu-nav-reduced nav ul li a {
		font-size: 1rem;
	}
}

@media (min-width:1200px) {}

@media (min-width:1400px) {}