/*queenyjina add =======================================================*/

@-webkit-keyframes easing {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  15% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  45% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  70% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes easing {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  15% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  45% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }

  70% {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.easing {
  -webkit-animation-name: easing;
  animation-name: easing;
}



@-webkit-keyframes singRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  15% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes singRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  15% {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.singRight {
  -webkit-animation-name: singRight;
  animation-name: singRight;
}


@-webkit-keyframes singRight2x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  15% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes singRight2x {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  15% {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.singRight2x {
  -webkit-animation-name: singRight2x;
  animation-name: singRight2x;
}



@-webkit-keyframes singLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  15% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes singLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  15% {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.singLeft {
  -webkit-animation-name: singLeft;
  animation-name: singLeft;
}


@-webkit-keyframes singLeft2x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  15% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes singLeft2x {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  15% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.singLeft2x {
  -webkit-animation-name: singLeft2x;
  animation-name: singLeft2x;
}



@-webkit-keyframes inDown {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes inDown {
  0% {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.inDown {
  -webkit-animation-name: inDown;
  animation-name: inDown;
}


@-webkit-keyframes outUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}

@keyframes outUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}

.outUp {
  -webkit-animation-name: outUp;
  animation-name: outUp;
}




@-webkit-keyframes shakeslow {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  25% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  75% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
  }
}

@keyframes shakeslow {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  25% {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
  }

  50% {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  75% {
    -webkit-transform: translateX(1px);
    -ms-transform: translateX(1px);
    transform: translateX(1px);
  }

}

.shakeslow {
  -webkit-animation-name: shakeslow;
  animation-name: shakeslow;
}