/*!
 * 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: 0;
	 cursor:pointer;
	 transition-timing-function:linear;
	 transition-duration:.15s;
	 transition-property:opacity,filter;
	 text-transform:none;
	 color:inherit;
	 border:0;
	 background-color:transparent;
	 height: 24px;
}
 .hamburger.is-active:hover,.hamburger:hover{
	 opacity:.7
}
 .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{
	 background-color: #3f4726;
}
 .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: 3px;
	 transition-timing-function:ease;
	 transition-duration:.15s;
	 transition-property:transform;
	 border-radius: 0;
	 background-color: #3f4726;
}
 .hamburger-inner:after,.hamburger-inner:before{
	 display:block;content:""
}
 .hamburger-inner:before{
	 top:-10px
}
 .hamburger-inner:after{
	 bottom:-10px
}
 .hamburger--spring .hamburger-inner{
	 top:2px;transition:background-color 0s linear .13s
}
 .hamburger--spring .hamburger-inner:before{
	 top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
 .hamburger--spring .hamburger-inner:after{
	 top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
 .hamburger--spring.is-active .hamburger-inner{
	 transition-delay:.22s;background-color:transparent!important
}
 .hamburger--spring.is-active .hamburger-inner:before{
	 top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)
}
 .hamburger--spring.is-active .hamburger-inner:after{
	 top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;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:.13s
}
 .hamburger--spring-r .hamburger-inner:after{
	 top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear
}
 .hamburger--spring-r .hamburger-inner:before{
	 transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
}
 .hamburger--spring-r.is-active .hamburger-inner{
	 transition-delay:.22s;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 .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0
}
 .hamburger--spring-r.is-active .hamburger-inner:before{
	 top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)
}
 .hamburger--header{
	 margin-right:-5px;padding-right:0;padding-left:5px;cursor:default;vertical-align:middle
}
 .hamburger--header .hamburger-inner,.hamburger--header .hamburger-inner:after,.hamburger--header .hamburger-inner:before,.hamburger--header.is-active .hamburger-inner,.hamburger--header.is-active .hamburger-inner:after,.hamburger--header.is-active .hamburger-inner:before{
	 background-color:#222
}
 .hamburger--header.hamburger--elastic .hamburger-inner,.hamburger--header.hamburger--slider .hamburger-inner{
	 top:2px
}
 .hamburger--header:hover{
	 opacity:1
}
 .hamburger-wrap{
	 text-align:center
}
 .hamburger--accessible{
	 display:inline-block
}
 .hamburger--accessible .hamburger-box{
	 display:inline-block;vertical-align:middle
}
 .hamburger--accessible .hamburger-inner,.hamburger--accessible .hamburger-inner:after,.hamburger--accessible .hamburger-inner:before,.hamburger--accessible.is-active .hamburger-inner,.hamburger--accessible.is-active .hamburger-inner:after,.hamburger--accessible.is-active .hamburger-inner:before{
	 background-color:#222
}
 .hamburger-label{
	 font-weight:600;display:inline-block;margin-left:5px;vertical-align:middle;text-transform:uppercase
}
 .hamburger-label-hidden{
	 display:none
}