.wow{
	visibility: hidden;
}

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

.animated.hinge {
	animation-duration: 2s;
}

.fromDownIn {
	animation-name: fromDownIn;
	transform-origin: 0 100%;
	transform: scaleY(0);
	animation-fill-mode: forwards;
}

@keyframes fromDownIn {
	from {
		transform: scaleY(0);
	}

	to {
		transform: scaleY(1);
	}
}

.fadeIn {
	animation-name: fadeIn;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes wobble {
	0% {
		background-position: 0% 100%;
	}
	50% {
		background-position: 80% 50%;
	}
	100% {
		background-position: 0% 100%;
	}
}

@keyframes IntroOut{
	from {
		height: 50.1%;
	}

	to {
		height: 0%;
	}
}


@keyframes slideInDown {
	0% {
		transform: translateY(-110%);
	}

	100% {
		transform: translateY(0);
	}
}

.slideInDown {
	animation-name: slideInDown;
}

@keyframes slideInUp {
	from {
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

.slideInUp {
	animation-name: slideInUp;
}


@keyframes logoSlideUp {
	0% {
		background-position-y: 125%;
	}

	100% {
		background-position-y:  111.5%;
	}
}
@keyframes logoSlideDown {
	0% {
		background-position-y: -25%;
	}

	100% {
		background-position-y: -13%;
	}
}

@keyframes titleAnimation {
    from {
		clip-path: polygon(100% 0, 100% 100%, 0 -100%, 0 80%);
	}
	to {
		clip-path: polygon(100% 0, 100% 100%, 0 150%, 0 0%);
	}
}



@keyframes showHomeNavi {
	to   {
		visibility: visible;
		height:100%;
		padding:12rem 2rem 5rem;
	}
}


@keyframes logoMoveIn{
	to{
		margin-left:0;
		margin-right: 0;
	}
}