/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger {
  font:inherit;
  display:inline-block;
  overflow:visible;
  margin:0;
  padding:15px;
  cursor:pointer;
  transition-timing-function:linear;
  transition-duration:.15s;
  transition-property:opacity,filter;
  text-transform:none;
  color:inherit;
  border:0;
  background-color:transparent
}
.hamburger:hover {
  opacity:.7
}
.hamburger-box {
  position:relative;
  display:inline-block;
  width:40px;
  height:24px
}
.hamburger-inner {
  top:50%;
  display:block;
  margin-top:-2px
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position:absolute;
  width:40px;
  height:4px;
  transition-timing-function:ease;
  transition-duration:.15s;
  transition-property:transform;
  border-radius:4px;
  background-color:#000
}
.hamburger-inner:after,
.hamburger-inner:before {
  display:block;
  content:''
}
.hamburger-inner:before {
  top:-10px
}
.hamburger-inner:after {
  bottom:-10px
}
.hamburger--3dx .hamburger-box {
  perspective:80px
}
.hamburger--3dx .hamburger-inner {
  transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx.is-active .hamburger-inner {
  transform:rotateY(180deg);
  background-color:transparent
}
.hamburger--3dx.is-active .hamburger-inner:before {
  transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner:after {
  transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-box {
  perspective:80px
}
.hamburger--3dx-r .hamburger-inner {
  transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dx-r.is-active .hamburger-inner {
  transform:rotateY(-180deg);
  background-color:transparent
}
.hamburger--3dx-r.is-active .hamburger-inner:before {
  transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner:after {
  transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dy .hamburger-box {
  perspective:80px
}
.hamburger--3dy .hamburger-inner {
  transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy.is-active .hamburger-inner {
  transform:rotateX(-180deg);
  background-color:transparent
}
.hamburger--3dy.is-active .hamburger-inner:before {
  transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dy.is-active .hamburger-inner:after {
  transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--3dy-r .hamburger-box {
  perspective:80px
}
.hamburger--3dy-r .hamburger-inner {
  transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
  transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s
}
.hamburger--3dy-r.is-active .hamburger-inner {
  transform:rotateX(180deg);
  background-color:transparent
}
.hamburger--3dy-r.is-active .hamburger-inner:before {
  transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--3dy-r.is-active .hamburger-inner:after {
  transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--arrow.is-active .hamburger-inner:before {
  transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrow.is-active .hamburger-inner:after {
  transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:before {
  transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:after {
  transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrowalt .hamburger-inner:before {
  transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt .hamburger-inner:after {
  transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt.is-active .hamburger-inner:before {
  top:0;
  transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
  transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)
}
.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom:0;
  transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
  transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrowalt-r .hamburger-inner:before {
  transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt-r .hamburger-inner:after {
  transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)
}
.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top:0;
  transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
  transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)
}
.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom:0;
  transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;
  transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)
}
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
  transition-property:none
}
.hamburger--boring.is-active .hamburger-inner {
  transform:rotate(45deg)
}
.hamburger--boring.is-active .hamburger-inner:before {
  top:0;
  opacity:0
}
.hamburger--boring.is-active .hamburger-inner:after {
  bottom:0;
  transform:rotate(-90deg)
}
.hamburger--collapse .hamburger-inner {
  top:auto;
  bottom:0;
  transition-delay:.15s;
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.15s
}
.hamburger--collapse .hamburger-inner:after {
  top:-20px;
  transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear
}
.hamburger--collapse .hamburger-inner:before {
  transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse.is-active .hamburger-inner {
  transition-delay:.32s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--collapse.is-active .hamburger-inner:after {
  top:0;
  transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;
  opacity:0
}
.hamburger--collapse.is-active .hamburger-inner:before {
  top:0;
  transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;
  transform:rotate(-90deg)
}
.hamburger--collapse-r .hamburger-inner {
  top:auto;
  bottom:0;
  transition-delay:.15s;
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.15s
}
.hamburger--collapse-r .hamburger-inner:after {
  top:-20px;
  transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear
}
.hamburger--collapse-r .hamburger-inner:before {
  transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transition-delay:.32s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:translate3d(0,-10px,0) rotate(45deg)
}
.hamburger--collapse-r.is-active .hamburger-inner:after {
  top:0;
  transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;
  opacity:0
}
.hamburger--collapse-r.is-active .hamburger-inner:before {
  top:0;
  transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;
  transform:rotate(90deg)
}
.hamburger--elastic .hamburger-inner {
  top:2px;
  transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
  transition-duration:.4s
}
.hamburger--elastic .hamburger-inner:before {
  top:10px;
  transition:opacity .15s ease .4s
}
.hamburger--elastic .hamburger-inner:after {
  top:20px;
  transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic.is-active .hamburger-inner {
  transition-delay:.1s;
  transform:translate3d(0,10px,0) rotate(135deg)
}
.hamburger--elastic.is-active .hamburger-inner:before {
  transition-delay:0s;
  opacity:0
}
.hamburger--elastic.is-active .hamburger-inner:after {
  transition-delay:.1s;
  transform:translate3d(0,-20px,0) rotate(-270deg)
}
.hamburger--elastic-r .hamburger-inner {
  top:2px;
  transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
  transition-duration:.4s
}
.hamburger--elastic-r .hamburger-inner:before {
  top:10px;
  transition:opacity .15s ease .4s
}
.hamburger--elastic-r .hamburger-inner:after {
  top:20px;
  transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transition-delay:.1s;
  transform:translate3d(0,10px,0) rotate(-135deg)
}
.hamburger--elastic-r.is-active .hamburger-inner:before {
  transition-delay:0s;
  opacity:0
}
.hamburger--elastic-r.is-active .hamburger-inner:after {
  transition-delay:.1s;
  transform:translate3d(0,-20px,0) rotate(270deg)
}
.hamburger--emphatic {
  overflow:hidden
}
.hamburger--emphatic .hamburger-inner {
  transition:background-color .2s ease-in .25s
}
.hamburger--emphatic .hamburger-inner:before {
  left:0;
  transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s
}
.hamburger--emphatic .hamburger-inner:after {
  top:10px;
  right:0;
  transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay:0s;
  transition-timing-function:ease-out;
  background-color:transparent
}
.hamburger--emphatic.is-active .hamburger-inner:before {
  top:-80px;
  left:-80px;
  transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;
  transform:translate3d(80px,80px,0) rotate(45deg)
}
.hamburger--emphatic.is-active .hamburger-inner:after {
  top:-80px;
  right:-80px;
  transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;
  transform:translate3d(-80px,80px,0) rotate(-45deg)
}
.hamburger--emphatic-r {
  overflow:hidden
}
.hamburger--emphatic-r .hamburger-inner {
  transition:background-color .2s ease-in .25s
}
.hamburger--emphatic-r .hamburger-inner:before {
  left:0;
  transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s
}
.hamburger--emphatic-r .hamburger-inner:after {
  top:10px;
  right:0;
  transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay:0s;
  transition-timing-function:ease-out;
  background-color:transparent
}
.hamburger--emphatic-r.is-active .hamburger-inner:before {
  top:80px;
  left:-80px;
  transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;
  transform:translate3d(80px,-80px,0) rotate(-45deg)
}
.hamburger--emphatic-r.is-active .hamburger-inner:after {
  top:80px;
  right:-80px;
  transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;
  transform:translate3d(-80px,-80px,0) rotate(45deg)
}
.hamburger--slider .hamburger-inner {
  top:2px
}
.hamburger--slider .hamburger-inner:before {
  top:10px;
  transition-timing-function:ease;
  transition-duration:.2s;
  transition-property:transform,opacity
}
.hamburger--slider .hamburger-inner:after {
  top:20px
}
.hamburger--slider.is-active .hamburger-inner {
  transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner:before {
  transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);
  opacity:0
}
.hamburger--slider.is-active .hamburger-inner:after {
  transform:translate3d(0,-20px,0) rotate(-90deg)
}
.hamburger--slider-r .hamburger-inner {
  top:2px
}
.hamburger--slider-r .hamburger-inner:before {
  top:10px;
  transition-timing-function:ease;
  transition-duration:.2s;
  transition-property:transform,opacity
}
.hamburger--slider-r .hamburger-inner:after {
  top:20px
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform:translate3d(0,10px,0) rotate(-45deg)
}
.hamburger--slider-r.is-active .hamburger-inner:before {
  transform:rotate(45deg) translate3d(5.71429px,-6px,0);
  opacity:0
}
.hamburger--slider-r.is-active .hamburger-inner:after {
  transform:translate3d(0,-20px,0) rotate(90deg)
}
.hamburger--spring .hamburger-inner {
  top:2px;
  transition:background-color 0s linear .15s
}
.hamburger--spring .hamburger-inner:before {
  top:10px;
  transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring .hamburger-inner:after {
  top:20px;
  transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay:.32s;
  background-color:transparent
}
.hamburger--spring.is-active .hamburger-inner:before {
  top:0;
  transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;
  transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner:after {
  top:0;
  transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s;
  transform:translate3d(0,10px,0) rotate(-45deg)
}
.hamburger--spring-r .hamburger-inner {
  top:auto;
  bottom:0;
  transition-delay:0s;
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.15s
}
.hamburger--spring-r .hamburger-inner:after {
  top:-20px;
  transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity 0s linear
}
.hamburger--spring-r .hamburger-inner:before {
  transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spring-r.is-active .hamburger-inner {
  transition-delay:.32s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--spring-r.is-active .hamburger-inner:after {
  top:0;
  transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .32s;
  opacity:0
}
.hamburger--spring-r.is-active .hamburger-inner:before {
  top:0;
  transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;
  transform:rotate(90deg)
}
.hamburger--stand .hamburger-inner {
  transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s
}
.hamburger--stand .hamburger-inner:before {
  transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand .hamburger-inner:after {
  transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand.is-active .hamburger-inner {
  transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;
  transform:rotate(90deg);
  background-color:transparent
}
.hamburger--stand.is-active .hamburger-inner:before {
  top:0;
  transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;
  transform:rotate(-45deg)
}
.hamburger--stand.is-active .hamburger-inner:after {
  bottom:0;
  transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;
  transform:rotate(45deg)
}
.hamburger--stand-r .hamburger-inner {
  transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s
}
.hamburger--stand-r .hamburger-inner:before {
  transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand-r .hamburger-inner:after {
  transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s
}
.hamburger--stand-r.is-active .hamburger-inner {
  transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;
  transform:rotate(-90deg);
  background-color:transparent
}
.hamburger--stand-r.is-active .hamburger-inner:before {
  top:0;
  transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;
  transform:rotate(-45deg)
}
.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom:0;
  transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;
  transform:rotate(45deg)
}
.hamburger--spin .hamburger-inner {
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.3s
}
.hamburger--spin .hamburger-inner:before {
  transition:top .1s ease-in .34s,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner:after {
  transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin.is-active .hamburger-inner {
  transition-delay:.14s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:rotate(225deg)
}
.hamburger--spin.is-active .hamburger-inner:before {
  top:0;
  transition:top .1s ease-out,opacity .1s ease-out .14s;
  opacity:0
}
.hamburger--spin.is-active .hamburger-inner:after {
  bottom:0;
  transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;
  transform:rotate(-90deg)
}
.hamburger--spin-r .hamburger-inner {
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.3s
}
.hamburger--spin-r .hamburger-inner:before {
  transition:top .1s ease-in .34s,opacity .1s ease-in
}
.hamburger--spin-r .hamburger-inner:after {
  transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin-r.is-active .hamburger-inner {
  transition-delay:.14s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:rotate(-225deg)
}
.hamburger--spin-r.is-active .hamburger-inner:before {
  top:0;
  transition:top .1s ease-out,opacity .1s ease-out .14s;
  opacity:0
}
.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom:0;
  transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;
  transform:rotate(90deg)
}
.hamburger--squeeze .hamburger-inner {
  transition-timing-function:cubic-bezier(.55,.055,.675,.19);
  transition-duration:.1s
}
.hamburger--squeeze .hamburger-inner:before {
  transition:top .1s ease .14s,opacity .1s ease
}
.hamburger--squeeze .hamburger-inner:after {
  transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--squeeze.is-active .hamburger-inner {
  transition-delay:.14s;
  transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transform:rotate(45deg)
}
.hamburger--squeeze.is-active .hamburger-inner:before {
  top:0;
  transition:top .1s ease,opacity .1s ease .14s;
  opacity:0
}
.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom:0;
  transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;
  transform:rotate(-90deg)
}
.hamburger--vortex .hamburger-inner {
  transition-timing-function:cubic-bezier(.19,1,.22,1);
  transition-duration:.3s
}
.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
  transition-delay:.1s;
  transition-timing-function:linear;
  transition-duration:0s
}
.hamburger--vortex .hamburger-inner:before {
  transition-property:top,opacity
}
.hamburger--vortex .hamburger-inner:after {
  transition-property:bottom,transform
}
.hamburger--vortex.is-active .hamburger-inner {
  transition-timing-function:cubic-bezier(.19,1,.22,1);
  transform:rotate(765deg)
}
.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
  transition-delay:0s
}
.hamburger--vortex.is-active .hamburger-inner:before {
  top:0;
  opacity:0
}
.hamburger--vortex.is-active .hamburger-inner:after {
  bottom:0;
  transform:rotate(90deg)
}
.hamburger--vortex-r .hamburger-inner {
  transition-timing-function:cubic-bezier(.19,1,.22,1);
  transition-duration:.3s
}
.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
  transition-delay:.1s;
  transition-timing-function:linear;
  transition-duration:0s
}
.hamburger--vortex-r .hamburger-inner:before {
  transition-property:top,opacity
}
.hamburger--vortex-r .hamburger-inner:after {
  transition-property:bottom,transform
}
.hamburger--vortex-r.is-active .hamburger-inner {
  transition-timing-function:cubic-bezier(.19,1,.22,1);
  transform:rotate(-765deg)
}
.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
  transition-delay:0s
}
.hamburger--vortex-r.is-active .hamburger-inner:before {
  top:0;
  opacity:0
}
.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom:0;
  transform:rotate(-90deg)
}