/* Burger in Rhye template. Find and remove this in css/main.css file */
.header__burger {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 38px;
  vertical-align: middle;
  cursor: pointer;
  pointer-events: initial;
  z-index: 500;
}

.header__burger:hover .header__burger-line:nth-of-type(1) {
  transform: scaleX(1);
}

.header__burger:hover .header__burger-line:nth-of-type(2) {
  transform: scaleX(0.75);
}

.header__burger:hover .header__burger-line:nth-of-type(3) {
  transform: scaleX(1);
}

.header__burger_opened .header__burger-line:nth-of-type(1), .header__burger_opened:hover .header__burger-line:nth-of-type(1) {
  transform: scaleX(1) rotate(45deg) translate(13px, 20px);
}

.header__burger_opened .header__burger-line:nth-of-type(2), .header__burger_opened:hover .header__burger-line:nth-of-type(2) {
  transform: scaleX(0);
}

.header__burger_opened .header__burger-line:nth-of-type(3), .header__burger_opened:hover .header__burger-line:nth-of-type(3) {
  transform: scaleX(1) rotate(-45deg) translate(14px, -21px);
}

.header__burger-line {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--color-dark-2);
  transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.header__burger-line:nth-of-type(1) {
  top: 9px;
  left: 0;
  transform-origin: right center;
  transform: scaleX(0.75);
}

.header__burger-line:nth-of-type(2) {
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: left center;
}

.header__burger-line:nth-of-type(3) {
  bottom: 9px;
  left: 0;
  transform-origin: right center;
  transform: scaleX(0.75);
}