.page-id-9 .tci-scroll-fade-up,
.page-id-9 .tci-scroll-fade-left,
.page-id-9 .tci-scroll-fade-right,
.page-id-10 .tci-scroll-fade-up,
.page-id-10 .tci-scroll-fade-left,
.page-id-10 .tci-scroll-fade-right,
.page-id-12 .tci-scroll-fade-up,
.page-id-12 .tci-scroll-fade-left,
.page-id-12 .tci-scroll-fade-right {
  opacity: 0;
  will-change: opacity, transform;
  transition: opacity 0.75s ease, transform 0.75s ease;
}

.page-id-9 .tci-scroll-fade-up,
.page-id-10 .tci-scroll-fade-up,
.page-id-12 .tci-scroll-fade-up {
  transform: translate3d(0, 36px, 0);
}

.page-id-9 .tci-scroll-fade-left,
.page-id-10 .tci-scroll-fade-left,
.page-id-12 .tci-scroll-fade-left {
  transform: translate3d(-46px, 0, 0);
}

.page-id-9 .tci-scroll-fade-right,
.page-id-10 .tci-scroll-fade-right,
.page-id-12 .tci-scroll-fade-right {
  transform: translate3d(46px, 0, 0);
}

.page-id-9 .tci-scroll-visible,
.page-id-10 .tci-scroll-visible,
.page-id-12 .tci-scroll-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .page-id-9 .tci-scroll-fade-up,
  .page-id-9 .tci-scroll-fade-left,
  .page-id-9 .tci-scroll-fade-right,
  .page-id-9 .tci-scroll-visible,
  .page-id-10 .tci-scroll-fade-up,
  .page-id-10 .tci-scroll-fade-left,
  .page-id-10 .tci-scroll-fade-right,
  .page-id-10 .tci-scroll-visible,
  .page-id-12 .tci-scroll-fade-up,
  .page-id-12 .tci-scroll-fade-left,
  .page-id-12 .tci-scroll-fade-right,
  .page-id-12 .tci-scroll-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
