@keyframes fadein {
	0% {
		opacity:0;
	}
	100% {
		opacity: 1;
	}
}

.animation_fadein {
	opacity:0;
	animation-name: fadein;
	animation-duration: 1s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}

@keyframes fadein_slideup {
	0% {
		opacity:0;
		transform: translateY(80%);
	}
	50% {
		opacity:0;
		transform: translateY(10%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animation_fadein_slideup {
	opacity:0;
	animation-duration: 1s;
	transform: translateY(50%);
	animation-name: fadein_slideup;
	animation-play-state: running;
	animation-fill-mode: forwards;
}

@keyframes slide_lefttoright {
	0% {
		transform: translateX(-100%);
	}
	20% {
		transform: translateX(-10%);
	}
	100% {
		transform: translateX(0);
	}
}

.animation_slide_lefttoright {
	transform: translateX(-100%);
	animation-duration: 1s;
	animation-name: slide_lefttoright;
	animation-play-state: running;
	animation-fill-mode: forwards;
}

@keyframes slide_righttoleft {
	0% {
		transform: translateX(100%);
	}
	20% {
		transform: translateX(10%);
	}
	100% {
		transform: translateX(0);
	}
}

.animation_slide_righttoleft {
	transform: translateX(100%);
	animation-duration: 1s;
	animation-name: slide_righttoleft;
	animation-play-state: running;
	animation-fill-mode: forwards;
}

@keyframes slidedown {
	0% {
		transform: translateY(-100%);
	}
	20% {
		transform: translateY(-10%);
	}
	100% {
		transform: translateY(0);
	}
}

.animation_slidedown {
	transform: translateY(-100%);
	animation-name: slidedown;
	animation-duration: 1s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}

.delay_p2 { animation-delay: .2s; }
.delay_p3 { animation-delay: .3s; }
.delay_p4 { animation-delay: .4s; }
.delay_p5 { animation-delay: .5s; }
.delay_p6 { animation-delay: .6s; }

body { animation: .8s ease-out 0s 1 fadein; }

/*
div.preface {
	opacity:0;
	transform: translateY(50%);
}

div.prefacecontainer:nth-child(1) div.preface {
	animation: 1s ease-in-out .2s 1 fadein_slideup;
	animation-fill-mode: forwards;
}
div.prefacecontainer:nth-child(2) div.preface {
	animation: 1s ease-in-out .4s 1 fadein_slideup;
	animation-fill-mode: forwards;
}
div.prefacecontainer:nth-child(3) div.preface {
	animation: 1s ease-in-out .6s 1 fadein_slideup;
	animation-fill-mode: forwards;
}

div.footer {
	animation: 1s ease-out 0s 1 slide_lefttoright;
}

div.menu {
	transform: translateX(100%);
	animation: 1s ease-out .2s 1 slide_righttoleft;
	animation-fill-mode: forwards;
}

div.logoplace img {
	transform: translateY(-100%);
	animation: 1s ease-out .3s 1 slidedown;
	animation-fill-mode: forwards;
}
*/

li.nav-item a {
	background-color:white;
	transition: background-color .5s ease-out;
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
}

li.nav-item a:hover {
	background-color:white;
	background-color:#c6c6c6;
}