.mm-menu_offcanvas {
  width: 80vw !important;
  min-width: 240px;
  max-width: 440px;
}
.mburg {
  position: absolute;
  top: -53px;
  right: 5px;
  z-index: 55555;
}

.mburger {
  --mb-button-size: 60px;
  --mb-bar-width: 0.6;
  --mb-bar-height: 4px;
  --mb-bar-spacing: 10px;
  --mb-cross-timeout: 0.4s;
  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 b {
  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;
  color: inherit;
  opacity: 1;
}
.mburger b:nth-of-type(1) {
  bottom: calc(50% + var(--mb-bar-spacing));
  transition: bottom 0.2s ease, transform 0.2s ease;
}
.mburger b:nth-of-type(2) {
  top: calc(50% - (var(--mb-bar-height) / 2));
  transition: opacity 0.2s ease;
}
.mburger b:nth-of-type(3) {
  top: calc(50% + var(--mb-bar-spacing));
  transition: top 0.2s ease, transform 0.2s ease;
}
.mburger span:not(:empty) {
  padding-right: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width)) / 2));
}
.mm-wrapper_opened .mburger b:nth-of-type(1) {
  bottom: calc(50% - (var(--mb-bar-height) / 2));
  transform: rotate(45deg);
}
.mm-wrapper_opened .mburger b:nth-of-type(2) {
  opacity: 0;
}
.mm-wrapper_opened .mburger b: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-cross-timeout) + 0.1s),
    calc(var(--mb-cross-timeout) + 0.3s), calc(var(--mb-cross-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-cross-timeout) + 0s),
    calc(var(--mb-cross-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-cross-timeout) + 0.3s),
    calc(var(--mb-cross-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-cross-timeout) + 0s),
    calc(var(--mb-cross-timeout) + 0.2s);
}
.mm-wrapper_opened .mburger--spin b:nth-of-type(2) {
  transition-delay: calc(var(--mb-cross-timeout) + 0s);
}
.mm-wrapper_opened .mburger--spin b:nth-of-type(3) {
  transform: rotate(225deg);
  transition-delay: calc(var(--mb-cross-timeout) + 0s),
    calc(var(--mb-cross-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-cross-timeout) + 0s),
    calc(var(--mb-cross-timeout) + 0.1s);
}
.mm-wrapper_opened .mburger--squeeze b:nth-of-type(2) {
  transition-delay: calc(var(--mb-cross-timeout) + 0s);
}
.mm-wrapper_opened .mburger--squeeze b:nth-of-type(3) {
  transition-delay: calc(var(--mb-cross-timeout) + 0s),
    calc(var(--mb-cross-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-cross-timeout) + 0s);
}
.mm-wrapper_opened .mburger--tornado b:nth-of-type(2) {
  opacity: 0;
  transform: rotate(-135deg);
  transition-delay: calc(var(--mb-cross-timeout) + 0.4s),
    calc(var(--mb-cross-timeout) + 0.1s);
}
.mm-wrapper_opened .mburger--tornado b:nth-of-type(3) {
  transform: rotate(-225deg);
  transition-delay: calc(var(--mb-cross-timeout) + 0.2s);
}
.mburger {
  --mb-button-size: 41px;
  --mb-bar-width: 0.6;
  --mb-bar-height: 2px;
  --mb-bar-spacing: 7px;
  --mb-cross-timeout: 0.4s;
  color: inherit;
  line-height: var(--mb-button-size);
  cursor: pointer;
}
[data-target="navigation"] {
  display: none;
}
.mena.mm-listitem {
    float: left;
}
 .mburger b {
    background: #000;
  }
#header {
  position: relative;
}