@charset "UTF-8";

.animated-fadein,
.animated-slide-left,
.animated-slide-right,
.animated-slide-up,
.animated-slide-down { opacity: 0; animation-duration: 1s; animation-fill-mode: forwards; }

.fadein { animation-name: fadein; }
@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}
.slide-left { animation-name: slide-left; }
@keyframes slide-left {
  from { opacity: 0; transform: translateX(-3rem); }
  to { opacity: 1; transform: none; }
}
.slide-right { animation-name: slide-right; }
@keyframes slide-right {
  from { opacity: 0; transform: translateX(3rem); }
  to { opacity: 1; transform: none; }
}
.slide-up { animation-name: slide-up; }
@keyframes slide-up {
  from { opacity: 0; transform: translateY(3rem); }
  to { opacity: 1; transform: none; }
}
.slide-down { animation-name: slide-down; }
@keyframes slide-down {
  from { opacity: 0; transform: translateY(-3rem); }
  to { opacity: 1; transform: none; }
}

/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 768px) {

/*.sp-ani-none { opacity: 1; animation: none; }*/

}/* 768px */