/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding:15px 15px;
  display:inline-block;
  cursor:pointer;
  transition-property:opacity,-webkit-filter;
  transition-property:opacity,filter;
  transition-property:opacity,filter,-webkit-filter;
  transition-duration:0.15s;
  transition-timing-function:linear;
  font:inherit;
  color:inherit;
  text-transform:none;
  background-color:transparent;
  border:0;
  margin:0;
}
.hamburger:hover {
  opacity:0.7;
}
.hamburger-box {
  width:40px;
  height:24px;
  display:inline-block;
  position:relative;
  visibility:hidden;
}
.hamburger-inner {
  display:block;
  top:50%;
  margin-top:-2px;
}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
  width:40px;
  height:4px;
  background-color:#000;
  border-radius:4px;
  position:absolute;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property:transform,-webkit-transform;
  transition-duration:0.15s;
  transition-timing-function:ease;
}
.hamburger-inner::before,.hamburger-inner::after {
  content:"";
  display:block;
}
.hamburger-inner::before {
  top:-10px;
}
.hamburger-inner::after {
  bottom:-10px;
}
/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scale(0.7,1);
  transform:translate3d(-8px,0,0) rotate(-45deg) scale(0.7,1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform:translate3d(-8px,0,0) rotate(45deg) scale(0.7,1);
  transform:translate3d(-8px,0,0) rotate(45deg) scale(0.7,1);
}
/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform:translate3d(8px,0,0) rotate(45deg) scale(0.7,1);
  transform:translate3d(8px,0,0) rotate(45deg) scale(0.7,1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform:translate3d(8px,0,0) rotate(-45deg) scale(0.7,1);
  transform:translate3d(8px,0,0) rotate(-45deg) scale(0.7,1);
}
/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition:top 0.1s 0.15s ease,-webkit-transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
  transition:top 0.1s 0.15s ease,transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
  transition:top 0.1s 0.15s ease,transform 0.15s cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition:bottom 0.1s 0.15s ease,-webkit-transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
  transition:bottom 0.1s 0.15s ease,transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
  transition:bottom 0.1s 0.15s ease,transform 0.15s cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top:0;
  -webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(0.7,1);
  transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(0.7,1);
  transition:top 0.1s ease,-webkit-transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
  transition:top 0.1s ease,transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
  transition:top 0.1s ease,transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22),-webkit-transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom:0;
  -webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scale(0.7,1);
  transform:translate3d(-8px,10px,0) rotate(45deg) scale(0.7,1);
  transition:bottom 0.1s ease,-webkit-transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
  transition:bottom 0.1s ease,transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
  transition:bottom 0.1s ease,transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22),-webkit-transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
}
/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition:top 0.1s 0.15s ease,-webkit-transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
  transition:top 0.1s 0.15s ease,transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
  transition:top 0.1s 0.15s ease,transform 0.15s cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition:bottom 0.1s 0.15s ease,-webkit-transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
  transition:bottom 0.1s 0.15s ease,transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
  transition:bottom 0.1s 0.15s ease,transform 0.15s cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 0.15s cubic-bezier(0.165,0.84,0.44,1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top:0;
  -webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scale(0.7,1);
  transform:translate3d(8px,-10px,0) rotate(45deg) scale(0.7,1);
  transition:top 0.1s ease,-webkit-transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
  transition:top 0.1s ease,transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
  transition:top 0.1s ease,transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22),-webkit-transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom:0;
  -webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scale(0.7,1);
  transform:translate3d(8px,10px,0) rotate(-45deg) scale(0.7,1);
  transition:bottom 0.1s ease,-webkit-transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
  transition:bottom 0.1s ease,transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
  transition:bottom 0.1s ease,transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22),-webkit-transform 0.15s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
}
/*
 * Boring
 */
.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::before,.hamburger--boring .hamburger-inner::after {
  transition-property:none;
}
.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top:0;
  opacity:0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom:0;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
}
/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top:auto;
  bottom:0;
  transition-duration:0.15s;
  transition-delay:0.15s;
  transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top:-20px;
  transition:top 0.3s 0.3s cubic-bezier(0.33333,0.66667,0.66667,1),opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition:top 0.12s 0.3s cubic-bezier(0.33333,0.66667,0.66667,1),-webkit-transform 0.15s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:top 0.12s 0.3s cubic-bezier(0.33333,0.66667,0.66667,1),transform 0.15s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:top 0.12s 0.3s cubic-bezier(0.33333,0.66667,0.66667,1),transform 0.15s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 0.15s cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform:translate3d(0,-10px,0) rotate(-45deg);
  transform:translate3d(0,-10px,0) rotate(-45deg);
  transition-delay:0.32s;
  transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top:0;
  opacity:0;
  transition:top 0.3s cubic-bezier(0.33333,0,0.66667,0.33333),opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top:0;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  transition:top 0.12s 0.18s cubic-bezier(0.33333,0,0.66667,0.33333),-webkit-transform 0.15s 0.42s cubic-bezier(0.215,0.61,0.355,1);
  transition:top 0.12s 0.18s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.42s cubic-bezier(0.215,0.61,0.355,1);
  transition:top 0.12s 0.18s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.42s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.15s 0.42s cubic-bezier(0.215,0.61,0.355,1);
}
/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top:auto;
  bottom:0;
  transition-duration:0.15s;
  transition-delay:0.15s;
  transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top:-20px;
  transition:top 0.3s 0.3s cubic-bezier(0.33333,0.66667,0.66667,1),opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  transition:top 0.12s 0.3s cubic-bezier(0.33333,0.66667,0.66667,1),-webkit-transform 0.15s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:top 0.12s 0.3s cubic-bezier(0.33333,0.66667,0.66667,1),transform 0.15s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:top 0.12s 0.3s cubic-bezier(0.33333,0.66667,0.66667,1),transform 0.15s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 0.15s cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform:translate3d(0,-10px,0) rotate(45deg);
  transform:translate3d(0,-10px,0) rotate(45deg);
  transition-delay:0.32s;
  transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top:0;
  opacity:0;
  transition:top 0.3s cubic-bezier(0.33333,0,0.66667,0.33333),opacity 0.1s 0.27s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top:0;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
  transition:top 0.12s 0.18s cubic-bezier(0.33333,0,0.66667,0.33333),-webkit-transform 0.15s 0.42s cubic-bezier(0.215,0.61,0.355,1);
  transition:top 0.12s 0.18s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.42s cubic-bezier(0.215,0.61,0.355,1);
  transition:top 0.12s 0.18s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.42s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.15s 0.42s cubic-bezier(0.215,0.61,0.355,1);
}
/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top:0;
  transition-duration:0.4s;
  transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top:10px;
  transition:opacity 0.15s 0.4s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top:20px;
  transition:-webkit-transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);
  transition:transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);
  transition:transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55),-webkit-transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform:translate3d(0,10px,0) rotate(135deg);
  transform:translate3d(0,10px,0) rotate(135deg);
  transition-delay:0.1s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay:0s;
  opacity:0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform:translate3d(0,-20px,0) rotate(-270deg);
  transform:translate3d(0,-20px,0) rotate(-270deg);
  transition-delay:0.1s;
}
/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top:0;
  transition-duration:0.4s;
  transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top:10px;
  transition:opacity 0.15s 0.4s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top:20px;
  transition:-webkit-transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);
  transition:transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);
  transition:transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55),-webkit-transform 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform:translate3d(0,10px,0) rotate(-135deg);
  transform:translate3d(0,10px,0) rotate(-135deg);
  transition-delay:0.1s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay:0s;
  opacity:0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform:translate3d(0,-20px,0) rotate(270deg);
  transform:translate3d(0,-20px,0) rotate(270deg);
  transition-delay:0.1s;
}
/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow:hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition:background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left:0;
  transition:top 0.05s 0.2s linear,left 0.2s 0.25s ease-in,-webkit-transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335);
  transition:transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.2s linear,left 0.2s 0.25s ease-in;
  transition:transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.2s linear,left 0.2s 0.25s ease-in,-webkit-transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335);
}
.hamburger--emphatic .hamburger-inner::after {
  top:10px;
  right:0;
  transition:top 0.05s 0.2s linear,right 0.2s 0.25s ease-in,-webkit-transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335);
  transition:transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.2s linear,right 0.2s 0.25s ease-in;
  transition:transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.2s linear,right 0.2s 0.25s ease-in,-webkit-transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay:0s;
  transition-timing-function:ease-out;
  background-color:transparent;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left:-80px;
  top:-80px;
  -webkit-transform:translate3d(80px,80px,0) rotate(45deg);
  transform:translate3d(80px,80px,0) rotate(45deg);
  transition:left 0.2s ease-out,top 0.05s 0.2s linear,-webkit-transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
  transition:left 0.2s ease-out,top 0.05s 0.2s linear,transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
  transition:left 0.2s ease-out,top 0.05s 0.2s linear,transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1),-webkit-transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right:-80px;
  top:-80px;
  -webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);
  transform:translate3d(-80px,80px,0) rotate(-45deg);
  transition:right 0.2s ease-out,top 0.05s 0.2s linear,-webkit-transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
  transition:right 0.2s ease-out,top 0.05s 0.2s linear,transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
  transition:right 0.2s ease-out,top 0.05s 0.2s linear,transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1),-webkit-transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
}
/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow:hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition:background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left:0;
  transition:top 0.05s 0.2s linear,left 0.2s 0.25s ease-in,-webkit-transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335);
  transition:transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.2s linear,left 0.2s 0.25s ease-in;
  transition:transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.2s linear,left 0.2s 0.25s ease-in,-webkit-transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
  top:10px;
  right:0;
  transition:top 0.05s 0.2s linear,right 0.2s 0.25s ease-in,-webkit-transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335);
  transition:transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.2s linear,right 0.2s 0.25s ease-in;
  transition:transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.2s linear,right 0.2s 0.25s ease-in,-webkit-transform 0.2s cubic-bezier(0.6,0.04,0.98,0.335);
}
.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 {
  left:-80px;
  top:80px;
  -webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);
  transform:translate3d(80px,-80px,0) rotate(-45deg);
  transition:left 0.2s ease-out,top 0.05s 0.2s linear,-webkit-transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
  transition:left 0.2s ease-out,top 0.05s 0.2s linear,transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
  transition:left 0.2s ease-out,top 0.05s 0.2s linear,transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1),-webkit-transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right:-80px;
  top:80px;
  -webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);
  transform:translate3d(-80px,-80px,0) rotate(45deg);
  transition:right 0.2s ease-out,top 0.05s 0.2s linear,-webkit-transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
  transition:right 0.2s ease-out,top 0.05s 0.2s linear,transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
  transition:right 0.2s ease-out,top 0.05s 0.2s linear,transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1),-webkit-transform 0.2s 0.25s cubic-bezier(0.075,0.82,0.165,1);
}
/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top:0;
}
.hamburger--slider .hamburger-inner::before {
  top:10px;
  transition-property:opacity,-webkit-transform;
  transition-property:transform,opacity;
  transition-property:transform,opacity,-webkit-transform;
  transition-timing-function:ease;
  transition-duration:0.2s;
}
.hamburger--slider .hamburger-inner::after {
  top:20px;
}
.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform:translate3d(0,10px,0) rotate(45deg);
  transform:translate3d(0,10px,0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);
  transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);
  opacity:0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform:translate3d(0,-20px,0) rotate(-90deg);
  transform:translate3d(0,-20px,0) rotate(-90deg);
}
/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top:0;
}
.hamburger--slider-r .hamburger-inner::before {
  top:10px;
  transition-property:opacity,-webkit-transform;
  transition-property:transform,opacity;
  transition-property:transform,opacity,-webkit-transform;
  transition-timing-function:ease;
  transition-duration:0.2s;
}
.hamburger--slider-r .hamburger-inner::after {
  top:20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform:translate3d(0,10px,0) rotate(-45deg);
  transform:translate3d(0,10px,0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);
  transform:rotate(45deg) translate3d(5.71429px,-6px,0);
  opacity:0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform:translate3d(0,-20px,0) rotate(90deg);
  transform:translate3d(0,-20px,0) rotate(90deg);
}
/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration:0.3s;
  transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition:top 0.1s 0.34s ease-in,opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition:bottom 0.1s 0.34s ease-in,-webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:bottom 0.1s 0.34s ease-in,transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:bottom 0.1s 0.34s ease-in,transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform:rotate(225deg);
  transform:rotate(225deg);
  transition-delay:0.14s;
  transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top:0;
  opacity:0;
  transition:top 0.1s ease-out,opacity 0.1s 0.14s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom:0;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  transition:bottom 0.1s ease-out,-webkit-transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1);
  transition:bottom 0.1s ease-out,transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1);
  transition:bottom 0.1s ease-out,transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1);
}
/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration:0.3s;
  transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition:top 0.1s 0.34s ease-in,opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition:bottom 0.1s 0.34s ease-in,-webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:bottom 0.1s 0.34s ease-in,transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:bottom 0.1s 0.34s ease-in,transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform:rotate(-225deg);
  transform:rotate(-225deg);
  transition-delay:0.14s;
  transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top:0;
  opacity:0;
  transition:top 0.1s ease-out,opacity 0.1s 0.14s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom:0;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  transition:bottom 0.1s ease-out,-webkit-transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1);
  transition:bottom 0.1s ease-out,transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1);
  transition:bottom 0.1s ease-out,transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1);
}
/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration:0.1s;
  transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition:top 0.1s 0.14s ease,opacity 0.1s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition:bottom 0.1s 0.14s ease,-webkit-transform 0.1s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:bottom 0.1s 0.14s ease,transform 0.1s cubic-bezier(0.55,0.055,0.675,0.19);
  transition:bottom 0.1s 0.14s ease,transform 0.1s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 0.1s cubic-bezier(0.55,0.055,0.675,0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  transition-delay:0.14s;
  transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top:0;
  opacity:0;
  transition:top 0.1s ease,opacity 0.1s 0.14s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom:0;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
  transition:bottom 0.1s ease,-webkit-transform 0.1s 0.14s cubic-bezier(0.215,0.61,0.355,1);
  transition:bottom 0.1s ease,transform 0.1s 0.14s cubic-bezier(0.215,0.61,0.355,1);
  transition:bottom 0.1s ease,transform 0.1s 0.14s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.1s 0.14s cubic-bezier(0.215,0.61,0.355,1);
}
/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration:0.3s;
  transition-timing-function:cubic-bezier(0.19,1,0.22,1);
}
.hamburger--vortex .hamburger-inner::before,.hamburger--vortex .hamburger-inner::after {
  transition-duration:0s;
  transition-delay:0.1s;
  transition-timing-function:linear;
}
.hamburger--vortex .hamburger-inner::before {
  transition-property:top,opacity;
}
.hamburger--vortex .hamburger-inner::after {
  transition-property:bottom,-webkit-transform;
  transition-property:bottom,transform;
  transition-property:bottom,transform,-webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform:rotate(765deg);
  transform:rotate(765deg);
  transition-timing-function:cubic-bezier(0.19,1,0.22,1);
}
.hamburger--vortex.is-active .hamburger-inner::before,.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay:0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top:0;
  opacity:0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom:0;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
}
/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration:0.3s;
  transition-timing-function:cubic-bezier(0.19,1,0.22,1);
}
.hamburger--vortex-r .hamburger-inner::before,.hamburger--vortex-r .hamburger-inner::after {
  transition-duration:0s;
  transition-delay:0.1s;
  transition-timing-function:linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  transition-property:top,opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  transition-property:bottom,-webkit-transform;
  transition-property:bottom,transform;
  transition-property:bottom,transform,-webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform:rotate(-765deg);
  transform:rotate(-765deg);
  transition-timing-function:cubic-bezier(0.19,1,0.22,1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before,.hamburger--vortex-r.is-active .hamburger-inner::after {
  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;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
}