/*** Hamburger ***/
A.a_shy_menu {
  color: #fff;
  text-decoration: none;
}

.ul_shy_menu {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
}
.hamburger {
  display: block;
  overflow: hidden;
  position: relative;
}

.hamburger__layer {
  background-color: #5e6466;
  border-radius: 1px;
  display: block;
  height: 4px;
  overflow: hidden;
  position: absolute;
    left: 5px;
  width: 30px;
}

.hamburger__layer--top { 
  top: 9px; 
}
.is-open .hamburger__layer--top { 
  top: 17px;
  left: 5px;
  transform: rotate(45deg);
}

.hamburger__layer--mid { 
  top: 20px;  
}
.is-open .hamburger__layer--mid { 
  opacity: 0;
  left: 0; 
}

.hamburger__layer--btm { 
  top: 31px;
}
.is-open .hamburger__layer--btm { 
  top: 17px;
  left: 5px;
  transform: rotate(-45deg);
}

/*** Shy menu ***/
.shy-menu { 
  display: none;
  height: 45px;
  overflow: hidden;
  padding: 5px;
  width: 45px;
  /*background-color: rgba(33,40,44,.1);*/
  /*background-color: rgb(102, 198, 225,.2);*/
  background-color: rgb(169, 225, 252, .2);		/* #A9E1FC */
  border-bottom-right-radius: 10px;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
}
.shy-menu.is-open,
.shy-menu:hover,
A.shy-menu__hamburger:hover{ 
  /*background-color: rgba(33,40,44,1);*/
  /*background-color: rgb(102, 198, 225,1);*/
  background-color: rgb(169, 225, 252, 1);		/* #A9E1FC */
}

.shy-menu.is-open {
  height: 300px;
  width: 190px;
}

.shy-menu__panel {
  margin: 0px 0 0 -100px;
}
.is-open .shy-menu__panel { 
  margin-left: 0;
}

.shy-menu__hamburger {
  cursor: pointer;
  height: 45px;
  width: 45px;
}