

*{
	margin: 0;
	padding: 0;
}

body{
	background-color: #BBCAE4;
}

.nav{
	background-color: #0054A6;
	height: 220px;

}

.header {
	margin-left: 6%;
	width: 88%;
	height: 220px;
	background-color: #0046A0;
	position: absolute;

	
}

.logos {
	display: block;
	margin-top: 20px;
}

.nav1 {
	float: left;
}

.dropdown {
	display: block;
}

.dropbtn {
	outline: none;
	border:none;
	background-color: #0046A0;
	width:100%;
	height: 100%;
	font-size: 15px;
	align-content: center;
	padding: 23px 25px 23px 25px;
	}

.dropbtn a{
	text-decoration: none;
	color: white;
}

.content {
	position: absolute;
	float: left;
	min-width: 200px;
	display: none;
	background-color: #ACD473;
	color: white;
	z-index: 1;
}

.content a{
	text-decoration: none;
	display: block;
	color: white;
	font-size: 15px;
	padding: 10px 15px;
	font-family: tahoma;
}

.dropdown:hover .dropbtn{
	background-color: #ACD473;
}

.dropdown:hover .content {
	display: block;
}

.content:hover .btn1{
	background-color: #82a155;
}

.btn1{
	outline: none;
	border:none;
	background-color: #ACD473;
	display: block;
	width: 170px;
	text-align: left;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.btn1 a{
	
}



.banner {
	margin-left: 6%;
	width: 88%;
	height: 600px;
}

.banneradl {
	width:88%;
	margin-left: 6%;
	height: 600px; 
	margin-top: 20px;
}

.rib1{
	width: 38%;
	height: 500px;
	float: left;

}

.rib2{
	width: 20%;
	height: 500px;
	float: left;
	margin-left: 27px;
}

.rib3 {
	width: 37%;
	height: 500px;
	border: 1px solid black;
	float: left;
	margin-left: 27px;
}

.rib01 {
	height: 240px;
	border: 1px solid black;
	background-color:  #0054A6;
}

.rib02 {
	height: 240px;
	margin-top: 20px;
	border: 1px solid black;
}

.rib03 {
	height: 235px;
}

.rib04 {
	height: 235px;
	margin-top:30px;}

.extras {
	width:88%;
	margin-left: 6%;
	height: 700px; 
	background-color: #0046A0;
	display: flex;

}

.extras1{
	width: 25%
	}

.extras2{
	width: 25%
	}

.extras3{
	width: 25%
	}

.extras4{
	width: 25%
	}

.para{
	margin-left: 30px;
	margin-top: 30px;
	color: white;
	font-size: 19px;
	font-family: tahoma;
	margin-bottom: 20px;

}

.lis1{
	margin-left: 30px;
	list-style: none;
}

.lis1 a{
	text-decoration: none;
	font-size: 16px;
	color:#ACD473;
	padding-right: 30px;
	font-family: tahoma;
}

.lis1 a:hover {
	color: white;
	text-decoration: underline;
	font-weight: bolder;
}

.btn2{
	width: 160px;
	height: 40px;
	margin-left: 30px;
	margin-top: 30px;
	text-align: center;
	font-weight: bold;
	border-radius: 20px;
	background-color: #007B00;

}

.btn2 a{
	color: white;
	text-decoration: none;
	font-size: 18px;
}

.smedia {
	margin-left: 30px;
	margin-top: 20px;
}

.lis2 {
	width: 30px;
	height: 30px;
	list-style: none;
	display: inline-block;
	}

.lis2 a{
	float: left;
	font-size: 30px;
	color: white;
	}

.lis3 {
	list-style: none;
	border-bottom: 1px solid gray;
	padding-bottom: 20px;
	padding-top: 20px;
	color: white;
}

.slider {
	animation: sliding 25s infinite alternate;
	overflow-x: hidden;
	overflow-y: hidden;
}

@keyframes sliding {
	0% {
		background-image: url(slide1.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
		
	}

	8% {
		background-image: url(slide2.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	16% {
		background-image: url(slide3.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	24% {
		background-image: url(slide4.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	32% {
		background-image: url(slide5.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	40% {
		background-image: url(slide6.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	48% {
		background-image: url(slide7.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	56% {
		background-image: url(slide8.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	64%  {
		background-image: url(slide9.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	72% {
		background-image: url(slide10.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	80% {
		background-image: url(slide11.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	88% {
		background-image: url(slide12.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}

	96% {
		background-image: url(slide1.jpg);
		width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-size: cover;
	}
}

@media (max-width: 600px) {
	.menav {
		display: block;
		top: 0px;
		left: 0px;
		height: 50px;
		background-color: #0054A6;
	}

	.span {
		display: block;
		width:25px;
		height: 10px;
		float: left;
		border-bottom: 2px solid white;
	}

	
	.header {
		margin-left: 0%;
		width: 100%;
		height: 50px;
		background-color: #0046A0;
		position: absolute;
			}

	.nav1 {
		
	}