   

    a { color: #1165E2; text-decoration: none;text-transform: uppercase;width:100%; }
    a:hover,a:focus { color: #999; text-decoration: none; outline: 0; }

/* nav */
.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a { background:#032465;margin: 0; padding: 0; line-height: normal; list-style: none; display: block; position: relative; }
.nav-menu ul { width:95%;opacity: 0; position: absolute; top: 100%; left: -999px; z-index: 999; -webkit-transition: opacity .4s; transition: opacity .4s; }
.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 {  display: flex;width:100%; }
.nav-center > li { display: flex; }
.nav-center li { width:100%;}
.nav-center li a {padding:10px;display:block;text-transform:uppercase;}

/* root */
.nav-menu a {
  padding: 0 10px;
  color: #FFF;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-decoration: none;
}

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

/* root: hover/persistence*/
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a{
  background: #1165E2;
  color: #FFF;
} 
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover, .nav-center ul{ 
-webkit-transition: opacity .4s; transition: opacity .4s; 
background: #1165E2;
  color: #FFF;}

/* 2 */
.nav-menu li li a,.nav-menu li:hover li a {
  padding: 8px 10px;
  background: #032465;
  color: #FFF;
  font-size: 12px;
  line-height: normal;
}

/* 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: #1165E2;
}

/* 3 
.nav-menu li:hover li:hover li a {
  background: #1165E2;
}*/

/* 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: #1165E2;
}*/

/* 4 
.nav-menu li:hover li:hover li:hover li a {
  background: #333;
}*/

/* 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: #222;
}*/

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