/*---
  Animations from animate.css
  From v6.x.x
---*/

.wpeo-wrap {

	.animated {
	  animation-duration: 1s;
	  animation-fill-mode: both;
	}

	@keyframes bounceIn {
	  0, 20%, 40%, 60%, 80%, to {
	    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }

	  0% {
	    transform: scale3d(1, 1, 1);
	  }

	  20% {
	    transform: scale3d(1.4, 1.4, 1.4);
	  }

	  40% {
	    transform: scale3d(.9, .9, .9);
	  }

	  60% {
	    transform: scale3d(1.2, 1.2, 1.2);
	  }

	  80% {
	    transform: scale3d(.97, .97, .97);
	  }

	  to {
	    transform: scale3d(1, 1, 1);
	  }
	}

	.bounce-in {
	  animation-name: bounceIn;
	}

	@keyframes bounceInLight {
		0, 20%, 40%, 60%, 80%, to {
			animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		}

		0% {
			transform: scale3d(1, 1, 1);
		}

		20% {
			transform: scale3d(1.2, 1.2, 1.2);
		}

		40% {
			transform: scale3d(.9, .9, .9);
		}

		60% {
			transform: scale3d(1.1, 1.1, 1.1);
		}

		80% {
			transform: scale3d(.97, .97, .97);
		}

		to {
			transform: scale3d(1, 1, 1);
		}
	}

	.bounce-in-light {
		animation-name: bounceInLight;
	}

	@keyframes rotate {
	  0% {
	    transform: rotate(0deg);
	  }
	  100%{
	    transform: rotate(90deg);
	  }
	}

	.rotate {
		animation-name: rotate;
	}

	@keyframes downAndUp {
		0% {
			transform: translateY(0px);
		}
		50% {
			transform: translateY(4px);
		}
		100% {
			transform: translateY(0px);
		}
	}

	.down-and-up {
		animation-name: downAndUp;
	}

	@keyframes spin {
	    0% { transform: translate(-50%, -50%) rotate(0deg); }
	    100% { transform: translate(-50%, -50%) rotate(360deg); }
	}

	@keyframes progressSuccess {
	  0, 20%, 40%, 60%, 80%, to {
	    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  }

	  0% {
	    transform: translate(-50%, -50%) scale3d(1, 1, 1);
	  }

	  20% {
	    transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
	  }

	  40% {
	    transform: translate(-50%, -50%) scale3d(.9, .9, .9);
	  }

	  60% {
	    transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
	  }

	  80% {
	    transform: translate(-50%, -50%) scale3d(.97, .97, .97);
	  }

	  to {
	    transform: translate(-50%, -50%) scale3d(1, 1, 1);
	  }
	}

	.progress-success {
	  animation-name: progressSuccess;
	}

	@keyframes progressError {
		from { transform: translate(-50%, -50%); }
		15% { transform: translate(-50%, -50%) translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
		30% { transform: translate(-50%, -50%) translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
		45% { transform: translate(-50%, -50%) translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
		60% { transform: translate(-50%, -50%) translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
		75% { transform: translate(-50%, -50%) translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
		to { transform: translate(-50%, -50%); }
	}

	.progress-error {
		animation-name: progressError;
	}

}
