.wb_menu {
  position:fixed;
  right:0;
  top:0;
  height: 100vh;
  width: 340px;
  height: 100%;
  z-index: 300;
  padding: 54px;
  background:#fff;
  display:flex;
  flex-direction:column;
  transition: transform .7s cubic-bezier(.25,1,.2,1);
  transform:translate3d(341px,0,0);
  box-sizing:border-box;
  visibility:hidden;
  box-shadow: -5px 0 10px rgba(0,0,0,0.15);
}
.wb_menu.open{
  visibility:visible;
  transform:translate3d(0,0,0);
}
.wb_menu .menu{
  margin: auto  0;
}
.wb_menu ul{
  padding:0;
  margin:0;
  list-style:none;
  font-size:15px;
  font-family:Rubik,sans-serif;
}
.wb_menu .menu>li>a{
  color: #1a808e;
  font-size: 30px;
  line-height: 1.15;
  font-family: Rokkitt,sans-serif;
}
.wb_menu .menu>li{
  margin: 5px 0 12px;
}
.wb_menu a{
  text-decoration: none;
}
.wb_menu .menu__submenu{
  display:none;
  max-height .5s cubic-bezier(.215,.61,.355,1),padding .25s cubic-bezier(.215,.61,.355,1);
  padding-left:20px;
}
.wb_menu .menu__submenu li{
  margin:10px 0;
}
.wb_menu .menu__submenu.open{
  display:block;
}
.wb_menu .menu__item--has-submenu {
  position:relative;
}
.wb_menu .menu__item--has-submenu>a>.arrow{
  position:absolute;
  right:0;
  top:3px;
  width:30px;
  height:30px;
  display:flex;
  align-items: center;
  display: flex;
  justify-content: center;
}
.wb_menu .menu__item--has-submenu>a>.arrow svg{
  width:13px;
}
.wb_menu >.close{
  position:absolute;
  width:45px;
  height:45px;
  top:15px;
  left:45px;
}
.wb_menu >.close:before,
.wb_menu >.close:after{
  content: '';
  position:absolute;
  height:2px;
  width:25px;
  top:50%;
  left: 10px;
  background: #1a808e;
}
.wb_menu >.close:before{
  transform: rotate(45deg);
}
.wb_menu >.close:after{
  transform: rotate(-45deg);
}
.blogherotext p{
  font-size: 18px;
}