/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
 padding:10px;
 display:inline-block;
 cursor:pointer;
 transition-property:opacity,-webkit-filter;
 transition-property:opacity,filter;
 transition-property:opacity,filter,-webkit-filter;
 transition-duration:.15s;
 transition-timing-function:linear;
 font:inherit;
 color:inherit;
 text-transform:none;
 background-color:transparent;
 border:0;
 margin:0;
 overflow:visible
}
.hamburger:hover {
 opacity:.8
}
.hamburger-box {
 width:30px;
 height:24px;
 display:inline-block;
 position:relative
}
.hamburger-inner {
 display:block;
 top:50%;
 margin-top:-2px
}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before {
 width:30px;
 height:2px;
 background-color:#fff;
 border-radius:2px;
 position:absolute;
 transition-property:transform;
 transition-duration:.15s;
 transition-timing-function:ease
}
.hamburger-inner::after,.hamburger-inner::before {
 content:"";
 display:block
}
.hamburger-inner::before {
 top:-10px
}
.hamburger-inner::after {
 bottom:-10px
}
.hamburger--collapse .hamburger-inner {
 top:auto;
 bottom:0;
 transition-duration:.15s;
 transition-delay:.15s;
 transition-timing-function:cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse .hamburger-inner::after {
 top:-20px;
 transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear
}
.hamburger--collapse .hamburger-inner::before {
 transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19)
}
.mm-wrapper_opened .hamburger--collapse .hamburger-inner {
 transform:translate3d(0,-10px,0) rotate(-45deg);
 transition-delay:.32s;
 transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.mm-wrapper_opened .hamburger--collapse .hamburger-inner::after {
 top:0;
 opacity:0;
 transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear
}
.mm-wrapper_opened .hamburger--collapse .hamburger-inner::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)
}
.mm-wrapper_opened .hamburger--arrow .hamburger-inner::before {
 transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)
}
.mm-wrapper_opened .hamburger--arrow .hamburger-inner::after {
 transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)
}
.mm-wrapper_opened .hamburger--arrow-r .hamburger-inner::before {
 transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)
}
.mm-wrapper_opened .hamburger--arrow-r .hamburger-inner::after {
 transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)
}