.reveal_y [class*='reveal_y-'] {
  opacity: 0;
  transform: translate(-50px, 50px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

[class*='reveal_y1-'] {
  opacity: 0;
  transform: translate(-50px, 50px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;

}

[class*='reveal_x-'] {
  opacity: 0;
  transform: translateX(100px);
}

[class*='reveal_x1-'] {
  opacity: 0;
  transform: translateX(-100px);
}

.reveal_visible [class*='reveal_y-'] {
  opacity: 1;
  transform: translate(0);
  transition: 1s cubic-bezier(.3, .13, .3, 1);
}

.reveal_visible {
  opacity: 1;
  transform: translate(0);
  transition: 1s cubic-bezier(.3, .13, .3, 1);
}

.reveal_visible .reveal_y-1 {
  transition-delay: 0s;
}

.reveal_visible .reveal_y-2 {
  transition-delay: .25s;
}

.reveal_visible .reveal_y-3 {
  transition-delay: .4s;
}

.reveal_visible .reveal_y-4 {
  transition-delay: .5s;
}

.reveal_visible .reveal_y-5 {
  transition-delay: 1s;
}

.reveal_y1-4 {
  transition-delay: .5s;
}

.reveal_y1-5 {
  transition-delay: 1s;
}



.reveal_x-0 {
  transition-delay: .1s;
}

.reveal_x-1 {
  transition-delay: .2s;
}

.reveal_x-2 {
  transition-delay: .4s;
}

.reveal_x-3 {
  transition-delay: .6s;
}

.reveal_x-4 {
  transition-delay: .8s;
}

.reveal_x-5 {
  transition-delay: 1.2s;
}



.reveal_x1-1 {
  transition-delay: .2s;
}

.reveal_x1-2 {
  transition-delay: .4s;
}

.reveal_x1-3 {
  transition-delay: .6s;
}

.reveal_x1-4 {
  transition-delay: .8s;
}