.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.slow{
	 -webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.slower{
	 -webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.slowest{
	 -webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.delay-50 {
	-webkit-animation-delay:0.05s;
	-moz-animation-delay:0.05s;
	-o-animation-delay:0.05s;
	animation-delay:0.05s;
}
.delay-100 {
	-webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	-o-animation-delay:0.1s;
	animation-delay:0.1s;
}
.delay-150 {
	-webkit-animation-delay:0.15s;
	-moz-animation-delay:0.15s;
	-o-animation-delay:0.15s;
	animation-delay:0.15s;
}
.delay-250 {
	-webkit-animation-delay:0.25s;
	-moz-animation-delay:0.25s;
	-o-animation-delay:0.25s;
	animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-1000 {
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
}


/**********
* Grow in *
***********/

@-webkit-keyframes growIn {
	0% {
		-webkit-transform: scale(0.3);
		opacity:0;
	}
	50% {
		-webkit-transform: scale(1.1);

	}
	100% {
		-webkit-transform: scale(1);
		opacity:1;
	}
}
@keyframes growIn {
	0% {
		transform: scale(0.3);
		opacity:0;
	}
	50% {
		transform: scale(1.1);

	}
	100% {
		transform: scale(1);
		opacity:1;
	}
}
.growIn {
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
	opacity:0;
}
.growIn.go{
	-webkit-animation-name: growIn;
	animation-name: growIn;
}


/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInUpShort {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fadeInUpShort{
	opacity: 0;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.fadeInUpShort.go {
	-webkit-animation-name: fadeInUpShort;
	animation-name: fadeInUpShort;
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInDownShort {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fadeInDownShort{
	opacity: 0;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.fadeInDownShort.go {
	-webkit-animation-name: fadeInDownShort;
	animation-name: fadeInDownShort;
}

/*********************
* fadeInRightShort
*********************/
@-webkit-keyframes fadeInRightShort {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@keyframes fadeInRightShort {
	0% {
		opacity: 0;
		transform: translateX(10px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.fadeInRightShort {
	opacity: 0;
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.fadeInRightShort.go {
	-webkit-animation-name: fadeInRightShort;
	animation-name: fadeInRightShort;
}

/*********************
* fadeInLeftShort
*********************/
@-webkit-keyframes fadeInLeftShort {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@keyframes fadeInLeftShort {
	0% {
		opacity: 0;
		transform: translateX(-10px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.fadeInLeftShort {
	opacity: 0;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
.fadeInLeftShort.go {
	-webkit-animation-name: fadeInLeftShort;
	animation-name: fadeInLeftShort;
}


/*********************
* slideInUpShort
*********************/
@-webkit-keyframes slideInUpShort {
	0% {
		opacity: 1;
		-webkit-transform: translateY(10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes slideInUpShort {
	0% {
		opacity: 1;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.slideInUpShort{
	opacity: 1;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.slideInUpShort.go {
	-webkit-animation-name: slideInUpShort;
	animation-name: slideInUpShort;
}

/*********************
* slideInDownShort
*********************/
@-webkit-keyframes slideInDownShort {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes slideInDownShort {
	0% {
		opacity: 1;
		transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.slideInDownShort{
	opacity: 1;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.slideInDownShort.go {
	-webkit-animation-name: slideInDownShort;
	animation-name: slideInDownShort;
}

/*********************
* slideInRightShort
*********************/
@-webkit-keyframes slideInRightShort {
	0% {
		opacity: 1;
		-webkit-transform: translateX(10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@keyframes slideInRightShort {
	0% {
		opacity: 1;
		transform: translateX(10px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.slideInRightShort {
	opacity: 1;
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.slideInRightShort.go {
	-webkit-animation-name: slideInRightShort;
	animation-name: slideInRightShort;
}

/*********************
* slideInLeftShort
*********************/
@-webkit-keyframes slideInLeftShort {
	0% {
		opacity: 1;
		-webkit-transform: translateX(-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@keyframes slideInLeftShort {
	0% {
		opacity: 1;
		transform: translateX(-10px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.slideInLeftShort {
	opacity: 1;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
.slideInLeftShort.go {
	-webkit-animation-name: slideInLeftShort;
	animation-name: slideInLeftShort;
}

@media(min-width:767px) {
	/**********
	* Grow in *
	***********/

	@-webkit-keyframes growIn {
		0% {
			-webkit-transform: scale(0.2);
			opacity:0;
		}
		50% {
			-webkit-transform: scale(1.2);

		}
		100% {
			-webkit-transform: scale(1);
			opacity:1;
		}
	}
	@keyframes growIn {
		0% {
			transform: scale(0.2);
			opacity:0;
		}
		50% {
			transform: scale(1.2);

		}
		100% {
			transform: scale(1);
			opacity:1;
		}
	}
	.growIn {

		-webkit-transform: scale(0.2);
		transform: scale(0.2);
		opacity:0;
	}
	.growIn.go{
		-webkit-animation-name: growIn;
		animation-name: growIn;
	}


	/*********************
	* fadeInUpShort
	*********************/
	@-webkit-keyframes fadeInUpShort {
		0% {
			opacity: 0;
			-webkit-transform: translateY(20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}

	@keyframes fadeInUpShort {
		0% {
			opacity: 0;
			transform: translateY(20px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.fadeInUpShort{
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	.fadeInUpShort.go {
		-webkit-animation-name: fadeInUpShort;
		animation-name: fadeInUpShort;
	}

	/*********************
	* fadeInDownShort
	*********************/
	@-webkit-keyframes fadeInDownShort {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}

	@keyframes fadeInDownShort {
		0% {
			opacity: 0;
			transform: translateY(-20px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.fadeInDownShort{
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	.fadeInDownShort.go {
		-webkit-animation-name: fadeInDownShort;
		animation-name: fadeInDownShort;
	}

	/*********************
	* fadeInRightShort
	*********************/
	@-webkit-keyframes fadeInRightShort {
		0% {
			opacity: 0;
			-webkit-transform: translateX(20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	@keyframes fadeInRightShort {
		0% {
			opacity: 0;
			transform: translateX(20px);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	.fadeInRightShort {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
	.fadeInRightShort.go {
		-webkit-animation-name: fadeInRightShort;
		animation-name: fadeInRightShort;
	}

	/*********************
	* fadeInLeftShort
	*********************/
	@-webkit-keyframes fadeInLeftShort {
		0% {
			opacity: 0;
			-webkit-transform: translateX(-20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	@keyframes fadeInLeftShort {
		0% {
			opacity: 0;
			transform: translateX(-20px);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	.fadeInLeftShort {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	.fadeInLeftShort.go {
		-webkit-animation-name: fadeInLeftShort;
		animation-name: fadeInLeftShort;
	}
	
		/*********************
	* slideInUpShort
	*********************/
	@-webkit-keyframes slideInUpShort {
		0% {
			opacity: 1;
			-webkit-transform: translateY(20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}

	@keyframes slideInUpShort {
		0% {
			opacity: 1;
			transform: translateY(20px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.slideInUpShort{
		opacity: 1;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	.slideInUpShort.go {
		-webkit-animation-name: slideInUpShort;
		animation-name: slideInUpShort;
	}

	/*********************
	* slideInDownShort
	*********************/
	@-webkit-keyframes slideInDownShort {
		0% {
			opacity: 1;
			-webkit-transform: translateY(-20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}

	@keyframes slideInDownShort {
		0% {
			opacity: 1;
			transform: translateY(-20px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.slideInDownShort{
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	.slideInDownShort.go {
		-webkit-animation-name: slideInDownShort;
		animation-name: slideInDownShort;
	}

	/*********************
	* slideInRightShort
	*********************/
	@-webkit-keyframes slideInRightShort {
		0% {
			opacity: 1;
			-webkit-transform: translateX(20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	@keyframes slideInRightShort {
		0% {
			opacity: 1;
			transform: translateX(20px);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	.slideInRightShort {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
	.slideInRightShort.go {
		-webkit-animation-name: slideInRightShort;
		animation-name: slideInRightShort;
	}

	/*********************
	* slideInLeftShort
	*********************/
	@-webkit-keyframes slideInLeftShort {
		0% {
			opacity: 1;
			-webkit-transform: translateX(-20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	@keyframes slideInLeftShort {
		0% {
			opacity: 1;
			transform: translateX(-20px);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	.slideInLeftShort {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	.slideInLeftShort.go {
		-webkit-animation-name: slideInLeftShort;
		animation-name: slideInLeftShort;
	}
}