*{

	margin: 0;
	padding: 0;
}

header{
	background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(banner.jpg);
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center ;
	padding:20px 0px ;
}

ul{
	float: right ;
	list-style-type: none;
	margin-top: 20px ;
	margin-right: 0px;
}

ul li{
	display: inline-block ;
}

ul li a{
	text-decoration: none;
	color:#fff ;
	padding: 5px 20px;
	border: 1px solid #fff;
	transition: 0.6s ease;
}

ul li a:hover{
	background-color:#fff ;
	color: #000;
}


.logo img{
	float: left;
	width: 150px;
	height: auto px;
}
.main{
	max-width: 1200px;
	margin: auto;
}

.title{
	position:absolute;
	top:50% ;
	left:50%;
	transform: translate(-50%, -50%);
}

.title h1{
	color: #fff;
	font-size: 60px;	
}

.button{
	position:absolute;
	top:80% ;
	left:50%;
	transform: translate(-50%, -50%);
}

.btn{
	border:1px solid #fff ;
	padding: 10px 30px;
	color: #fff;
	text-decoration: none;
	transition:0.6s ease ;
}


.btn:hover{
	background-color:#fff ;
	color: #000;
}

.more{
	background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(banner.jpg);
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center ;
	padding:20px 0px ;
}


.global{
	background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(banner.jpg);
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center ;
	padding:20px 0px ;
}

.about{
	background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(banner.jpg);
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center ;
	padding:20px 0px ;
}

.register{
	background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(banner.jpg);
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center ;
	padding:20px 0px ;
}

.info{
	position:absolute;
	top:46% ;
	left:40%;
	width: 1000px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: left;
	font-size: 20px;
}

.info2{
	position:absolute;
	top:76% ;
	left:40%;
	width: 1000px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: left;
	font-size: 20px;
}

.tally{
	position:absolute;
	top:50% ;
	left:35%;
	width: 1000px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: left;
}

.info3{
	position:absolute;
	top:104% ;
	left:40%;
	width: 1000px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: left;
	font-size: 20px;
}

.heading{
	position:absolute;
	top:30% ;
	left:40%;
	width: 1000px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: left;
}

table{
	width: 400px;
	height: auto;
}

table,th,td{
	border: 2px solid #fff;
	border-collapse: collapse;
}

th,td{
	padding: 10px;
}

th{
	background-color: #15317E;
}

td{
	background-color: #306EFF;
}

.containers{
	color: #fff;
	position:absolute;
	top:45% ;
	left:40%;
	width: 250px;
	transform: translate(-50%, -50%);
	border: 2px solid #fff;
	background-color: #15317E ;
}

.abtinfo{
	color: #fff;
	position:absolute;
	top:45% ;
	left:40%;
	width: 1000px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: left;
}

.abtinfoh{
	color: #fff;
	position:absolute;
	top:30% ;
	left:40%;
	width: 1000px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: left;
}

.contacts{
	color: #fff;
	position:absolute;
	top:52% ;
	left:40%;
	width: 1000px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: left;
}

.away{
	position:absolute;
	top:70% ;
	left:40%;
}

.safe{
	position:absolute;
	top:30% ;
	right:20%;
}