@charset "UTF-8";
.menu-handler {
  z-index: 100
}
@media (max-width:1023px) {
  .menu-handler {
    position: relative;
    width: 24px;
    height: 10px;
    cursor: pointer
  }
}
@media (min-width:1024px) {
  .menu-handler {
    display: none
  }
}
.menu-handler__line {
  height: 1px;
  left: 0;
  width: 100%;
  background-color: #fff;
  position: absolute;
  transition: all .3s
}
.menu-handler__line:nth-of-type(1) {
  top: 1px
}
.menu-handler__line:nth-of-type(2) {
  top: 8px
}
.menu-handler--opened .menu-handler__line {
  background-color: #fff
}
.menu-handler--opened .menu-handler__line:nth-of-type(1) {
  transform: rotate(45deg)
}
.menu-handler--opened .menu-handler__line:nth-of-type(2) {
  transform: rotate(-45deg);
  top: 1px
}
.menu-handler--opened:hover .menu-handler__line {
  background-color: #f6361b
}