.animation-appears-from-bottom,
.animation-appears-from-top {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

.animation-appears-from-bottom .init {
	transition: top 1s;
	top: 100%;
	position: relative;
	display: inline-block;
}

.animation-appears-from-top .init {
	transition: top 1s;
	top: -100%;
	position: relative;
	display: inline-block;
}

.animation-appears-from-bottom .init.final,
.animation-appears-from-top .init.final {
	top: 0% !important;
}

.animation-scale {
	transition: transform 1s;
	transform: scale(0.5);
}

.animation-scale.final {
	transform: scale(1);
}


.animation-initial-fade,
.animation-initial-fade-in-viewport {
	opacity: 0;
	transition: opacity 2s;
}

.animation-initial-fade-in-viewport.delay-halfs {
		transition-delay: 0.5s;
}
.animation-initial-fade-in-viewport.delay-1s {
		transition-delay: 1s;
}

.animation-initial-fade-in-viewport.delay-1halfs {
		transition-delay: 1.5s;
}
.animation-initial-fade-in-viewport.delay-2s {
		transition-delay: 2s;
}
.animation-initial-fade-in-viewport.delay-2halfs {
		transition-delay: 2.5s;
}
.animation-initial-fade-in-viewport.delay-3s {
		transition-delay: 3s;
}

.animation-initial-fade.final,
.animation-initial-fade-in-viewport.final {
	opacity: 1;
}

.animation-initial-position-left {
	left: -5000px;
	transition: left 1s;
	display: inline-block;
	position: relative;
}

.animation-initial-position-left.final {
	left: 0px;
}

.animation-initial-position-right {
	left: 100%;
	transition: left 2s;
}

.animation-initial-position-right.final {
	left: 0px;
}

.imp-msg {
	font-weight: bold;
}