/* nav */
.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a { margin: 0px 0px 0px 0px; padding: 0; line-height: normal; list-style: none; display: block; position: relative; }
.nav-menu ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-menu li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
.nav-menu ul li:hover > ul { top: 0; left: 100%; }
.nav-menu li { cursor: default; float: left; white-space: nowrap; }
.nav-menu ul li { float: none; }

/* sub width */
.nav-menu ul { min-width: 12em; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25); box-shadow: 2px 2px 2px rgba(0,0,0,0.25); }

/* center */
.nav-center { float: right; right: 50%; }
.nav-center > li { left: 50%; }

/* root */
.nav-menu a {
  padding: 0 10px;
  color: var(--main-itemColor);
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  text-decoration: none;
  
  background: rgba(255, 255, 255, 1);

  margin: 0px 0px var(--main-menuSpacing);   
  z-index:9999;


}


.navHeader {
  background: var(--main-itemColor);
  color: var(--main-lightColor);
  padding: 0 10px;

  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  text-decoration: none;
  margin: 0 0 10px 0;
  z-index:9999;


  }



@media screen and (max-width: 1400px) {
	.navHeader, .nav-menu a 
	{
	
		font-size: 12px;
		line-height: 35px;
	}	
}

@media screen and (max-width: 1000px) {
	.navHeader, .nav-menu a 
	{
	
		font-size: 9px;
		line-height: 30px;
	}	
}

/*

@media screen and (max-width: 750px) {
	.navHeader, .nav-menu a 
	{
	
		font-size: 6px;
		line-height: 20px;
	}	
}

@media screen and (max-width: 600px) {
	.navHeader, .nav-menu a 
	{
	
		font-size: 4px;
		line-height: 15px;
	}	
}

*/






/* root: active */
.nav-menu > li > .nav-active { background-color: rgba(0,0,0,0.05); }

/* root: hover/persistence */
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {
  background: var(--main-itemColor);
  color: var(--main-lightColor);
  
}

/* 2  submenu */
.nav-menu li li a,.nav-menu li:hover li a {
  padding: 8px 10px;
  background: var(--main-darkColor);
  color: var(--main-lightColor);
  font-size: 12px;
  line-height: normal;

    margin: 0px 0px 0px 0px;  
	z-index:9999;

}

/* 2: hover/persistence */
.nav-menu li:hover li a:hover,.nav-menu li:hover li a:focus,.nav-menu li:hover li:hover a {
  background: var(--main-itemColor);
}

/* 3 */
.nav-menu li:hover li:hover li a {
  background: var(--main-itemColor);
}

/* 3: hover/persistence */
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li a:focus,.nav-menu li:hover li:hover li:hover a {
  background: var(--main-itemColor);
}

/* 4 */
.nav-menu li:hover li:hover li:hover li a {
  background: var(--main-itemColor);
}

/* 4: hover */
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover li a:focus {
  background: var(--main-itemColor);
}

/* vertical */
.nav-vertical {  z-index:9999;}
/* .nav-vertical ul { top: 0; left: -9999px; } */
.nav-vertical ul {  left: -9999px; }
.nav-vertical li { width: 100%; float: none; }
.nav-vertical li:hover > ul { left: 100%; }