.hidden {
	opacity: 0;
}

.visible {
	opacity: 1;
}

.animate {
	position: relative;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: inherit;
	animation-delay: inherit;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.animate.enlarge {
	-webkit-animation-name: enlarge;
	animation-name: enlarge;
}

@-webkit-keyframes enlarge {
	from {
        background-position: center left
	}
	to {
        background-position: center right
	}
}

@keyframes enlarge {
	from {
        background-position: center left
	}
	to {
        background-position: center right
	}
}

.animate.upmove {
	-webkit-animation-name: upmove;
	animation-name: upmove;
}

@-webkit-keyframes upmove {
	from {
		opacity: 0;
		-webkit-transform: translateY(-400px);
		transform: translateY(-400px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes upmove {
	from {
		opacity: 0;
		-webkit-transform: translateY(-400px);
		transform: translateY(-400px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.animate.bottommove {
	-webkit-animation-name: bottommove;
	animation-name: bottommove;
}

@-webkit-keyframes bottommove {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes bottommove {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.animate.opacity {
	-webkit-animation-name: opacity;
	animation-name: opacity;
}

@-webkit-keyframes opacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes opacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}