/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 06 2023 | 05:28:33 */
[class*="custom-fadein"] {
  opacity: 0;
}
.is-inview.custom-fadein {
  opacity: 0;
  animation: anim_fadein 1s ease-out .2s forwards;
}
.is-inview.custom-fadein-left {
  animation: anim_fadein_left 1s ease-out .2s forwards;
}
.is-inview.custom-fadein-right {
  animation: anim_fadein_right 1s ease-out .2s forwards;
}
.is-inview.custom-fadein-up {
  animation: anim_fadein_up 1s ease-out .2s forwards;
}
.is-inview.custom-fadein-down {
  animation: anim_fadein_down 1s ease-out .2s forwards;
}

@keyframes anim_fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim_fadein_left {
  0% {
    opacity: 0;
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes anim_fadein_right {
  0% {
    opacity: 0;
    transform: translate3d(40px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes anim_fadein_up {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes anim_fadein_down {
  0% {
    opacity: 0;
    transform: translate3d(0, -40px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}