*
{
	padding:0;
	margin: 0;
	box-sizing: border-box;
}
body
{
	background-image: url(image00005.jpg);
	background-size:cover;
	background-position:center center;
	font-family:sans-serif;
}
.menu-bar
{
	 background:rgb(0,100,0);
	 text-align:center;  
}
.menu-bar ul
{
	display:inline-flex;
	list-style:none;
	color:#fff;
	
}
.menu-bar ul li
{
	width:170px;
	margin:15px;
	padding:11px 20px;
}

.menu-bar ul li a
{
	text-decoration:none;
	color:#fff;
}
.active, .menu-bar ul li :hover
{
	background:#2bab0d;
	border-radius:3px;
}
.menu-bar .fa
{
	margin-right:8px;
}

.sub-menu-1
{
  display: none;
  position: absolute;
  overflow: auto;
  background-color:white;
  border-radius:5px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.menu-bar ul li:hover .sub-menu-1
{
	display:block;
	positionn:absolute;
	background:rgb(0,100,0);
	margin-top:15px;
	margin-left:-15px;
}
.menu-bar ul li:hover .sub-menu-1 ul
{
	display:block;
	margin:5px;  
}
.menu-bar ul li:hover .sub-menu-1 ul li
{
	 width:180px;
	 padding:4px;
	 border-bottom:1px dotted #fff;
	 background:tranparent;
	 boder-radius:0;
	 text-align:left;
}
.menu-bar ul li:hover .sub-menu-1 ul li:last-child
{
	border-bottom:none;
}
.menu-bar ul li:hover .sub-menu-1 ul li a:hover
{
	color:red;
}

.about-bar
{
  display: none;
  position: absolute;
  overflow: auto;
  background-color:white;
  border-radius:5px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.menu-bar ul li:hover .about-bar
{
	display:block;
	positionn:absolute;
	background:rgb(0,100,0);
	margin-top:15px;
	margin-left:-15px;
}