/* Classes used alongside gsap.to() functions */

.fade-up {
  opacity: 0;
  transform: translateY(40px);
}
.fade-left {
  opacity: 0;
  transform: translateY(40px);
}
.fade-right {
  opacity: 0;
  transform: translateY(40px);
}
@media(min-width:992px) {
  .fade-left {
    transform: translateX(-40px);
  }
  .fade-right {
    transform: translateX(40px);
  }  
}
.fade-left-stagger {
  opacity: 0;
  transform: translateX(-80px);
}


.fade-in {
  -webkit-animation: fadein 2s;
          animation: fadein 2s;
}
@-webkit-keyframes fadein {
  from { 
    opacity: 0; 
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from { 
    opacity: 0; 
  }
  to {
    opacity: 1;
  }
}