div.menu-wrap {position: absolute; right:0; width:591px;}
div.menu-wrap.bg {position: absolute; right:0; width:600px;}
@media only screen and (max-width:929px){
.main-menu {display:none;}
}

.main-menu {top:20px; opacity: 1; transition: .4s; position: fixed; z-index:10;}
.main-menu ul li {background-color:#000; color:#fff; display:inline-block; font-size:15px;padding:22px 19px; float:left;}
.main-menu ul li.bg {padding:22px 17px;}
.main-menu ul li a:hover, .main-menu ul li a.a_menu {color: #fee300;}
.show {top: 0;}

@media only screen and (min-width:930px){
.content-menu {display:none;}
}

#menu-button {
  position: fixed;
  top: 18px;
  right: 3.2%;
  display: block;
  width: 50px;
  height: 50px;
  background: #111;
  border-radius: 5px;
  z-index: 11;
  cursor:pointer;
}
#menu-button:after {
  position: absolute;
  content: "☰";
  font-size: 36px;
  color: #FFF;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 46px;
}
#menu-button:hover {
  opacity: .8;
}

#menu-button.on:after {
  content: "x";
  line-height: 40px;
}

#overlay {
  display: none;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 10;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  right: 0;
  left: 0;
}

#overlay.open {
  display: block;
}

#hamburger-menu {
  font-size:115%;
  height: 0;
  width: 0px;
  background: #111;
  position: fixed;
  top: 18px;
  right: 5em;
  z-index: 11;
  overflow: hidden;
  border-radius: 5px;
}
#hamburger-menu nav {
  padding: 10px;
  z-index: 11;
  overflow-y: hidden;
  overflow-x: hidden;
}
#hamburger-menu nav a {
  display: block;
  padding: 10px;
  height: 1em;
  color: #fff;
  font-size: 1em;
  line-height: 1em;
  text-decoration: none;
  overflow: hidden;
  -webkit-box-sizing:content-box;;-moz-box-sizing:content-box;;box-sizing:content-box;
}
#hamburger-menu nav a.bg {padding: 9px;}
#hamburger-menu nav a:hover:not(.line) {
  cursor: pointer;
  color: #fee300;
  background: rgba(255, 255, 255, 0.02);
}
#hamburger-menu nav a.line{
 cursor:default
}