/*!
 * mburger CSS v1.3.3
 * mmenujs.com/mburger
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
 :root {
    --mb-button-size: 40px;
    --mb-bar-width: 0.6;
    --mb-bar-height: 1px;
    --mb-bar-spacing: 7px;
    --mb-animate-timeout: 0.4s;
}
.mburger {
    background: 0 0;
    border: none;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    height: var(--mb-button-size);
    padding: 0 0 0 var(--mb-button-size);
    margin: 0;
    line-height: var(--mb-button-size);
    vertical-align: middle;
    appearance: none;
    outline: 0;
    cursor: pointer;
}
.mburger strong {
    display: block;
    position: absolute;
    left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width)) / 2));
    width: calc(var(--mb-button-size) * var(--mb-bar-width));
    height: var(--mb-bar-height);
    border-radius: calc(var(--mb-bar-height) / 2);
    /* background: currentColor; */
    background: white;
    color: inherit;
    opacity: 1;
}
.mburger strong:nth-of-type(1) {
    bottom: calc(50% + var(--mb-bar-spacing));
    transition: bottom 0.2s ease, transform 0.2s ease, width 0.2s ease;
}
.mburger strong:nth-of-type(2) {
    top: calc(50% - (var(--mb-bar-height) / 2));
    transition: opacity 0.2s ease;
}
.mburger strong:nth-of-type(3) {
    top: calc(50% + var(--mb-bar-spacing));
    transition: top 0.2s ease, transform 0.2s ease, width 0.2s ease;
}
.mm-wrapper_opened .mburger strong:nth-of-type(1) {
    bottom: calc(50% - (var(--mb-bar-height) / 2));
    transform: rotate(45deg);
}
.mm-wrapper_opened .mburger strong:nth-of-type(2) {
    opacity: 0;
}
.mm-wrapper_opened .mburger strong:nth-of-type(3) {
    top: calc(50% - (var(--mb-bar-height) / 2));
    transform: rotate(-45deg);
}
.mburger--collapse b:nth-of-type(1) {
    transition: bottom 0.2s ease, margin 0.2s ease, transform 0.2s ease;
    transition-delay: 0.2s, 0s, 0s;
}
.mburger--collapse b:nth-of-type(2) {
    transition: top 0.2s ease, opacity 0s ease;
    transition-delay: 0.3s, 0.3s;
}
.mburger--collapse b:nth-of-type(3) {
    transition: top 0.2s ease, transform 0.2s ease;
}
.mm-wrapper_opened .mburger--collapse b:nth-of-type(1) {
    bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));
    margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height) / 2));
    transform: rotate(45deg);
    transition-delay: calc(var(--mb-animate-timeout) + 0.1s), calc(var(--mb-animate-timeout) + 0.3s), calc(var(--mb-animate-timeout) + 0.3s);
}
.mm-wrapper_opened .mburger--collapse b:nth-of-type(2) {
    top: calc(50% + var(--mb-bar-spacing));
    opacity: 0;
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + 0.2s);
}
.mm-wrapper_opened .mburger--collapse b:nth-of-type(3) {
    top: calc(50% - (var(--mb-bar-height) / 2));
    transform: rotate(-45deg);
    transition-delay: calc(var(--mb-animate-timeout) + 0.3s), calc(var(--mb-animate-timeout) + 0.3s);
}
.mburger--spin b:nth-of-type(1) {
    transition-delay: 0.2s, 0s;
}
.mburger--spin b:nth-of-type(2) {
    transition-duration: 0s;
    transition-delay: 0.2s;
}
.mburger--spin b:nth-of-type(3) {
    transition-delay: 0.2s, 0s;
}
.mm-wrapper_opened .mburger--spin b:nth-of-type(1) {
    transform: rotate(135deg);
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + 0.2s);
}
.mm-wrapper_opened .mburger--spin b:nth-of-type(2) {
    transition-delay: calc(var(--mb-animate-timeout) + 0s);
}
.mm-wrapper_opened .mburger--spin b:nth-of-type(3) {
    transform: rotate(225deg);
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + 0.2s);
}
.mburger--squeeze b:nth-of-type(1) {
    transition-delay: 0.1s, 0s;
}
.mburger--squeeze b:nth-of-type(2) {
    transition-delay: 0.1s;
}
.mburger--squeeze b:nth-of-type(3) {
    transition-delay: 0.1s, 0s;
}
.mm-wrapper_opened .mburger--squeeze b:nth-of-type(1) {
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + 0.1s);
}
.mm-wrapper_opened .mburger--squeeze b:nth-of-type(2) {
    transition-delay: calc(var(--mb-animate-timeout) + 0s);
}
.mm-wrapper_opened .mburger--squeeze b:nth-of-type(3) {
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + 0.1s);
}
.mburger--tornado b:nth-of-type(1) {
    transition: bottom 0.2s ease, transform 0.2s ease;
    transition-delay: 0.2s;
}
.mburger--tornado b:nth-of-type(2) {
    transition: opacity 0s ease, transform 0.2s ease;
    transition-delay: 0.1s, 0.1s;
}
.mburger--tornado b:nth-of-type(3) {
    transition: top 0.2s ease, transform 0.2s ease;
    transition-delay: 0s;
}
.mm-wrapper_opened .mburger--tornado b:nth-of-type(1) {
    transform: rotate(-135deg);
    transition-delay: calc(var(--mb-animate-timeout) + 0s);
}
.mm-wrapper_opened .mburger--tornado b:nth-of-type(2) {
    opacity: 0;
    transform: rotate(-135deg);
    transition-delay: calc(var(--mb-animate-timeout) + 0.4s), calc(var(--mb-animate-timeout) + 0.1s);
}
.mm-wrapper_opened .mburger--tornado b:nth-of-type(3) {
    transform: rotate(-225deg);
    transition-delay: calc(var(--mb-animate-timeout) + 0.2s);
}