body > ul{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 1px;
	opacity: 0.01;
	list-style: none;
}

body > ul > li, body > ul > li > img{
	width: 1px;
	height: 1px
}

#mainCampus{
	overflow-y: hidden;
}

#mainCampus > div:nth-child(2){
	height: 100vh;
	margin: -50px;
  padding: 50px;
	overflow: hidden;
	position: relative;
}

#mainCampus > div:nth-child(2) > div{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	animation-duration: 8000ms;
	animation-fill-mode: both;
	animation-timing-function: linear;
}

#mainCampus > div:nth-child(2) > div.rtl{
	animation-name: keyframe_rtl;
}

#mainCampus > div:nth-child(2) > div.btt{
	animation-name: keyframe_btt;
}

@keyframes keyframe_rtl{
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}
	20%, 80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		background-position: center;
		transform: translateX(50px);
	}
}


@keyframes keyframe_btt{
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	20%, 80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(-50px);
	}
}


@media screen and (min-width: 1081px){
  body:not(.noMenuEvenForPc) #mainCampus{
    overflow-x: hidden;
  }
}