@keyframes slideInRight {
  0% { padding-left:30px; }
  100% { opacity:1; padding-left:0px; }
}

@keyframes scr {
    0% { transform:scaleY(0); transform-origin:top center; }
    50% { transform:scaleY(1); transform-origin:top center; }
    51% { transform:scaleY(1); transform-origin:bottom center; }
    100% { transform:scaleY(0); transform-origin:bottom center; }
}

@keyframes fadeUp {
  0% { opacity:0; transform:translateY(20px);}
  100% { opacity:1; transform:translateY(0px); }
}
@keyframes phFade {
    0% { opacity:0;}
    70% { opacity:0;}
  100% { opacity:1; }
}

@keyframes phSwipe { 
     0% { transform:scaleX(0); transform-origin:left;}
    50% { transform:scaleX(1); transform-origin:left; }
    80% { transform:scaleX(1); transform-origin:right;}
  100% { transform:scaleX(0); transform-origin:right; }
}


.slide-up {
  position: relative;
  top: 40px;
  opacity: 0;
  transition: top .6s, opacity 1s;
}
.slide-up.is-show {
  top: 0;
  opacity: 1;
}

.slide-fade {
  opacity: 0;
  transition:all 1s;
  transition-delay:.3s;
}
.slide-fade.is-show {
  opacity: 1;