/*add functions*/
 .animated.duration2 {
  animation-duration: 2s;
}
.animated.duration2_5 {
  animation-duration: 2.5s;
}
.animated.duration3 {
  animation-duration: 3s;
}
.animated.duration3_5 {
  animation-duration: 3.5s;
}
/*-----*/
@-webkit-keyframes zoomIn_hide {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes zoomIn_hide {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }

}
.zoomIn_hide {
  -webkit-animation-name: zoomIn_hide;
  animation-name: zoomIn_hide;
}

/*-----*/

@-webkit-keyframes slideInLeft_hide {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  50% {
    opacity:1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes slideInLeft_hide {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  50% {
    opacity:1;
  }

  100% {
    opacity: 0;
  }
}

.slideInLeft_hide {
  -webkit-animation-name: slideInLeft_hide;
  animation-name: slideInLeft_hide;
}

/*-----*/

@-webkit-keyframes fadeInLeft_hide {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    opacity:1;
  }

  100% {
    opacity: 0;
  }

}

@keyframes fadeInLeft_hide {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  50% {
    opacity:1;
  }

  100% {
    opacity: 0;
  }

}

.fadeInLeft_hide {
  -webkit-animation-name: fadeInLeft_hide;
  animation-name: fadeInLeft_hide;
}

@keyframes spin {
	0% {
		transform: rotateZ(0);
	}
	100% {
		transform: rotateZ(360deg);
	}
}
/*END add functions*/