.hpFrame {
  position: relative;
  opacity: 0;
  transition: all 0.8s;
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -ms-transform:translateY(100px);
}

.hpFrameShow {
  opacity: 1;                                
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -ms-transform:translateY(0px);
  transition-delay: 0.0s;
}
.hpFrameShow.hpFrameDelay1 { transition-delay: 0.2s; }
.hpFrameShow.hpFrameDelay2 { transition-delay: 0.4s; }
.hpFrameShow.hpFrameDelay3 { transition-delay: 0.6s; }
.hpFrameShow.hpFrameDelay4 { transition-delay: 0.8s; }