.scroll-effect {
  opacity: 0;
  transform: translateY(40px);
  filter: blur(10px);
  transition: all .9s cubic-bezier(.17,.67,.83,.67);
}

.scroll-effect.visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}


/* efect2 */

/* #serv-cols {
  opacity: 0;
  transform: scale(.85);
  transition: all .70s ease;
}

#serv-cols.visible2 {
  opacity: 1;
  transform: scale(1);
} */



/* efec3 */
.slide {
  opacity: 0;
  transition: all 1.2s ease;
}

.slide.left { transform: translateX(-50px); }
.slide.right { transform: translateX(50px); }
.slide.up { transform: translateY(-50px); }
.slide.down { transform: translateY(50px); }

.slide.visible3 {
  opacity: 1;
  transform: translate(0,0);
}


/* efect4 */

.reveal-blur {
  opacity: 0;
  filter: blur(15px);
  transform: translateY(20px);
  transition: all 1.3s cubic-bezier(.17,.67,.83,.67);
}

.reveal-blur.visible4 {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

/* 5 */

.stagger {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.5s ease;
}
.stagger.visible5 {
  opacity: 1;
  transform: translateY(0);
}