.fadeInUp {
	-webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
	transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fadeOutDown {
	-webkit-transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
	transition: opacity 1.0s ease, -webkit-transform 1.0s ease;
	transition: transform 1.0s ease, opacity 1.0s ease;
	transition: transform 1.0s ease, opacity 1.0s ease, -webkit-transform 1.0s ease;
	opacity: 0;
	-webkit-transform: translate(0, 15px);
	transform: translate(0, 15px);
}
.plus-rotation:hover .plus {
	-webkit-animation-name: plusRotate;
	-ms-animation-name: plusRotate;
	animation-name: plusRotate
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/*base code*/
.animated {
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	-ms-animation-duration: 2s;
	animation-duration: 2s;
}
.arrowDown {
	-webkit-animation-name: arrowDown;
	-ms-animation-name: arrowDown;
	animation-name: arrowDown
}
/*the animation definition*/
@-webkit-keyframes arrowDown {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}
@-ms-keyframes arrowDown {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}
@keyframes arrowDown {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}
/*the animation definition*/
@-webkit-keyframes plusRotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-ms-keyframes plusRotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes plusRotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}