/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 .hamburger {

 	display: none;
 }

@media screen and (max-width:1080px) {
  
  

.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;
  position: absolute;
  top: 0px;
  right: 0px;
  pointer-events: none;
  z-index: 8;
  
}
.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:#e2dbdb;
}
.hamburger-inner:after,.hamburger-inner:before {
 display:block;
 content:""
}
.hamburger-inner:before {
 top:-10px
}
.hamburger-inner:after {
 bottom:-10px
}

.hamburger--spin .hamburger-inner {
 transition-timing-function:cubic-bezier(.55,.055,.675,.19);
 transition-duration:.22s
}
.hamburger--spin .hamburger-inner:before {
 transition:top .1s ease-in .25s,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner:after {
 transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
}
.active .hamburger--spin .hamburger-inner {
 transition-delay:.12s;
 transition-timing-function:cubic-bezier(.215,.61,.355,1);
 transform:rotate(225deg)
}
.active .hamburger--spin .hamburger-inner:before {
 top:0;
 transition:top .1s ease-out,opacity .1s ease-out .12s;
 opacity:0
}
.active .hamburger--spin .hamburger-inner:after {
 bottom:0;
 transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
 transform:rotate(-90deg)
}


.hamburger .hamburger-inner,.hamburger .hamburger-inner:after,.hamburger .hamburger-inner:before {
 background-color:#000;
}
.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 {
 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 {
 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
}
.hamburger--example {
 outline:1px dashed cyan
}
.hamburger--example .hamburger-box {
 outline:1px dashed green
}
.hamburger--example .hamburger-inner,.hamburger--example .hamburger-inner:after,.hamburger--example .hamburger-inner:before {
 background-color:#222
}



}