.top_image{
  margin-top: -8px;
  margin-left: -6px;

}
.top_imag{
margin-top: -93px;
margin-right: -5px;
}
.header {
background:#cccc00;
color:#fff;
text-align:center;
padding:5px;
height: auto;
}
.header span{
  font-size:3.0em;
  letter-spacing: 0;
  padding: .25em 0 .325em;
  display: block;
  margin: 0 auto;

}
.ribleft  {
    position: relative;
    height: 0px;
    padding: 5px 10px 2px 50px;
    background-color: #f1f1f1;
    margin:1px auto 0px auto;
}
.ribRight {
    position: relative;
    width: calc(~"100% - 200px");
    padding: 5px 10px 2px 50px;
    background-color: #f1f1f1;
    margin:0px auto 2px auto;
}
body {background:#222; color:white;}
.body1{
  margin-left:6%;
  margin-right:6%;
  margin-top: 2.4%;

}
.body{
  margin-left:6%;
  margin-right:6%;
}
*{
  margin:0;
	padding:0;
	list-style-type:none;
	font-family:cambria;
	font-size:16px;
}
/*main menu css*/
a{
	display:block;
	padding:10px 0;
	color:#fff;
	text-decoration:none;
}
.main-menu{
	display:flex;
	margin-top:0px;
}
.main-menu>li{
	flex:1;
	text-align:center;

}
.main-menu a{
background:linear-gradient(#ddeeaa, #ddeeaa);
color: black;
}
.sub-menu a{
	margin-top:1px;
	width:148px;
  color:black;
	display:inline-block;
	background:linear-gradient(#f1f1f1, #f1f1f1);
}

ul li ul{
	text-align:2px;
	list-style:none;
	padding:0;
	visibility:hidden;
	position:absolute;
	width: 100px;
}
ul li:hover>a{

background:linear-gradient(#ddeeaa, #FFFFFF);
color: black;

}
ul li ul li:hover>a{
background:linear-gradient(#ddeeaa, #FFFFFF);
color: black;

}
ul li ul li{

color: white;

}
ul li:hover>ul{
	visibility:visible;
}
.main-menu>li:not(:first-child){
	  margin-left:1px;
}
.main-menu>li:hover>.sub-menu{
	display:block;
}
/*------------------------------------------------------------*/
.iframe{
	margin-top:3px;

}
.iframe{
	margin-top:2px;
	background:#ffffb3;
}
.iframe-link{
	margin-top:2px;
}

.extra-link:hover>link{
	width:42px;
	height:42px;

}

.main_page_top{

	margin-top:2px;
}
/* bellow css for contact us modal*/
.modal_container1{
	position:fixed;
  margin-top: 14%;
	background:#f1f1f1;
  color:#fff;
	left:50%;
	padding:20px;
  height: 380x;
  color: black;
  position:absolute;
  box-sizing:border-box;
  padding:70px 30px;
	border-radius:5px;s
  background: rgba(0,0,0,0.9);
	-webkit-transform:translate(-50%,-200%);
	-ms-transform:translate(-50%, -200%);
	transform:translate(-50%, -200%);

}
.modal_heading{
color:black;

}
.contact{
  color:black;
  font-size: 22px;
  border:3px;
}
.modal1:before{
	content:"";
	position:fixed;
	background-color:rgba(0,0,0,0);
	top:0;
	left:0;
	display:none;
	height:100%;
	width:88%;
	margin-left:6%;
}
.modal1:target:before{
	display:block;
}
.modal1:target .modal_container1{
		-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);

}
.close1{
	color:black;
  font-size: 25px;
  font-family: sans-serif;
  margin-left:103%;
  margin-top: -83px;
}
.close1:hover{
  color: red;
}
/* bellow css for login us modal*/
.modal_container{
	position:fixed;
  margin-top: 15%;
	background:#f1f1f1;
  width:320px;
  height:420px;
  color:#fff;
	left:50%;
	padding:20px;
  position:absolute;
  box-sizing:border-box;
  padding:70px 30px;
	border-radius:5px;
  background: rgba(0,0,0,0.9);
	-webkit-transform:translate(-50%,-200%);
	-ms-transform:translate(-50%, -200%);
	transform:translate(-50%, -200%);

}



h1{
	margin:0;
	padding:0 0 20px;
	text-align:center;
	font-size:22px;

}

.contact{
  color:black;
  font-size: 18px;
  border:3px;
}
.modalpost:before{
	content:"";
	position:fixed;
	background-color:rgba(0,0,0,0);
	top:0;
	left:0;
	display:none;
	height:%;
	width:30%;
	margin-left:%;
}
.modalpost .modal_container p{
  color: white;
}
.modalpost:target:before{
	display:block;
}
.modalpost:target .modal_container{
		-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);

}
.modal:before{
	content:"";
	position:fixed;
	background-color:rgba(0,0,0,0);
	top:0;
	left:0;
	display:none;
	height:100%;
	width:88%;
	margin-left:6%;
}
.modal:target:before{
	display:block;
}
.modal:target .modal_container{
		-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);

}
.feedmodal_container{
	position:fixed;
	background:#f1f1f1;
	width:70%;
	left:50%;
	padding:20px;
	border-radius:5px;
	-webkit-transform:translate(-50%,-200%);
	-ms-transform:translate(-50%, -200%);
	transform:translate(-50%, -200%);

}

.feedmodal:before{
	content:"";
	position:fixed;
	background-color:rgba(0,0,0,.8);
	top:0;
	left:0;
	display:none;
	height:100%;
	width:100%;
}
.feedmodal:target:before{
	display:block;
}
.feedmodal:target .feedmodal_container{
		-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);

}
.exit{
  font-size: 26px;
  margin-left: 104%;
  margin-top: -76px;
  color: white;
}
.exit:hover{
  font-size: 26px;
  margin-left: 104%;
  margin-top: -76px;
  color: red;
}

.loginhere{
  margin-top: 45px;
  color: white;
}
.close{
	color:black;
  font-size: 25px;
  font-family: sans-serif;
  margin-left:100%;
  margin-top: -30px;
  margin-right: -20px;
}
.close:hover{
  color:red;
}
/*background ccs page*/
.background{
	background:#ffffb3;
	width:450px;
	height:550px;
	border:1px solid black;
	margin-left:339px;
	margin-right:6%;
	margin-top:2px;

}
/*mission ccs page*/
.mission{
	background:#ffffb3;
	width:466px;
	height:351px;
	border:1px solid black;
	margin-left:339px;
	margin-right:269px;
	margin-top:2px;
}
/*mission ccs page*/
.vision{
	background:#ffffb3;
	width:456px;
	height:351px;
	border:1px solid black;
	margin-left:339px;
	margin-right:259px;
	margin-top:2px;
}

/*welcome interface decoration cascading style sheet*/
.welcome{
	margin-top:2px;
	margin-left:339px;
	border-top:1px solid black;
	height:430px;
	margin-right:271px;
	background:#ffffb3;
}
.center{
	color:black;
}
/*feed back interface cascading style sheet*/
.textbox{
   height:30px;
	 width:250px;
	 border-bottom:1px solid #eeffff;
}
.feedback{
	margin-left:20px;
}
.textarea{
	border:2px solid #eeffff;
}
.iframe{
  background: #f1f1f1;
}
.iframe-left
{
    background: #f1f1f1;
}


.iframe-center{
  background: #f1f1f1;
  min-height: 100%;
  margin-top: 1px;
  border-radius: 3px;
  border-color: red;
  width: 100%;

}
p{
  color: white;
}
@media screen and (max-width: 768px) {
    ul { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}