.topbanner{
	width: 100%;
	height:100%;
}
nav.navbg{background-image: url('../img/topbg.jpg');
		background-size: cover;
		background-repeat:no-repeat;}
#myBtn {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 20px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background: rgba(90, 92, 105, 0.5);
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 80% 80% 0% 0%;
}

#myBtn:hover {
background: rgba(90, 92, 105, 1);
}

a{text-decoration:none;}

ul.menu li{text-align:center; 
	        text-color:#ffff;
			padding:0px 5px; 
			margin:0px 5px; 
			font-size:18px; 
			font-family:arial; 
			font-weight:bold;}

div.drop a{font-weight:bold;}
div.drop a:hover{font-weight:bold; 
				color:blue; 
				margin-left:5px;}


div.pad{padding:4% 10%;}
h2.overview{font-weight:bold;
			color:black; 
			font-family:Lucida Calligraphy; 
			border-bottom:1px solid black; 
		}
p.overview{margin-top:15px;
			font-size:16px; .
			color:#737373;
			letter-spacing:0.2px; 
			font-family:arial; 
			}
div.overview{
			font-size:17px; 
			color:white; 
			font-family:arial; 
			
			letter-spacing:1px; 
			font-weight:bold; 
			border:1px solid #66a3ff; 
			background-color:#4da6ff; 
		}

.contact .head{color:black; 
				font-weight:bold;
				margin-top:6%;}
.contact .text{color:#003366; 
				font-size:16px; 
				font-family:calibri; 
				font-weight:bold; 
				letter-spacing:0.5px;}

.getin .text{color:#999999; 
			font-size:18px; 
			font-family:calibri; 
			letter-spacing:0.5px; }
.getin input{ font-size:18px; 
			font-family:calibri; 
			color:#333333; 
			border:none; 
			border-bottom:1px solid black; 
			margin-top:5%;}
.getin textarea{font-size:18px; 
				font-family:calibri; 
				color:#333333; 
				border:none; 
				border-bottom:1px solid black; 
				margin-top:5%; 
				padding:0% 0% 0% 2%;}
.getin #agree{float:left; 
				margin:5% 2% 0% 0%;}
.getin form p{float:left; 
				font-weight:bold; 
				color:#333333; 
				font-size:14px; 
				font-family:arial; 
				letter-spacing:0.5px; 
				margin-top:5%;}


body.bg{background-image: url('../img/logbg.jpg');
		background-size: cover;
		background-repeat:no-repeat;}
div.bglog{background-color: rgba(0, 0, 51, 0.5); 
			margin:50px 0px 100px 0px;}
h2.marge{padding:0px 0px 10px 10px;}
div.gen{margin:25px -10px 0px 10px;}
div.gen .m{margin:0px 0px 0px 10px;}
div.scroll{border:0px solid black; 
			height:550px; 
			overflow-y:scroll; 
			overflow-x:scroll;}
div.headscroll{border:0px solid black; 
				height:160px; 
				overflow-y:scroll; 
				overflow-x:scroll;}
div.bodyscroll{border:0px solid black; 
			height:350px; 
			overflow-y:scroll; 
			overflow-x:scroll;}
footer{width:100%; 
		color:white;
		text-align:center; 
		background-color:#1b1b32; 
		padding:10px 20px;}
footer a{color:#ffcc00;}

div.searchbox{height:150px; 
				border:1px solid black;
				overflow-y:scroll; 
				overflow-x:scroll;}
div.team{padding:3% 1% 3% 7%;}
div.tteam{padding:3% 5% 3% 3%;}
div.team img{width:95%; 
			border-radius:10px; 
			box-shadow:0 6px 8px 0 #c2c2d6;}

.tteam h3{ font-family:calibri; 
			font-weight:bold; 
			color:black;}
.tteam .text{text-align:justify; 
			font-size:16px; 
			font-family:Yu Gothic UI Semibold; 
			line-height:25px; 
			color:#666666;}

div.hhead{padding:2% 2% 1% 2%;}

div.hhead h5{ font-family:calibri; 
			font-weight:bold;}

div.hhead .text{text-align:justify; 
			font-size:16px; 
			margin:0% 5%;
			font-family:Yu Gothic UI Semibold; 
			line-height:23px; 
			color:#666666;}

div.hhead .messtext{text-align:justify; 
			font-size:16px; 
			margin:0% 5%; 
			line-height:23px; 
			color:#666666;}
			
.messtext img{width:100%; 
			margin:1% 0% 5% 0%;
			border-radius:10px; 
			box-shadow:0px 3px 6px 2px #9999ff;
			border:1px outset #ff1a1a;}
			
div.hhead hr{ width:20%;
  border-top: 3px solid red;
  border-radius: 5px;
}
div.help{background-color:#262673;
		color:white;
		padding:2% 10% 1% 10%;}

div.targetbg{background-color:#ffe6e6;}
div.target{margin:1% 2%;}
div.target div{margin:2% 1% 2% 1%; 
				text-align:justify;
				transition: transform .5s;}
div.target div.ccard:hover{transform: scale(1.05); }
div.target div p{font-size:14px; 
			    font-family:Yu Gothic UI Semibold;}
div.target h4:hover{color:red;}

div.hgallery{padding:1% 8%;}
div.hgallery img{width:100%; margin:1%; border-radius:20px;
				transition: transform .5s;}

.overlay {
  position: absolute;
  text-align:center;
  border-radius:20px;
  padding:10% 0% 0% 0%;
  margin:1% 6%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 96%;
  width: 90%;
  opacity: 0;
  transition: .3s ease;
  background-color: rgba(51, 51, 153, 0.5);
}

.hgallery div:hover .overlay {
  opacity: 1;
  transform: scale(1.05);
}
.hgallery div:hover img{
	transform: scale(1.05);
}

.gallery p{text-align:center; 
			color:#003366; 
			font-size:18px; 
			font-family:calibri; 
			font-weight:bold;}

div.lgallery{padding:1% 4%;}

.gallery img{border-radius:20px; 
			border:1px solid #ffcc00; 
			margin:1% 0px 1% 0px; 
			height:200px;
			width:100%;}

.gallery {width:100%;
			height:50%; 
			margin:1% 0% 1% 2%; 
			padding:1% 1% 0% 1%; 
			background-color:#ffe6e6; 
			text-align:center; 
			border-radius:20px;}

div.loffice {
    padding:0% 6%;
    text-align:center;
}

.office p{text-align:left; 
			color:#003366; 
			margin:3px 2px 6px 2px;
			font-size:16px; 
			font-family:calibri; 
			font-weight:bold;}
			
.office p span{
			color:#cc0000; 
			font-size:17px; 
			font-family:calibri; 
			font-weight:bold;}

.office img{border-radius:20px; 
			border:1px solid #ffcc00; 
			margin:1% 0% 1% 0%; 
			height:210px;
			width:165px;}

.office {width:100%;
			height:50%; 
			margin:1% 4%; 
			padding:2% 3% 2% 3%; 
			background-color:#ffe6e6; 
			text-align:center; 
			border-radius:20px;}

.gall img{width:100%; height:100%;}

div.achieve{background-attachment:fixed;
		background-image: url("../img/ourachieve.jpg");
		background-repeat: no-repeat;
		text-align:center;
		background-size: cover;
		}

.project p.big{font-size:40px; 
				space-weight:3px; 
				text-shadow:5px 3px black;
				 font-weight:bold;
				}
.project p.small{font-size:16px;
				margin:-10px 0px 0px 0px; 
				font-family:calibri;
				font-weight:bold;
				text-shadow:2px 1.5px black;
				letter-spacing:1px;
				}

div.ourachieve{
				color:white; 
				font-size:30px; 
				text-shadow:1px 1px blue; 
				letter-spacing:1px;
				font-weight:bold; 
				border-left:6px solid white;
				height:40px;
				margin-top:2%;
			}

div.ateam{padding:3% 8%;}

.ateam img{width:80%; 
				margin:1% 10%; 
				border-radius:10%;}

.ateam .head{font-family:calibri; 
			font-weight:bold; 
			color:rgb(0, 70, 255); 
			margin:1% 3% 1% 3%;}
small{font-size:14px; 
		color:#ff3333; 
		font-family:cambria; 
		margin:0% 3% 0% 3%;}
.ateam .text{text-align:justify; 
			font-size:17px; 
			font-family:Yu Gothic UI Semibold; 
			line-height:25px; 
			color:#595959; 
			margin:3% 3% 0% 3%;}
div.aboutdiv{background-color:#ffe6e6; padding:5% 10% 1% 10%;}

div.missiondiv{background-color:white;
			border-radius:30px;
			padding:2% 0% 2% 0%;
			margin:0% 5% 4% 5%;}


.missiondiv .text{ float:left; 
					padding:1% 4% 0% 4%; text-align:justify; }
.missiondiv .text p{font-size:16px; 
					font-family:Yu Gothic UI Semibold; 
					line-height:22px; color:#666666;}
.missiondiv img{width:225px; 
				height:175px; 
				margin:0% 3%; 
				text-align:center;
				border-radius:10%;}

div.team{padding:3% 1% 3% 7%;}
div.tteam{padding:3% 5% 3% 3%;}
div.team img{width:95%; 
			border-radius:10px; 
			box-shadow:0 6px 8px 0 #c2c2d6;}

.tteam h3{ font-family:calibri; 
			font-weight:bold; 
			color:black;}
.tteam .text{text-align:justify; 
			font-size:16px; 
			font-family:Yu Gothic UI Semibold; 
			line-height:25px; 
			color:#666666;}
			
.alert {
  padding: 10px;
  background: linear-gradient(to top left, #cc00ff 0%, #990099 77%);
  color: white;
  margin-top:20px;
  position:sticky;
}

.closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.fdalert img{width:100%; 
	border-radius:20px; 
	margin-top:10%;
    border: 1px solid #ddd;
  padding: 5px;}

.fdalert img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
div.fhead{padding:2%}

div.fhead h6{ margin-top:0%; font-family:calibri; 
			font-weight:bold;}

div.fhead hr{ width:80%;
  border-top: 3px solid yellow;
  border-radius: 5px;
  margin:0%;
  float:left;
}

div.fhead .btn{border-radius:20px; border-color:#ffffff; color:#ffffff; text-decoration:none; padding:2% 5%;}
div.fhead .btn:hover{color:#ffffff; }

div.fhead .text{text-align:justify; 
			font-size:16px; 
			margin:0% 0%;
			font-family:Yu Gothic UI Semibold; 
			line-height:23px; 
			color:#ffffff;}