.fade > * {
  opacity: 0 !important;
  transition: 0.8s ease-in-out;
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.fade__in-left > * {
  -webkit-transform: translateX(-60px);
      -ms-transform: translateX(-60px);
          transform: translateX(-60px); }

.fade__in-right > * {
  -webkit-transform: translateX(60px);
      -ms-transform: translateX(60px);
          transform: translateX(60px); }

.fade__in-up > * {
  -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
          transform: translateY(60px); }

.fade__in-down > * {
  -webkit-transform: translateY(-60px);
      -ms-transform: translateY(-60px);
          transform: translateY(-60px); }

.fade.is-visible > * {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  opacity: 1 !important; }