@charset "UTF-8";
/* CSS Document */
body{
	background-color: #4B4B4B;
	font-family:Arial;
	text-align: center;
	margin: 0;
	padding: 0;
	color:#FFFFFF;
}
.top_header{
	width: 100%;
	height: 35vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	animation: animate 50s ease-in-out infinite;

}
@keyframes animate{
	0%,100%{
		background-image: url("imges/sm_productionvr00.png");
	}
	15%{
		background-image: url("imges/sm_productionvr07.png");
	}
	30%{
		background-image: url("imges/sm_productionvr04.jpg");
	}
	450%{
		background-image: url("imges/sm_productionvr05.jpg");
	}
	60%{
		background-image: url("imges/sm_productionvr03.jpg");
	}
	75%{
		background-image: url("imges/sm_productionvr02.jpg");
	}
}
.top_title{
	background-color: rgba(0,0,0,0.50);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 10vh;
}
.top_title h1{
	margin: 0px;
	font-size: 6vmin;
	color:#FFFFFF;
}
.top_menu{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px;
}
nav ul li a{
	text-decoration: none;
	background-color: rgba(0,0,0,0.50);
	display: block;
	color:#4AC1CB;
	line-height: 4vh;
	font-size: 2vh;
	padding-left: 15vw;;
	padding-right: 15vw;

}
nav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
nav ul li a:hover
{
	background-color: rgba(29,204,242,0.64);
	color:#000000;
}

/*Banner Central and more info*/
.center-banner{
	height: 35vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("imges/productionvr01.jpg");
	background-size: cover;
	background-position: center;
}
.base_info{
	width: 100%;
	height: 20vh;
	background-color: rgba(77,77,77,1.00);
}
footer{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 10vh;
	background-color: #2B2B2B;
	color:#6F6F6F;
	margin: 0;
	padding: 0;
	font-size: 14px;
	
}

.login_wrapper{
	box-shadow: 7px 7px 7px 7px rgba(0,0,0,0.3);
	padding: 50px;
	margin: 100px auto;
	background-color: rgba(124,124,124,1.00);
	text-align: left;
	width: 200px;
	hight: 50vh;
}