@charset "UTF-8";

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

.animated-delay1 { animation-delay: .1s !important; }
.animated-delay2 { animation-delay: .2s !important; }
.animated-delay3 { animation-delay: .3s !important; }
.animated-delay5 { animation-delay: .5s !important; }

.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(-2rem); }
  to { opacity: 1; transform: none; }
}
.slide-right { animation-name: slide-right; }
@keyframes slide-right {
  from { opacity: 0; transform: translateX(2rem); }
  to { opacity: 1; transform: none; }
}
.slide-up { animation-name: slide-up; }
@keyframes slide-up {
  from { opacity: 0; transform: translateY(2rem); }
  to { opacity: 1; transform: none; }
}
.slide-down { animation-name: slide-down; }
@keyframes slide-down {
  from { opacity: 0; transform: translateY(-2rem); }
  to { opacity: 1; transform: none; }
}

.animated-curtain {
  position: relative;
}
.animated-curtain::after {
  content: "";
  display: block;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform .5s cubic-bezier(0.86, 0, 0.07, 1);
  transform: scaleX(1);
  transform-origin: right;
}
.animated-curtain.is-active::after {
  transform: scaleX(0);
}

.animated-rise3d { opacity: 0; overflow: hidden; animation-duration: .8s; animation-fill-mode: forwards; }
.rise3d { animation-name: rise3d; opacity: 1; }
@keyframes rise3d {
  0%   { transform: rotateX(80deg) translateZ(-20rem); }
  60%  { transform: rotateX(-10deg) translateZ(2rem); }
  100% { transform: rotateX(0deg) translateZ(0); }
}



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

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

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

}/* 768px */