/* ////////////////////////////////////////////////////   EFFECTS   ////////////////////////////// */
/*
          ######## ######## ######## ########  ######  ########
          ##       ##       ##       ##       ##    ##    ##
          ##       ##       ##       ##       ##          ##
          ######   ######   ######   ######   ##          ##
          ##       ##       ##       ##       ##          ##
          ##       ##       ##       ##       ##    ##    ##
          ######## ##       ##       ########  ######     ##
*/

.animation-slideInRight {
  animation-name: slideInRight;
  animation-duration: 0.6s;
  -webkit-animation-name: slideInRight; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.6s; /* Safari 4.0 - 8.0 */
}
@keyframes slideInRight  {
  0% {
    -webkit-transform: translate(100%, 0);
  	-ms-transform: translate(100%, 0);
	  transform: translate(100%, 0);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: translate(0, 0);
  	-ms-transform: translate(0, 0);
  	transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slideInRight  {
  0% {
    -webkit-transform: translate(100%, 0);
  	-ms-transform: translate(100%, 0);
	  transform: translate(100%, 0);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: translate(0, 0);
  	-ms-transform: translate(0, 0);
  	transform: translate(0, 0);
    opacity: 1;
  }
}
.animation-slideInLeft{
  animation-name: slideInLeft;
  animation-duration: 0.6s;
  -webkit-animation-name: slideInLeft; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.6s; /* Safari 4.0 - 8.0 */
}
@keyframes slideInLeft  {
  0% {
    -webkit-transform: translate(-100%, 0);
  	-ms-transform: translate(-100%, 0);
	  transform: translate(-100%, 0);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: translate(0, 0);
  	-ms-transform: translate(0, 0);
  	transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slideInLeft  {
  0% {
    -webkit-transform: translate(-100%, 0);
  	-ms-transform: translate(-100%, 0);
	  transform: translate(-100%, 0);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translate(0, 0);
  	-ms-transform: translate(0, 0);
  	transform: translate(0, 0);
    opacity: 1;
  }
}