.qht-animation {
  transition: all 0.3s linear;
}

.qht-animation__spin-clockwise {
  -webkit-animation: qht-spin-clockwise 0.4s forwards;
          animation: qht-spin-clockwise 0.4s forwards;
}

.qht-animation__spin-anti-clockwise {
  -webkit-animation: qht-spin-anti-clockwise 0.4s forwards;
          animation: qht-spin-anti-clockwise 0.4s forwards;
}

.qht-animation__slideInTop {
  -webkit-animation: qht-slideFromTop 1s forwards;
          animation: qht-slideFromTop 1s forwards;
}

.qht-animation__bumpInOut {
  -webkit-animation: qht-bumpInOut 1s forwards;
          animation: qht-bumpInOut 1s forwards;
}

@-webkit-keyframes qht-spin-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}

@keyframes qht-spin-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@-webkit-keyframes qht-spin-anti-clockwise {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes qht-spin-anti-clockwise {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes qht-slideFromTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes qht-slideFromTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes qht-bumpInOut {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes qht-bumpInOut {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes qht-svgIconRotate {
  0% {
    transform: rotate(0deg);
    fill: white;
  }
  50% {
    transform: rotate(45deg);
    fill: #FE5001;
  }
  100% {
    transform: rotate(45deg);
    fill: #F15D2A;
  }
}
@keyframes qht-svgIconRotate {
  0% {
    transform: rotate(0deg);
    fill: white;
  }
  50% {
    transform: rotate(45deg);
    fill: #FE5001;
  }
  100% {
    transform: rotate(45deg);
    fill: #F15D2A;
  }
}
@-webkit-keyframes qht-svgIconRotateReverse {
  0% {
    transform: rotate(45deg);
    fill: #FE5001;
  }
  50% {
    transform: rotate(0deg);
    fill: #F15D2A;
  }
  100% {
    transform: rotate(0deg);
    fill: white;
  }
}
@keyframes qht-svgIconRotateReverse {
  0% {
    transform: rotate(45deg);
    fill: #FE5001;
  }
  50% {
    transform: rotate(0deg);
    fill: #F15D2A;
  }
  100% {
    transform: rotate(0deg);
    fill: white;
  }
}
@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
    background: white;
  }
  50% {
    width: 50%;
    background: #FE5001;
  }
  100% {
    width: 100%;
    background: white;
  }
}
@keyframes burger-hover {
  0% {
    width: 100%;
    background: white;
  }
  50% {
    width: 50%;
    background: #FE5001;
  }
  100% {
    width: 100%;
    background: white;
  }
}