/* BUBBLE-UP STYLES - Leave at bottom of stylesheet */

.bubbleup, .slide-right, .slide-left {
  visibility: hidden;
  opacity: 0;
}
/* This is a static version
.already-visible {
  visibility: visible;
  transform: translateY(0px);
  animation: none;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
*/
.already-visible, .come-in {
  visibility: visible;
  transform: translateY(500px);
  animation: come-in 2s ease forwards;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.already-visible:nth-child(2n), .come-in:nth-child(2n) {
  animation-duration: 1s;
}
.already-visible:nth-child(3n), .come-in:nth-child(3n) {
  animation-duration: 3s;
}

.slide-right.already-slide, .slide-right.slide-in {
  visibility: visible;
  transform: translateX(-500px);
  animation: slide-right 1.5s forwards;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
	  transition: opacity 1s;
}
.slide-right.already-slide:nth-child(2n), .slide-right.slide-in:nth-child(2n) {
  animation-duration: 1s;
}
.slide-left.already-slide, .slide-left.slide-in {
  visibility: visible;
  transform: translateX(500px);
  animation: slide-left 1.5s forwards;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.slide-left.already-slide:nth-child(2n), .slide-left.slide-in:nth-child(2n) {
  animation-duration: 1s;
}

@keyframes come-in {
  to { transform: translateY(0); }
}
@keyframes slide-right {
  to { transform: translateX(0); }
}
@keyframes slide-left {
  to { transform: translateX(0); }
}