#pushy-scroll {
  position: fixed;
  left: 282px;
  width:18px;  
  top: 70px;
  height: calc(100% - 70px);
  max-height: calc(100% - 70px);
  overflow-x: hidden; overflow-y: hidden;
  z-index: 10000;
}

/* Menu Button */
#menu-icon-button {
  margin-bottom: 0px;
  text-align: center;
  cursor: pointer;
  border: 0px;
  z-index: 101;
  min-width: 34px;
  font-size: 18px;
  padding: 2px;
  padding-bottom: 4px;
  background-color: rgb(0,0,0,0);
  color:white;
  opacity:0.7;
  display: inline-block;
  /*position: relative;*/
  left: 0;
  top: 0; 
  width: 58px;
  height: 32px;
}

#menu-icon-button .separator{
  margin-top: 8%;
  float:right;
  height: 77%;
  width: 1px;
}

#menu-icon {
  position: relative; left: 18px; top: 18px;
}

.menu-close #menu-icon{
  transition: transform 0.2s;
  top: 21px;
}

.menu-open #menu-icon{
  top: 24px;
  transition: transform 0.2s;
}

#menu-icon, #menu-icon::after, #menu-icon::before {
  width: 20px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
}

.menu-close #menu-icon {
  transition-duration: .15s;
  transition-delay: .15s;
  transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}

.menu-open #menu-icon {
  transform: translate3d(0,-10px,0) rotate(-45deg);
  transition-delay: .32s;
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
}

#menu-icon::after, #menu-icon::before {content: "";display: block;}
#menu-icon::after {bottom: -6px;}

.menu-close #menu-icon::after {
  top: -12px;
  transition: top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear;
}

.menu-open #menu-icon::after {
  top: 0;
  opacity: 0;
  transition: top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;
}

#menu-icon::before {top: -6px;}

.menu-close #menu-icon::before {
  transition: top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);
}

.menu-open #menu-icon::before {
  top: 0;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);
}

#menu-button:hover {opacity:0}
.pushy-leftdown{top: calc(100% - 50px);}
.pushy-leftup{ top: 70px; }

.pushy {
  position: absolute;
  width: 300px;
  height: calc(100% - 79px);
  z-index: 9999;
  background-color: #353535;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

/*.pushy ul{
  background: #353535;
}*/
.pushy ul ul{
  /*background: #353535;*/
  margin-left:-15px;
}
.pushy ul ul li{
  padding-left:15px;
}
.pushy a {
  display: block;
  color: #b3b3b1;
  padding: 15px 30px;
  text-decoration: none;
}
/*.pushy a:hover {
  color: #FFF;
}
/*.pushy ul:first-child {
  margin-top: 10px;
}*/
.pushy.pushy-left {
  left: 0;
}
.pushy.pushy-right {
  right: 0;
}

.pushy-content {
  visibility: hidden;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-300px, 0, 0);
  -ms-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
  -webkit-transform: translate3d(300px, 0, 0);
  -ms-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(300px, 0, 0);
  -ms-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
  -webkit-transform: translate3d(-300px, 0, 0);
  -ms-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Submenu Appearance */
.pushy-content>ul>.pushy-link,.pushy-submenu {
  opacity: 0.7;
  /* Submenu Buttons */
  /* Submenu Icon */
}
.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
  width: 100%;
  color: inherit;/*#b3b3b1;*/
  padding: 20px 70px;
  text-align: left;
  background: transparent;
  border: 0;
}
.pushy-content>ul>.pushy-link button {
  color: inherit;/*#b3b3b1;*/
}
.pushy-content>ul>.pushy-link:hover,.pushy-submenu:hover {
  opacity: 1;
}
.pushy-submenu > a,
.pushy-submenu > button {
  position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 40px;
  background-position: 0px center;
  background-repeat: no-repeat;  
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open {
  /* Submenu Icon */
  background-position: 10px 12px; 
  background-repeat: no-repeat; 
}
/*
.pushy-submenu-open{
  background-color: #969696;
}
*/
.pushy-submenu-open ul {
  /*max-height: 5000px;*/
  visibility: visible;
}
.pushy-submenu-open .pushy-link {
  opacity: 1;
}
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

/* Submenu 2 Appearance */
.pushy-submenu2 ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu2 ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}
.pushy-submenu2 button {
  width: 100%;
  color: inherit;
  opacity: 0.7;
  padding: 10px 30px;
  text-align: left;
  background: transparent;
  border: 0;
}

.pushy-link{
  background-image: url("../svg/horiz-line.svg"); 
  background-position: center bottom; 
  background-repeat: no-repeat;
  background-size: 77%;
}

.pushy-link button, .pushy-link a {
  /*width: 100%;*/
  color: inherit;
  opacity: 0.7;
  padding: 10px 30px;
  text-align: left;
  background: transparent;
  border: 0;
}

.pushy-link#biplanehelp a {
  opacity: 1;
}

.pushy-level0 button{padding: 14px 70px;opacity: 1;}
.pushy-submenu2-open .pushy-link button {
  color: inherit;
  opacity: 0.7;
}
.pushy-submenu-open .pushy-link button:hover,.pushy-submenu-open .pushy-link a:hover,.pushy-submenu2 button:hover {
  opacity: 1;
}
.pushy-submenu2 > a,
.pushy-submenu2 > button {
  position: relative;
}
.pushy-submenu2 > a::after,
.pushy-submenu2 > button::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 40px;
  background-repeat: no-repeat;  
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: transform 0.2s;
  border-left: 2px
}

/* submenu2 Movement */
.pushy-submenu2-closed ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
}
.pushy-submenu2-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu2-open {
  /* submenu2 Icon */
}
.pushy-submenu2-open ul {
  /*max-height: 3000px;*/
  visibility: visible;
}
.pushy-submenu2-open .pushy-link {
  opacity: 1;
}
.pushy-submenu2-open a::after,
.pushy-submenu2-open button::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

#biplanehelp > a{
  padding: 20px 70px;
}