*{margin:0px;
	padding:0px;
}
#hmain{
	//background-color:(rgb(173, 230, 218)219, 230);
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	border:1px solid white;
		
}
#logo,#menus{
	width:250px;
	height:130px;
	background:linear-gradient(to left,#53AB92,#4888B6);
	//border:1px solid white;
}
#mhead{	
	width:500px;
	height:130px;
	background:linear-gradient(to left,#4888B6,#53AB92);
	//border:1px solid white;
}
h1{
	margin-top:25px;
	font-size: 55PX;
	font-family:helvetica;
	color:white;

}
#menus{
display:flex;
flex-direction:row;
justify-content:space-between;
flex:1;}

#imglogo{width:100%;
	height:100%}
	
.mbar{
//width:135px;
//height:40px;
padding-top:40px;
margin:5px;
color:lightgreen;
font-size:18px;
border-radius:20px;
transition:1s all;
text-transform:upprcase;
font-weight:bold;

}
.head_anchor
{
text-decoration:none;
color:lightgreen;
}
.mbar:hover{
background:white;
color:grey;
}
/*scralling news*/
#news_ticker{
	width:100%;
	height:99px;
	display:flex;
	flex-direction:row;	
	align-items:center;
	background:#fff;
	padding-right:4px;
}
#news_ticker_header{
	//background:#efefef;
	background:linear-gradient(to left,#4888B6,#53AB92);
	//background-image:radial-gradient(circle farthest-corner at 10% 20%, rgba(255,209,67,1) 0%,rgba(255,145,83,1) 90%);
	height:100%;
	color:white;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 12px;
	width:227px;
	font-weight:bold;
	font-size:40px;
		
	
}
#news_ticker_content ul{
	font-size:30px;
	font-weight:bold;
	display:flex;
	white-space:nowrap;
	list-style:none;
	animation: ticker 40s infinite linear;
}
#news_ticker_content ul li::after{
	content:'|';
	margin:0 10px;
	
}
#news_ticker_content ul li:last-child::after{
	content:' ';
}
#news_ticker_content ul li a{
	text-decoration:none;
	color:blue;
	
}
#news_ticker_content{
	color:blue;
	overflow:hidden;
}
@keyframes ticker{
	from{
		transform:translateX(100%);
	}
	to{
		transform:translateX(-300%);
	}
}
/* scralling picture*/
#s1main{
	display:flex;
	flex-direction:row;
	
}
#pic{
	width:600px;
	height:400px;
	display:flex;
	flex-direction:row;
	overflow:hidden;
	
}
#pic figure{
	position:relative;
	display:flex;
	flex-direction:row;
	width:500%;
	margin:0;
	left:0;
	animation:20s slider infinite;
}
#pic figure img{
	margin:0px;
		width:600px;
}
@keyframes slider{
	0%{left:0;}
	20%{left:0;}
	25%{left:-100%;}
	45%{left:-100%}
	50%{left:-200%}
	70%{left:-200%}
	75%{left:-300%}
	95%{left:-300%}
	100%{left:-300%}

}
/*principal message */
#msg{
	flex:1;
	width:400px;
	height:400px;
	background:#F2F3F4;	
	border:1px solid white;
	text-align:justify;
	
	
}
#msg_p{
	padding:5px;
	font-size:20px;
}
	
/*sliding news*/
#nws{
	flex:1;
	width:370px;
	height:400px;
	background-position:center center;
	background-image:url("assets/add1.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
	animation-name:myani;
	animation-duration:30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	border:1px solid white;
	}
@keyframes myani{
	0%{background-image:url("assets/add1.jpg");}
	25%{background-image:url("assets/add1.jpg");}
	50%{background-image:url("assets/add1.jpg");}
	70%{background-image:url("assets/add2.jpg");}
	90%{background-image:url("assets/add2.jpg");}
	
}
/* Contact us */
#contact_header{
	display:flex;
	flex-direction:row;
	align-items:center;
	text-align:center;
		
}
#contact1
{
	margin-top:0px;
	padding-top:30px;
	width:500px;
	height:300px;
	background:#F2F3F4;
	border:1px solid white;
	
}
#contact2{
height:300px;
width:750px;
flex:1;	
	
}
#contact1 p
{
	font-size:20px;
	color:#0000FF;		
			
}
.fa {
  padding: 20px;
  font-size: 30px;
  width: 40px;
  text-align: center;
  text-decoration: none;
  border-radius:40px;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
  
}

/* Twitter */
.fa-youtube {
  background: #FF0000;
  color: white;
  
}

/*Team Tab Styles */
/*administrative section*/
#T_admin{
	display:flex;
	align-items:right;
	flex-direction:row;
	flex-wrap:wrap;
	
	
}
.team_box{
	width:300px;
	height:250px;
	border:1px solid white;
	background:#F2F3F4;
	flex:1;
	padding:5px;
	display:flex;
	flex-direction:column;
	align-items:center;

		
}
.T_header{
	width:100%;
	height:30px;
	background:#F2F3F4;
}
.adm_img{
	width:100px;
	height:100px;
	border-radius:45px;
	position:relative;
	}