/* CSS Document */

.animY,
.animR,
.animL
{

  opacity: 0;
}


@media print {
	.animY,
	.animR,
	.animL{
		visibility: visible;
		  opacity: 1;

	}
}



.animY.startAnimation {
  animation: y-opacity 0.5s cubic-bezier(.4, 0, .6, 1);
  opacity: 1;

  /*overflow: hidden;
  position: relative;*/
  visibility: visible;
}

.animR.startAnimation {
  animation: r-opacity 0.5s cubic-bezier(.4, 0, .6, 1);
  opacity: 1;

  /*overflow: hidden;
  position: relative;*/
  visibility: visible;
}

.animL.startAnimation {
  animation: r-opacity 0.5s cubic-bezier(.4, 0, .6, 1);
  opacity: 1;

  /*overflow: hidden;
  position: relative;*/
  visibility: visible;
}
@keyframes r-opacity {
  0% {
    opacity: 0;
    transform: translateX(100px); 
	}

  80% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes l-opacity {
  0% {
    opacity: 0;
    transform: translateX(-100px); 
	}

  80% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes y-opacity {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  80% {
    opacity: 1;
    transform: translateY(0);
  }
}