.gh{position:absolute;display:none;top:36px;right:0;height:34px;width:34px;
  transition:all .5s cubic-bezier(0.7,0,0.3,1) 0;
  -webkit-transition:all .5s cubic-bezier(0.7,0,0.3,1) 0;
  -ms-transition:all .5s cubic-bezier(0.7,0,0.3,1) 0;
  cursor:pointer
}
.selected .gh{transform:rotate(90deg)}
.gh a{background-color:#666;display:block;
  height:3px;margin-top:-2px;
  position:relative;top:50%;
  transition:all .3s cubic-bezier(0.7,0,0.3,1) 0;
  -webkit-transition:all .3s cubic-bezier(0.7,0,0.3,1) 0;
  -ms-transition:all .3s cubic-bezier(0.7,0,0.3,1) 0;width:100%;
}
.gh:hover a:before{transform:translateY(-2px) rotate(0);
  -webkit-transform:translateY(-2px) rotate(0);
  -ms-transform:translateY(-2px) rotate(0)
}
.gh:hover a:after{transform:translateY(2px) rotate(0);
  -webkit-transform:translateY(2px) rotate(0);
  -ms-transform:translateY(2px) rotate(0)
}
.selected .gh:hover a:before{transform:translateY(0) rotate(-55deg);
  -webkit-transform:translateY(0) rotate(-55deg);
  -ms-transform:translateY(0) rotate(-55deg)
}
.selected .gh:hover a:after{transform:translateY(0) rotate(55deg);
  -webkit-transform:translateY(0) rotate(55deg);
  -ms-transform:translateY(0) rotate(55deg)
}
.gh a:after,.gh a:before{
  transition:.2s all;background-color:#666;
  content:"";display:block;
  height:3px;left:0;
  position:absolute;
  transition:all .3s cubic-bezier(0.7,0,0.3,1) 0;
  -webkit-transition:all .3s cubic-bezier(0.7,0,0.3,1) 0;
  -ms-transition:all .3s cubic-bezier(0.7,0,0.3,1) 0;width:100%
}
.gh a:after{top:6px}
.gh a:before{top:-6px}
.selected .gh a:after,.selected .gh a:before{top:0}
.selected .gh a:before{transform:translateY(0) rotate(-45deg);
  -webkit-transform:translateY(0) rotate(-45deg);
  -ms-transform:translateY(0) rotate(-45deg)
}
.selected .gh a:after{transform:translateY(0) rotate(45deg);
  -webkit-transform:translateY(0) rotate(45deg);
  -ms-transform:translateY(0) rotate(45deg)
}
.selected .gh a{background-color:transparent !important}