/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger { position: absolute; font: inherit; display: inline-block; overflow: visible; right: 1%; top:27px; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; text-transform: none; color: inherit; border: 0; background-color: transparent }
.hamburger:hover { opacity: .7 }
.hamburger-box { position: relative; display: inline-block; width: 23px; height: 28px }
.hamburger-inner { top: 50%; display: block; margin-top: -2px }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 23px; height: 3px; transition-timing-function: ease; transition-duration: .15s; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; border-radius: 4px; background-color: #000 }
.hamburger-inner:after, .hamburger-inner:before { display: block; content: '' }
.hamburger-inner:before { top: -6px }
.hamburger-inner:after { bottom: -6px }
.hamburger--3dx .hamburger-box { -webkit-perspective: 80px; perspective: 80px }
.hamburger--3dx .hamburger-inner { transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1); transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1) }
.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before { transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1) }
.hamburger--3dx.is-active .hamburger-inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); background-color: transparent }
.hamburger--3dx.is-active .hamburger-inner:before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--3dx.is-active .hamburger-inner:after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg) }
.hamburger--3dx-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px }
.hamburger--3dx-r .hamburger-inner { transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1); transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1) }
.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before { transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1) }
.hamburger--3dx-r.is-active .hamburger-inner { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); background-color: transparent }
.hamburger--3dx-r.is-active .hamburger-inner:before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--3dx-r.is-active .hamburger-inner:after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg) }
.hamburger--3dy .hamburger-box { -webkit-perspective: 80px; perspective: 80px }
.hamburger--3dy .hamburger-inner { transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1); transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1) }
.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before { transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1) }
.hamburger--3dy.is-active .hamburger-inner { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); background-color: transparent }
.hamburger--3dy.is-active .hamburger-inner:before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--3dy.is-active .hamburger-inner:after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg) }
.hamburger--3dy-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px }
.hamburger--3dy-r .hamburger-inner { transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1); transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .2s cubic-bezier(.645, .045, .355, 1) }
.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before { transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1); transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1) }
.hamburger--3dy-r.is-active .hamburger-inner { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); background-color: transparent }
.hamburger--3dy-r.is-active .hamburger-inner:before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg) }
.hamburger--3dy-r.is-active .hamburger-inner:after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg) }
.hamburger--arrow.is-active .hamburger-inner:before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7); transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) }
.hamburger--arrow.is-active .hamburger-inner:after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7); transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) }
.hamburger--arrow-r.is-active .hamburger-inner:before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7); transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7) }
.hamburger--arrow-r.is-active .hamburger-inner:after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7); transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7) }
.hamburger--arrowalt .hamburger-inner:before { transition: top .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1); transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1); transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1) }
.hamburger--arrowalt .hamburger-inner:after { transition: bottom .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1); transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1); transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1) }
.hamburger--arrowalt.is-active .hamburger-inner:before { top: 0; transition: top .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22); transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22); transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22); -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7); transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7) }
.hamburger--arrowalt.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22); transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22); transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22); -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7); transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7) }
.hamburger--arrowalt-r .hamburger-inner:before { transition: top .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1); transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1); transition: top .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1) }
.hamburger--arrowalt-r .hamburger-inner:after { transition: bottom .1s .15s ease, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1); transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1); transition: bottom .1s .15s ease, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1) }
.hamburger--arrowalt-r.is-active .hamburger-inner:before { top: 0; transition: top .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22); transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22); transition: top .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22); -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7); transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7) }
.hamburger--arrowalt-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease, -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22); transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22); transition: bottom .1s ease, transform .15s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .15s .1s cubic-bezier(.895, .03, .685, .22); -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7); 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 { -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) }
.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 .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), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19); transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19); transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-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); -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); 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 .27s linear; opacity: 0 }
.hamburger--collapse.is-active .hamburger-inner:before { top: 0; transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1); transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1); transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1); -webkit-transform: rotate(-90deg); 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 .3s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear }
.hamburger--collapse-r .hamburger-inner:before { transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19); transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19); transition: top .12s .3s cubic-bezier(.33333, .66667, .66667, 1), transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-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); -webkit-transform: translate3d(0, -10px, 0) rotate(45deg); 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 .27s linear; opacity: 0 }
.hamburger--collapse-r.is-active .hamburger-inner:before { top: 0; transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1); transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1); transition: top .12s .18s cubic-bezier(.33333, 0, .66667, .33333), transform .15s .42s cubic-bezier(.215, .61, .355, 1), -webkit-transform .15s .42s cubic-bezier(.215, .61, .355, 1); -webkit-transform: rotate(90deg); 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 .4s ease }
.hamburger--elastic .hamburger-inner:after { top: 20px; transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55); transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55); transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55) }
.hamburger--elastic.is-active .hamburger-inner { transition-delay: .1s; -webkit-transform: translate3d(0, 10px, 0) rotate(135deg); 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; -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg); 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 .4s ease }
.hamburger--elastic-r .hamburger-inner:after { top: 20px; transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55); transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55); transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55) }
.hamburger--elastic-r.is-active .hamburger-inner { transition-delay: .1s; -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg); 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; -webkit-transform: translate3d(0, -20px, 0) rotate(270deg); transform: translate3d(0, -20px, 0) rotate(270deg) }
.hamburger--emphatic { overflow: hidden }
.hamburger--emphatic .hamburger-inner {