nav { width: 100%; }

.nav_wrapper {
  left: 8%;
  width: 100%;
  transition: top .5s ease-out;
}

.scroll { top: -90px; }

.no-scroll {
  top: 0;
  z-index: 9999;
}

.btn {
  padding: 10px 1%;
  margin: 5px;
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  transition: all 0.1s ease;
}

.btn:hover { transition: all 0.1s ease; }

.menu-link { display: none; }


.menu {
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
}

.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
}

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
}

.menu ul li { padding: 0px; }

.menu > ul > li { 
  display: inline-block; 

}

.menu ul li a {
  display: block;
  text-decoration: none;
  color: #2f3b3f;
  font-size: 14px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;        
  font-weight: 500;
}

.menu ul li a:hover {
  background: white;
  color: #b9ce33;
}

.menu ul li.hover > a {
  background: #b9ce33;
  color: #fff;
}

.menu ul li > a { padding: 11.5px; }

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
  background: #b9ce33;
}

.menu ul li:hover > ul { display: block; }

.menu ul ul > li { 
  position: relative;
  display: inline-block; 
  
}

.menu ul ul > li a {
  padding: 8.5px;
  height: auto;
  color: black;
  background: #b9ce33;
}

.menu ul ul > li a:hover {
  background: white;
  color: #b9ce33;
}

.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

 /* IE10+ */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* Enter your style code */
    .menu ul li a {
      display: block;
      text-decoration: none;
      color: #2f3b3f;
      font-size: 13px;
      font-family: Verdana, Geneva, Tahoma, sans-serif;        
      font-weight: 500;

    }
    .menu ul ul > li a {
      padding: 9.5px;
      height: auto;
      color: black;
      background: #b9ce33;
    }
    
 }