/* nav */
.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a { margin: 0; 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 0px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  text-decoration: none;
}

/* root: active */
.nav-menu > li > .nav-active { }

.nav-menu > li > .local02 { display: flex; justify-content: center; color: #0099db;
align-items: center;}
.nav-menu > li > .local02 a{ color: #0099db; }
.nav-menu > li > .local02 img{ width: 25px; padding:0px 0px 8px 0; margin: 0 5px 0 0;}

/* root: hover/persistence */
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {
  color: #f6ab09;
}

.nav-menu > li {
    position: relative;
    margin: 0 0 0 40px;
}
.nav-menu > li::before {
    content: "";
    position: absolute;
    top: 80%;
    left: 0;
    width: 100%;
    height: 3px;
    background:#f6ab09;
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.nav-menu > li:hover::before{
    opacity: 1;
    -webkit-transform: translate(0, 5px);
    transform: translate(0, 5px);
}

/* 2 */
.nav-menu li li a,.nav-menu li:hover li a {
  padding: 8px 25px;
  background: #585657;
  color: #FFF;
  font-size: 16px;
  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: #cf0010;
}

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

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

/* 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%; }

@media screen and (max-width: 950px) {
.nav-menu a {
  font-size: 17px;
}
}
@media screen and (max-width: 900px) {
.nav-menu {
    display: none;
  }
}