/* menu, font size e color, padding */
nav 				{background:transparent; float:right; font-size:90%; height:56px; text-decoration:none; position:absolute; z-index:999;} /*bg*/
nav > ul > li > a 	{color:var(--menufont); padding:22px 10px; font-size:100%; letter-spacing:1px; font-weight:400; text-decoration:none;} /* fonte menu */
nav > ul > li:hover > a, nav ul li.active a {color:var(--submenufont); cursor:pointer} /* font menu hover*/
nav > ul > li:hover {background:var(--menuhover); cursor:pointer; -webkit-transition:background .3s ease;-ms-transition:background .3s ease; transition:background .3s ease;}

/* menu + e   #f6d258  #aaaeee  #ffffff  #000000 
nav > ul > li.has-sub > a {padding-right:30px}
nav > ul > li.has-sub > a:after {background:var(--menufont); top:28px; right:11px; width:8px; height:2px; position:absolute; display:block; content:''}
nav > ul > li.has-sub > a:before{background:var(--menufont); top:25px; right:14px; width:2px; height:8px; position:absolute; display:block; content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
nav > ul > li.has-sub:hover > a:before {top:27px; height:0}
-*/

/* menu divisor */
nav > ul > li 		{float:left; border-left:1px solid #FFF; border-right:0px solid #FFF;}
nav > ul > li:last-child {border-right:0px solid #FFF}
nav li:hover > ul 	{left:auto}

/* submenu +/- */
nav ul ul li.has-sub > a:after  {/*+*/background:#fff; top:16px; right:11px; width:8px; height:2px; display:block; position:absolute; content:''}
nav ul ul li.has-sub > a:before {/*+*/background:#fff; top:13px; right:14px; width:2px; height:8px; display:block; position:absolute;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
nav ul ul > li.has-sub:hover > a:before{top:17px;height:0}
nav ul ul li.has-sub:hover,nav ul li.has-sub ul li.has-sub ul li:hover /*{background:#3a2d1a} efeito sub sub submenu */
nav > ul > li.has-sub > ul > li.active > a,nav > ul ul > li.has-sub > ul > li.active> a{border-top:0px solid #333}

/* submenu bg, height e linha horizontal */
nav li:hover > ul > li {height:32px}
nav ul ul 			{position:absolute; left:-9999px}
nav ul ul li 		{background:var(--submenu); height:0; border-top:0px solid #5c8dcc; border-bottom:0px solid #081526}
nav ul ul li:hover 	{background:var(--submenuhov)}
nav ul ul li a 		{font-size:97%; color:var(--submenufont); font-weight:400; padding:10px 0 12px 10px; width:190px; text-decoration:none}
nav ul ul li:hover > a,nav ul ul li a:hover {color:var(--submenufont)}
nav ul ul li:last-child > a,nav ul ul li.last-item > a {border-bottom:0}

/* sub submenu */
nav ul ul ul 		{margin-left:100%;top:0}
nav ul ul ul li.active a{border-left:1px solid #333}
nav ul ul li a i 	{color:var(--menufont); font-size:15px} /* icones */

/* config */
nav, nav ul, nav ul li, nav ul li a, nav #head-mobile {border:0; list-style:none; line-height:1; display:block; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
nav:after, nav > ul:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
nav #head-mobile	{display:none}
nav .only-mobile	{display:none}
nav .only-desktop {display:block}

/* ------------ queries ----------------------- */
@media screen and (max-width:900px){

/* menu */	
nav 				{width:100%; background:transparent; position:absolute; z-index:9;} /* bg geral */
nav ul 				{width:100%; background:#0f34f0; display:none}
nav ul li 			{width:100%; border-bottom:1px solid #4145cb; border-top:0px solid #0d97c0;} /* linhas hor */
nav ul li:hover 	{background:rgba(255,255,255,0.08);}
nav > ul > li:hover > a, nav ul li.active a {color:#d5d30d}

/* submenu */	
nav ul ul li 		{background:#0926bb; border-top:1px solid #333ca5} /* bg do sub submenu e linha hor */
nav ul ul li:hover 	{background:#233cbf}  /* hover submenu */
nav .submenu-button	{border-left:1px solid #4e3c24; height:33px; width:46px; right:0; top:0; position:absolute; z-index:99; display:block; cursor:pointer} /* borda vertical*/
nav .submenu-button.submenu-opened {background:#02098d}
nav ul ul .submenu-button {height:36px;width:46px}

/* submenu sub */	
nav ul ul ul li a 	{padding-left:35px}
nav ul ul ul li a:hover	{color:#fff; background:none;} /* fonte submenu */
nav ul ul li:hover > a,nav ul ul li.active > a {color:#fff;}

nav ul ul,nav ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
nav > ul > li.has-sub > a:after, nav > ul > li.has-sub > a:before,
nav ul ul > li.has-sub > a:after,nav ul ul > li.has-sub > a:before{display:none}

nav ul ul li, nav li:hover > ul > li {height:auto}
nav ul li a, nav ul ul li a {width:100%; font-size:12px; color:#ffffff; padding:10px 8px 10px 15px; border-bottom:0}
nav > ul > li 		{float:none; border-left:0 solid #e4e6ea; border-right:0 solid #e4e6ea;}
nav ul ul li a 		{padding-left:25px; color:#ffffff;}
nav ul ul li a i 	{color:#ffffff; font-size:15px}

nav #head-mobile 	{display:block; background:transparent; padding:23px;} /* bg navbar */ /* bg menu*/
.button 			{width:55px; height:46px; position:absolute; right:2px; top:7px; cursor:pointer; z-index:999999; float:right;} /* toggle */
.button:after 		{height:12px; width:25px; top:22px; left:20px; border-top:4px solid #fff; border-bottom:4px solid #fff; position:absolute; display:block; content:''}  /* toggle */
.button:before 		{height:4px; width:25px; top:14px; left:20px; background:#fff; position:absolute; display:block; content:''}  /* toggle */
.button.menu-opened:after {height:12px; width:25px; top:22px; left:20px; border-top:4px solid #fff; border-bottom:4px solid #fff; position:absolute; display:block; content:''} /* toggle */
.button.menu-opened:before{height:4px; width:25px; top:14px; left:20px; background:#fff; position:absolute; display:block; content:''} /* toggle */

nav .submenu-button:after {position:absolute; top:15px; right:19px; width:8px; height:2px; display:block; background:#fff; content:''}
nav .submenu-button:before {position:absolute; top:12px; right:22px; display:block; width:2px; height:8px; background:#fff;content:''}
nav .submenu-button.submenu-opened:after {background:#fff}
nav .submenu-button.submenu-opened:before {display:none}
nav ul ul .submenu-button:after {top:20px; right:17px}
nav ul ul .submenu-button:before {top:17px;right:20px}

@media screen and (max-width:900px){
	nav ul{margin-top:10px;} 
	nav #head-mobile{padding:25px;}
	nav{margin-top:-60px;}}
	nav .only-mobile {display:block}
	nav .only-desktop {display:none;}
	.ul-menu-mobile {overflow-y: auto; height: calc(100vh - 50px) !important}
/*@media screen and (max-width:1080px){nav > ul > li:hover > a, nav ul li.active a {color:#fff;}.header nav ul ul li a {color:#fff;}.header nav ul ul li:hover > a,nav ul ul li a:hover {color:#fff}.header nav > ul > li > a {color:#fff}}*/
}