.naviwrapper { position:fixed; top:90px; left:0px; width:100%; z-index:22;
  background-color:white;
  display: block; 
  border-top:1px solid #4eae1a;
  border-bottom:1px solid #4eae1a;
  padding:4px 0 4px 0; margin: 0;
  text-align: center;
}

.hcontainer {
  display: inline-block;
  cursor: pointer; 
}

.hbar1, .hbar2, .hbar3 {
  width: 35px;
  height: 3px;
  background-color: #4eae1a;
  margin: 8px 0;
  transition: 0.4s;
}

.change .hbar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .hbar2 {opacity: 0;}

.change .hbar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

.floppynavi { margin:0; list-style-type:none; 
width:100%; 
margin-left: 0 !important;
padding-left: 0 !important;
}

.floppynavi li { font-family:Verdana;
font-size:24px;
border-top:1px solid #4eae1a;
padding:12px 0 12px 0; 
width:100%; 
}

li.floppylink a:link, a:visited { color:#4eae1a !important;
}
li.floppyactive a:link, a:visited { 
color:#4eae1a !important;
}
li.floppylink a:hover { color:#e09106 !important;
}
li.floppylink:hover { 
background-color:#fce58a;
}