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

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

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

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

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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


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

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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


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

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}



// transition for potatoes and chicken on lovechick page
@-webkit-keyframes fadeInDownShortOpacity {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
		-webkit-transform: translate3d(0, -5%, 0);
		transform: translate3d(0, -5%, 0);
	}
	50% {
		opacity: 0.3;
		-webkit-transform: translate3d(0, -2%, 0);
		transform: translate3d(0, -2%, 0);
	}
	100% {
		opacity: 0.5;
		transform: none;
		-webkit-transform: none;
	}
}

// transition for potatoes and chicken on lovechick page
@keyframes fadeInDownShortOpacity {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
		-webkit-transform: translate3d(0, -5%, 0);
		transform: translate3d(0, -5%, 0);
	}
	50% {
		opacity: 0.3;
		-webkit-transform: translate3d(0, -2%, 0);
		transform: translate3d(0, -2%, 0);
	}
	100% {
		opacity: 0.5;
		transform: none;
		-webkit-transform: none;
	}
}

// transition for potatoes and chicken on lovechicken page
.fadeInDownShortOpacity {
	 -webkit-animation-name: fadeInDownShortOpacity;
	animation-name: fadeInDownShortOpacity;
}




@-webkit-keyframes fadeInUpShortOpacity {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
		-webkit-transform: translate3d(0, 5%, 0);
		transform: translate3d(0, 5%, 0);
	}
	50% {
		opacity: 0.1;
		-webkit-transform: translate3d(0, 2%, 0);
		transform: translate3d(0, 2%, 0);
	}
	80% {
		-webkit-transform: translate3d(0, 1%, 0);
		transform: translate3d(0, 1%, 0);
	}
	100% {
		transform: none;
		-webkit-transform: none;
	}
}

@keyframes fadeInUpShortOpacity {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
		-webkit-transform: translate3d(0, 5%, 0);
		transform: translate3d(0, 5%, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 2%, 0);
		transform: translate3d(0, 2%, 0);
	}
	80 {
		-webkit-transform: translate3d(0, 1%, 0);
		transform: translate3d(0, 1%, 0);
	}
	100% {
		opacity: 0.1;
		transform: none;
		-webkit-transform: none;
	}
}

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