@charset "utf-8";

.t-menuburger { position: relative; flex-shrink: 0; width: 28px; height: 20px; padding: 0px; border: none; background-color: transparent; outline: none; transform: rotate(0deg); transition: transform 0.5s ease-in-out; cursor: pointer; z-index: 999; }

.t-menuburger span { display: block; position: absolute; width: 100%; opacity: 1; left: 0px; transform: rotate(0deg); transition: 0.25s ease-in-out; height: 3px; background-color: rgb(0, 0, 0); }

.t-menuburger span:nth-child(1) { top: 0px; }

.t-menuburger span:nth-child(2), .t-menuburger span:nth-child(3) { top: 8px; }

.t-menuburger span:nth-child(4) { top: 16px; }

.t-menuburger__big { width: 42px; height: 32px; }

.t-menuburger__big span { height: 5px; }

.t-menuburger__big span:nth-child(2), .t-menuburger__big span:nth-child(3) { top: 13px; }

.t-menuburger__big span:nth-child(4) { top: 26px; }

.t-menuburger__small { width: 22px; height: 14px; }

.t-menuburger__small span { height: 2px; }

.t-menuburger__small span:nth-child(2), .t-menuburger__small span:nth-child(3) { top: 6px; }

.t-menuburger__small span:nth-child(4) { top: 12px; }

.t-menuburger-opened span:nth-child(1) { top: 8px; width: 0%; left: 50%; }

.t-menuburger-opened span:nth-child(2) { transform: rotate(45deg); }

.t-menuburger-opened span:nth-child(3) { transform: rotate(-45deg); }

.t-menuburger-opened span:nth-child(4) { top: 8px; width: 0%; left: 50%; }

.t-menuburger-opened.t-menuburger__big span:nth-child(1) { top: 6px; }

.t-menuburger-opened.t-menuburger__big span:nth-child(4) { top: 18px; }

.t-menuburger-opened.t-menuburger__small span:nth-child(1), .t-menuburger-opened.t-menuburger__small span:nth-child(4) { top: 6px; }

@media (hover), (min-width:0\0) {
  .t-menuburger_first:hover span:nth-child(1) { transform: translateY(1px); }
  .t-menuburger_first:hover span:nth-child(4) { transform: translateY(-1px); }
  .t-menuburger_first.t-menuburger__big:hover span:nth-child(1) { transform: translateY(3px); }
  .t-menuburger_first.t-menuburger__big:hover span:nth-child(4) { transform: translateY(-3px); }
}

.t-menuburger_second span:nth-child(2), .t-menuburger_second span:nth-child(3) { width: 80%; left: 20%; right: 0px; }

@media (hover), (min-width:0\0) {
  .t-menuburger_second.t-menuburger-hovered span:nth-child(2), .t-menuburger_second.t-menuburger-hovered span:nth-child(3) { animation: 0.3s ease-out 0s 1 normal forwards running t-menuburger-anim; }
  .t-menuburger_second.t-menuburger-unhovered span:nth-child(2), .t-menuburger_second.t-menuburger-unhovered span:nth-child(3) { animation: 0.3s ease-out 0s 1 normal forwards running t-menuburger-anim2; }
}

.t-menuburger_second.t-menuburger-opened span:nth-child(2), .t-menuburger_second.t-menuburger-opened span:nth-child(3) { left: 0px; right: 0px; width: 100% !important; }

.t-menuburger_third span:nth-child(4) { width: 70%; left: unset; right: 0px; }

@media (hover), (min-width:0\0) {
  .t-menuburger_third:not(.t-menuburger-opened):hover span:nth-child(4) { width: 100%; }
}

.t-menuburger_third.t-menuburger-opened span:nth-child(4) { width: 0px !important; right: 50%; }

.t-menuburger_fourth { height: 12px; }

.t-menuburger_fourth.t-menuburger__small { height: 8px; }

.t-menuburger_fourth.t-menuburger__big { height: 18px; }

.t-menuburger_fourth span:nth-child(2), .t-menuburger_fourth span:nth-child(3) { top: 4px; opacity: 0; }

.t-menuburger_fourth span:nth-child(4) { top: 8px; }

.t-menuburger_fourth.t-menuburger__small span:nth-child(2), .t-menuburger_fourth.t-menuburger__small span:nth-child(3) { top: 3px; }

.t-menuburger_fourth.t-menuburger__small span:nth-child(4) { top: 6px; }

.t-menuburger_fourth.t-menuburger__small span:nth-child(2), .t-menuburger_fourth.t-menuburger__small span:nth-child(3) { top: 3px; }

.t-menuburger_fourth.t-menuburger__small span:nth-child(4) { top: 6px; }

.t-menuburger_fourth.t-menuburger__big span:nth-child(2), .t-menuburger_fourth.t-menuburger__big span:nth-child(3) { top: 6px; }

.t-menuburger_fourth.t-menuburger__big span:nth-child(4) { top: 12px; }

@media (hover), (min-width:0\0) {
  .t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(1) { transform: translateY(1px); }
  .t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(4) { transform: translateY(-1px); }
  .t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(1) { transform: translateY(3px); }
  .t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(4) { transform: translateY(-3px); }
}

.t-menuburger_fourth.t-menuburger-opened span:nth-child(1), .t-menuburger_fourth.t-menuburger-opened span:nth-child(4) { top: 4px; }

.t-menuburger_fourth.t-menuburger-opened span:nth-child(2), .t-menuburger_fourth.t-menuburger-opened span:nth-child(3) { opacity: 1; }

@keyframes t-menuburger-anim { 
  0% { width: 80%; left: 20%; right: 0px; }
  50% { width: 100%; left: 0px; right: 0px; }
  100% { width: 80%; left: 0px; right: 20%; }
}

@keyframes t-menuburger-anim2 { 
  0% { width: 80%; left: 0px; }
  50% { width: 100%; right: 0px; left: 0px; }
  100% { width: 80%; left: 20%; right: 0px; }
}