.tpFadeInUp,
.tpfadeInLeft,
.tpSkillInLeft,
.img-custom-anim-right,
.img-custom-anim-left,
.slideinup,
.slideinleft {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.tpFadeInUp,
.slideinup {
  animation-name: accxoneFadeInUp;
}

.tpfadeInLeft,
.slideinleft,
.img-custom-anim-left,
.tpSkillInLeft {
  animation-name: accxoneFadeInLeft;
}

.img-custom-anim-right {
  animation-name: accxoneFadeInRight;
}

@keyframes accxoneFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes accxoneFadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-24px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes accxoneFadeInRight {
  from {
    opacity: 0;
    transform: translate3d(24px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}