.hamburger {  padding:15px 15px;  display:inline-block;  cursor:pointer;  transition-property:opacity, filter;  transition-duration:0.15s;  transition-timing-function:linear;  font:inherit;  color:inherit;  text-transform:none;  background-color:transparent;  border:0;  margin:0;  overflow:visible; } .hamburger-box {  width:30px;  height:24px;  display:inline-block;  position:relative; } .hamburger-inner {  display:block;  top:50%;  margin-top:-2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {  width:30px;  height:4px;  background-color:#000;  border-radius:4px;  position:absolute;  transition-property: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; }  .hamburger--3dx .hamburger-box {  perspective:80px; } .hamburger--3dx .hamburger-inner {  transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {   transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner, .hamburger--3dx:hover .hamburger-inner {  background-color:transparent !important;  transform:rotateY(180deg); }  .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 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {   transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner, .hamburger--3dx-r:hover .hamburger-inner {  background-color:transparent !important;  transform:rotateY(-180deg); }  .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 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {   transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner, .hamburger--3dy:hover .hamburger-inner {  background-color:transparent !important;  transform:rotateX(-180deg); }  .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 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {   transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner, .hamburger--3dy-r:hover .hamburger-inner {  background-color:transparent !important;  transform:rotateX(180deg); }  .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--3dxy .hamburger-box {  perspective:80px; } .hamburger--3dxy .hamburger-inner {  transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {   transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner, .hamburger--3dxy.is-active:hover .hamburger-inner {  background-color:transparent !important;  transform:rotateX(180deg) rotateY(180deg); }  .hamburger--3dxy.is-active .hamburger-inner::before {   transform:translate3d(0, 10px, 0) rotate(45deg); }  .hamburger--3dxy.is-active .hamburger-inner::after {   transform:translate3d(0, -10px, 0) rotate(-45deg); }  .hamburger--3dxy-r .hamburger-box {  perspective:80px; } .hamburger--3dxy-r .hamburger-inner {  transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {   transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner, .hamburger--3dxy-r.is-active:hover .hamburger-inner {  background-color:transparent !important;  transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }  .hamburger--3dxy-r.is-active .hamburger-inner::before {   transform:translate3d(0, 10px, 0) rotate(45deg); }  .hamburger--3dxy-r.is-active .hamburger-inner::after {   transform:translate3d(0, -10px, 0) rotate(-45deg); }  .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {  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-duration:0.13s;  transition-delay:0.13s;  transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .hamburger--collapse .hamburger-inner::after {   top:-20px;   transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }  .hamburger--collapse .hamburger-inner::before {   transition:top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner {  transform:translate3d(0, -10px, 0) rotate(-45deg);  transition-delay:0.22s;  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.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }  .hamburger--collapse.is-active .hamburger-inner::before {   top:0;   transform:rotate(-90deg);   transition:top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--collapse-r .hamburger-inner {  top:auto;  bottom:0;  transition-duration:0.13s;  transition-delay:0.13s;  transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .hamburger--collapse-r .hamburger-inner::after {   top:-20px;   transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }  .hamburger--collapse-r .hamburger-inner::before {   transition:top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner {  transform:translate3d(0, -10px, 0) rotate(45deg);  transition-delay:0.22s;  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.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }  .hamburger--collapse-r.is-active .hamburger-inner::before {   top:0;   transform:rotate(90deg);   transition:top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--elastic .hamburger-inner {  top:2px;  transition-duration:0.275s;  transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55); }  .hamburger--elastic .hamburger-inner::before {   top:10px;   transition:opacity 0.125s 0.275s ease; }  .hamburger--elastic .hamburger-inner::after {   top:20px;   transition:transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner {  transform:translate3d(0, 10px, 0) rotate(135deg);  transition-delay:0.075s; }  .hamburger--elastic.is-active .hamburger-inner::before {   transition-delay:0s;   opacity:0; }  .hamburger--elastic.is-active .hamburger-inner::after {   transform:translate3d(0, -20px, 0) rotate(-270deg);   transition-delay:0.075s; }  .hamburger--elastic-r .hamburger-inner {  top:2px;  transition-duration:0.275s;  transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55); }  .hamburger--elastic-r .hamburger-inner::before {   top:10px;   transition:opacity 0.125s 0.275s ease; }  .hamburger--elastic-r .hamburger-inner::after {   top:20px;   transition:transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner {  transform:translate3d(0, 10px, 0) rotate(-135deg);  transition-delay:0.075s; }  .hamburger--elastic-r.is-active .hamburger-inner::before {   transition-delay:0s;   opacity:0; }  .hamburger--elastic-r.is-active .hamburger-inner::after {   transform:translate3d(0, -20px, 0) rotate(270deg);   transition-delay:0.075s; } .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {  transition:bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {  opacity:0;  transition:bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before {  top:0; } .hamburger--minus.is-active .hamburger-inner::after {  bottom:0; }  .hamburger--slider .hamburger-inner {  top:2px; }  .hamburger--slider .hamburger-inner::before {   top:10px;   transition-property:transform, opacity;   transition-timing-function:ease;   transition-duration:0.15s; }  .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-property:transform, opacity;   transition-timing-function:ease;   transition-duration:0.15s; }  .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--spin .hamburger-inner {  transition-duration:0.22s;  transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .hamburger--spin .hamburger-inner::before {   transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }  .hamburger--spin .hamburger-inner::after {   transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner {  transform:rotate(225deg);  transition-delay:0.12s;  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.12s ease-out; }  .hamburger--spin.is-active .hamburger-inner::after {   bottom:0;   transform:rotate(-90deg);   transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--spin-r .hamburger-inner {  transition-duration:0.22s;  transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .hamburger--spin-r .hamburger-inner::before {   transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }  .hamburger--spin-r .hamburger-inner::after {   transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner {  transform:rotate(-225deg);  transition-delay:0.12s;  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.12s ease-out; }  .hamburger--spin-r.is-active .hamburger-inner::after {   bottom:0;   transform:rotate(90deg);   transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--spring .hamburger-inner {  top:2px;  transition:background-color 0s 0.13s linear; }  .hamburger--spring .hamburger-inner::before {   top:10px;   transition:top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .hamburger--spring .hamburger-inner::after {   top:20px;   transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner, .hamburger--spring.is-active:hover .hamburger-inner {  transition-delay:0.22s;  background-color:transparent !important; }  .hamburger--spring.is-active .hamburger-inner::before {   top:0;   transition:top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);   transform:translate3d(0, 10px, 0) rotate(45deg); }  .hamburger--spring.is-active .hamburger-inner::after {   top:0;   transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);   transform:translate3d(0, 10px, 0) rotate(-45deg); }  .hamburger--spring-r .hamburger-inner {  top:auto;  bottom:0;  transition-duration:0.13s;  transition-delay:0s;  transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .hamburger--spring-r .hamburger-inner::after {   top:-20px;   transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }  .hamburger--spring-r .hamburger-inner::before {   transition:top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner {  transform:translate3d(0, -10px, 0) rotate(-45deg);  transition-delay:0.22s;  transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--spring-r.is-active .hamburger-inner::after {   top:0;   opacity:0;   transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }  .hamburger--spring-r.is-active .hamburger-inner::before {   top:0;   transform:rotate(90deg);   transition:top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--stand .hamburger-inner {  transition:transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }  .hamburger--stand .hamburger-inner::before {   transition:top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .hamburger--stand .hamburger-inner::after {   transition:bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner, .hamburger--stand:hover .hamburger-inner {  transform:rotate(90deg);  background-color:transparent !important;  transition:transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }  .hamburger--stand.is-active .hamburger-inner::before {   top:0;   transform:rotate(-45deg);   transition:top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--stand.is-active .hamburger-inner::after {   bottom:0;   transform:rotate(45deg);   transition:bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--stand-r .hamburger-inner {  transition:transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }  .hamburger--stand-r .hamburger-inner::before {   transition:top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .hamburger--stand-r .hamburger-inner::after {   transition:bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner, .hamburger--stand-r.is-active:hover .hamburger-inner {  transform:rotate(-90deg);  background-color:transparent !important;  transition:transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }  .hamburger--stand-r.is-active .hamburger-inner::before {   top:0;   transform:rotate(-45deg);   transition:top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--stand-r.is-active .hamburger-inner::after {   bottom:0;   transform:rotate(45deg);   transition:bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--squeeze .hamburger-inner {  transition-duration:0.075s;  transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .hamburger--squeeze .hamburger-inner::before {   transition:top 0.075s 0.12s ease, opacity 0.075s ease; }  .hamburger--squeeze .hamburger-inner::after {   transition:bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner {  transform:rotate(45deg);  transition-delay:0.12s;  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.075s ease, opacity 0.075s 0.12s ease; }  .hamburger--squeeze.is-active .hamburger-inner::after {   bottom:0;   transform:rotate(-90deg);   transition:bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }  .hamburger--vortex .hamburger-inner {  transition-duration:0.2s;  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, transform; } .hamburger--vortex.is-active .hamburger-inner {  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;   transform:rotate(90deg); }  .hamburger--vortex-r .hamburger-inner {  transition-duration:0.2s;  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, transform; } .hamburger--vortex-r.is-active .hamburger-inner {  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;   transform:rotate(-90deg); }