.js .animate-after-visible {
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  position: absolute;
  opacity: 0;
}
.js .animate-after-visible.from-bottom {
  transform: translate(0, 80px);
  -webkit-transform: translate(0, 80px);
}
.js .animate-after-visible.from-right {
  transform: translate(80px, 0);
  -webkit-transform: translate(80px, 0);
}
.js .animate-after-visible.from-top {
  transform: translate(0, -80px);
  -webkit-transform: translate(0, -80px);
}
.js .animate-after-visible.from-left {
  transform: translate(-80px, 0);
  -webkit-transform: translate(-80px, 0);
}
.js .animate-after-visible.from-left-bottom {
  transform: translate(-80px, 80px);
  -webkit-transform: translate(-80px, 80px);
}
.js .animate-after-visible.from-right-bottom {
  transform: translate(80px, 80px);
  -webkit-transform: translate(80px, 80px);
}
.js .animate-after-visible.from-left-top {
  transform: translate(-80px, -80px);
  -webkit-transform: translate(-80px, -80px);
}
.js .animate-after-visible.from-right-top {
  transform: translate(80px, 0);
  -webkit-transform: translate(80px, 0);
}
.js .show-after-visible {
  transition-property: all;
  -webkit-transition-property: all;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
  opacity: 0;
}
.js .show-after-visible.td0 {
  transition-delay: 0.09s;
  -webkit-transition-delay: 0.09s;
}
.js .show-after-visible.td1 {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.js .show-after-visible.td2 {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.js .show-after-visible.td3 {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.js .show-after-visible.td4 {
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.js .show-after-visible.td5 {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}
.js .show-after-visible.td6 {
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}
.js .show-after-visible.from-bottom {
  transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
}
.js .show-after-visible.from-right {
  transform: translate(30px, 0);
  -webkit-transform: translate(30px, 0);
}
.js .show-after-visible.from-top {
  transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
}
.js .show-after-visible.from-left {
  transform: translate(-30px, 0);
  -webkit-transform: translate(-30px, 0);
}
.js .show-after-visible.from-left-bottom {
  transform: translate(-30px, 30px);
  -webkit-transform: translate(-30px, 30px);
}
.js .show-after-visible.from-right-bottom {
  transform: translate(30px, 30px);
  -webkit-transform: translate(30px, 30px);
}
.js .show-after-visible.from-left-top {
  transform: translate(-30px, -30px);
  -webkit-transform: translate(-30px, -30px);
}
.js .show-after-visible.from-right-top {
  transform: translate(30px, 0);
  -webkit-transform: translate(30px, 0);
}
.js .animated .animate-after-visible,
.js .animated .show-after-visible {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.js .animated .animate-after-visible.section-description,
.js .animated .show-after-visible.section-description {
  opacity: 0.8;
}

@media screen and (min-width: 768px) {
  .js .animate-after-visible-desktop {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    position: absolute;
    opacity: 0;
  }
  .js .animate-after-visible-desktop.from-bottom {
    transform: translate(0, 80px);
    -webkit-transform: translate(0, 80px);
  }
  .js .animate-after-visible-desktop.from-right {
    transform: translate(80px, 0);
    -webkit-transform: translate(80px, 0);
  }
  .js .animate-after-visible-desktop.from-top {
    transform: translate(0, -80px);
    -webkit-transform: translate(0, -80px);
  }
  .js .animate-after-visible-desktop.from-left {
    transform: translate(-80px, 0);
    -webkit-transform: translate(-80px, 0);
  }
  .js .animate-after-visible-desktop.from-left-bottom {
    transform: translate(-80px, 80px);
    -webkit-transform: translate(-80px, 80px);
  }
  .js .animate-after-visible-desktop.from-right-bottom {
    transform: translate(80px, 80px);
    -webkit-transform: translate(80px, 80px);
  }
  .js .animate-after-visible-desktop.from-left-top {
    transform: translate(-80px, -80px);
    -webkit-transform: translate(-80px, -80px);
  }
  .js .animate-after-visible-desktop.from-right-top {
    transform: translate(80px, 0);
    -webkit-transform: translate(80px, 0);
  }
  .js .show-after-visible-desktop {
    transition-property: all;
    -webkit-transition-property: all;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
    opacity: 0;
  }
  .js .show-after-visible-desktop.td0 {
    transition-delay: 0.09s;
    -webkit-transition-delay: 0.09s;
  }
  .js .show-after-visible-desktop.td1 {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
  }
  .js .show-after-visible-desktop.td2 {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
  }
  .js .show-after-visible-desktop.td3 {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  .js .show-after-visible-desktop.td4 {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
  }
  .js .show-after-visible-desktop.td5 {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }
  .js .show-after-visible-desktop.td6 {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
  }
  .js .show-after-visible-desktop.from-bottom {
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
  }
  .js .show-after-visible-desktop.from-right {
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
  }
  .js .show-after-visible-desktop.from-top {
    transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
  }
  .js .show-after-visible-desktop.from-left {
    transform: translate(-30px, 0);
    -webkit-transform: translate(-30px, 0);
  }
  .js .show-after-visible-desktop.from-left-bottom {
    transform: translate(-30px, 30px);
    -webkit-transform: translate(-30px, 30px);
  }
  .js .show-after-visible-desktop.from-right-bottom {
    transform: translate(30px, 30px);
    -webkit-transform: translate(30px, 30px);
  }
  .js .show-after-visible-desktop.from-left-top {
    transform: translate(-30px, -30px);
    -webkit-transform: translate(-30px, -30px);
  }
  .js .show-after-visible-desktop.from-right-top {
    transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
  }
  .js .animated .animate-after-visible-desktop,
  .js .animated .show-after-visible-desktop {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  .js .animated .animate-after-visible-desktop.section-description,
  .js .animated .show-after-visible-desktop.section-description {
    opacity: 0.8;
  }
}
