/* 1. Load page */
div.pulseLoadPage{
  animation-name: pulse;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-play-state: running;
  animation-direction: normal;
}
section.bounceOutLoadPage{
  animation-name: bounceOutUp;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.5s;
  animation-timing-function: ease-in;
  animation-play-state: running;
  animation-direction: normal;
}
section.bounceInLoadPage{
  animation-name: bounceInDown;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: ease-in;
  animation-play-state: running;
  animation-direction: normal;
}
/* 2. Header */
div.slideOutRight{
  animation-name: slideOutRight;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: ease-in;
  animation-play-state: running;
  animation-direction: normal;
}
div.slideInLeft{
  animation-name: slideInRight;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: ease-in;
  animation-play-state: running;
  animation-direction: normal;
}
/* 2. Pop up */
div.zoomInPopUp{
  animation-name: zoomIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: ease-in;
  animation-play-state: running;
  animation-direction: normal;
}
div.zoomOutPopUp{
  animation-name: zoomOut;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-timing-function: ease-in;
  animation-play-state: running;
  animation-direction: normal;
}