.menu_header{
height:300px;
background-color: #ffffff;
display:none;

}




.menu_header_left img{

			height:300px;
			/* object-fit: cover;*/
		width: 100%;
			float: left;
}


.menu_header_right{
	height:300px;
	background-image: url(images/menu_about_header_right.jpg);
    background-size: auto 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}



/*---------------------*/










#top_bar{


	width: 100%;
}

#top_bar img{

	width:200px;
	clear: both;
	margin: 20px;
}


/* ====================================Start Navigation================================================= */
#div_menu{

	width:100%;
	text-align:center;
	/* height:100px; */
}

#cssmenu_container{

	width:?px;
	max-width:760px;
	text-align:center;
	height:100px;
	z-index:100;
margin: 0 auto;
	display: flex;
  	justify-content: space-between;

}

#icon_menu_bar
{
	margin-top:30px;
	float:left;
	visibility:hidden;
	display:block;

}
#icon_menu_bar_span{
	margin:12px;
	font-size:18px;
	color:#006140;
	visibility:hidden;
	display:block;
}


#icon_search
{
	margin-top:30px;
	float:right;
	visibility:hidden;
	display:block;


}
#icon_search_span{
	margin:12px;
	font-size:18px;
	color:#006140;
}

/* ====================================End Navigation================================================= */


#cssmenu img{
	clear: both;
}



#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
  z-index:1000;
}
#cssmenu {
  height: 80px;
  width:?px;

  z-index:1000;
  width:?px;
  border:0px solid #ff0000;
   position:relative;
	 margin:0 auto;
  background:none;

}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  z-index:1000;
  min-width:80px;
  text-align:center;
  display: inline-block;
  line-height: 20px;
  padding: 0 10px;
  text-decoration: none;
  color:#006140;;

}
#cssmenu ul {
  list-style: none;
  z-index:100;

}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
  width:105px;
  text-align:center;
  border:0px solid #ff0000;


}
#cssmenu > ul > li:hover:after {

}
#cssmenu > ul > li:first-child > a {
  border-radius: 0px 0 0 0;
  -moz-border-radius: 0px 0 0 0;
  -webkit-border-radius: 0px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 0px 0 0;
  -moz-border-radius: 0 0px 0 0;
  -webkit-border-radius: 0 0px 0 0;
}
#cssmenu > ul > li.active a {


  box-shadow: inset 0 0 3px #cccccc;
  -moz-box-shadow: inset 0 0 3px #cccccc;
  -webkit-box-shadow: inset 0 0 3px #cccccc;
  background: #070707;

}
#cssmenu > ul > li:hover > a {



}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 300px;
  top: 100%;
  left: 0;

  box-shadow:  0 2px 10px #cccccc;
  -moz-box-shadow:  0 2px 10px #cccccc;
  -webkit-box-shadow:  0 2px 10px #cccccc;


}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;

}
#cssmenu .has-sub ul li a {
  background: rgba(255,255,255,0.95);
  border-bottom: 1px solid #BDC3C7;
  filter: none;
  font-size: 11px;
  display: block;

  padding: 10px;
  text-align:left;
}
#cssmenu .has-sub ul li:hover a {
  background: #22A7F0;
  color:#006140;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #34495E;
  border-bottom: 1px dotted #34495E;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #22A7F0;
}