@keyframes hamburger_1 {
  0% {
    width: 100%;
    top: 0;
    right: 0;
    margin-top: 0;
    transform: none;
  }
  33% {
    width: 75%;
    top: 50%;
    right: 0;
    margin-top: -1px;
    transform: none;
  }
  66% {
    width: 75%;
    top: 50%;
    right: 0;
    margin-top: -1px;
    transform: none;
  }
  100% {
    width: 75%;
    top: 50%;
    right: 0;
    margin-top: -1px;
    margin-right: -1px;
    transform: rotate(45deg);
  }
}
@keyframes hamburger_2 {
  0% {
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    transform: none;
  }
  33% {
    bottom: 50%;
    right: 0;
    margin-bottom: -1px;
    transform: none;
  }
  66% {
    bottom: 50%;
    right: 0;
    margin-bottom: -1px;
    transform: none;
  }
  100% {
    bottom: 50%;
    right: 0;
    margin-bottom: -1px;
    margin-right: -1px;
    transform: rotate(-45deg);
  }
}
@keyframes r_hamburger_1 {
  0% {
    width: 75%;
    top: 50%;
    right: 0;
    margin-top: -1px;
    margin-right: -1px;
    transform: rotate(45deg);
  }
  33% {
    width: 75%;
    top: 50%;
    right: 0;
    margin-top: -1px;
    transform: none;
  }
  66% {
    width: 75%;
    top: 50%;
    right: 0;
    margin-top: -1px;
    transform: none;
  }
  100% {
    width: 100%;
    top: 0;
    right: 0;
    margin-top: 0;
    transform: none;
  }
}
@keyframes r_hamburger_2 {
  0% {
    bottom: 50%;
    right: 0;
    margin-bottom: -1px;
    margin-right: -1px;
    transform: rotate(-45deg);
  }
  33% {
    bottom: 50%;
    right: 0;
    margin-bottom: -1px;
    transform: none;
  }
  66% {
    bottom: 50%;
    right: 0;
    margin-bottom: -1px;
    transform: none;
  }
  100% {
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    transform: none;
  }
}