/* menu, font size e color, padding */
nav 				{background:var(--menu); float:right; font-size:90%; height:60px; text-decoration:none; position:absolute; z-index:999;} /*bg*/
nav > ul > li > a 	{background:var(--menubkg); color:var(--menufont); padding:22px 20px; margin: 1px; font-size:110%; letter-spacing:1px; font-weight:400; text-decoration:none;} /* fonte menu */
nav > ul > li a:hover > a, nav ul li.active a {color:#fff;} /* font menu hover*/
nav > ul > li a:hover {background:var(--menubkghover); -webkit-transition:background .3s ease;-ms-transition:background .3s ease; transition:background .3s ease;}

/* menu + e -*/
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:0px solid #46331a; border-right:0px solid #140c00;} /* borda left/hight */
nav > ul > li:last-child {border-right:0px solid #46331a}
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:110%; color:#fff; 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:#fff;}
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:#fff; 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){

nav > ul > li > a 	{background:var(--mobmenubkg)}

/* menu */	
nav 				{width:100%; background:transparent; position:absolute; z-index:9;} /* bg geral */
nav ul 				{width:100%; background:#311c00; display:none}
nav ul li 			{width:100%; border-bottom:0px solid #4e3c24; 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:#241500; border-top:1px solid #4e3c24;} /* bg do sub submenu e linha hor */
nav ul ul li:hover 	{background:#332511}  /* hover submenu */
nav .submenu-button	{border-left:1px solid #4e3c24; height:40px; width:46px; right:0; top:0; position:absolute; z-index:99; display:block; cursor:pointer} /* borda vertical*/
nav .submenu-button.submenu-opened {background:#241500}
nav ul ul .submenu-button {height:40px;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:14px; color:var(--mobmenufont); padding:13px; 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:#e9e71f}
nav ul ul li a i 	{color:#e9e71f; font-size:15px}

nav #head-mobile 	{display:block; background:transparent; padding:23px;} /* bg navbar */ /* bg menu*/
.button 			{width:55px; height:46px; position:absolute; right:20px; top:0; 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:22px; right:19px; width:8px; height:2px; display:block; background:#fff; content:''}
nav .submenu-button:before {position:absolute; top:19px; 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:0;} 
	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}}*/
}