@charset "UTF-8";

.animated-slide-up { opacity: 0; animation-duration: .5s; animation-fill-mode: forwards; }
.animated-slide-down { opacity: 0; animation-duration: .5s; animation-fill-mode: forwards; }
.animated-slide-left { opacity: 0; animation-duration: .2s; animation-fill-mode: forwards; }
.animated-slide-diagonal { opacity: 0; animation-duration: .2s; animation-fill-mode: forwards; animation-delay: .3s; }

.animated-delay1 { animation-delay: .1s; }
.animated-delay2 { animation-delay: .2s; }
.animated-delay3 { animation-delay: .3s; }
.animated-delay4 { animation-delay: .4s; }
.animated-delay5 { animation-delay: .5s; }
.animated-delay6 { animation-delay: .6s; }
.animated-delay7 { animation-delay: .7s; }
.animated-delay8 { animation-delay: .8s; }

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

.slide-diagonal { animation-name: slide-diagonal; }
@keyframes slide-diagonal {
  from { opacity: 0; transform: translate(-15rem, 15rem); }
  to { opacity: 1; transform: none; }
}

.animated-curtain {
  position: relative;
}
.animated-curtain::after {
  content: "";
  display: block;
  background: var(--blue);
  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-curtain.white::after {
  background: #fff;
}
.animated-curtain.reverse::after {
  transform-origin: left;
}

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

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

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

}/* 768px */