@charset "utf-8";
/* CSS Document */
.inner_main_menu {
	margin: 0 auto;
	width: 700px;
	background-color: #e1e3e2;
	opacity: 50;
	height: 100px;
}
.inner_main_menu ul {
	
	margin: 0;
	padding: 0;
  padding-top: 20px;
	list-style: none;
	text-align: right;
}
.inner_main_menu ul li {
	
	float: none;
	display: inline-block;
	position: relative;
}
.inner_main_menu ul li:nth-child(1) {
	float: left;
}
.inner_main_menu ul li:nth-child(2) {
	float: left;
}
.inner_main_menu ul li a {
	
	color: #4d5971;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 10px 20px;
}
.inner_main_menu ul li a:hover {
  color: green;
}
.inner_main_menu ul li ul {
	position: absolute;
	top: 40px;
	left: -9999999px;
	width: 200px;
	background: #024873;
	padding: 0;
}
.inner_main_menu ul li:hover ul {
	left: 0px;
}
.inner_main_menu ul li ul li {
	float: left;
	width: 100%;
	text-align: left;
}
.inner_main_menu ul li ul li a {
	color: #fff;
	text-transform: capitalize;
	font-size: 15px;
}
.inner_main_menu ul li ul li a:hover {
	background: #ddd;
	color: #262626;
}
.inner_main_menu ul li ul li ul {
	top: 0;
	left: -999999px;
}
.inner_main_menu ul li:hover ul li ul {
	top: 0;
	left: -999999px;
}
.inner_main_menu ul li ul li:hover ul {
	top: 0;
	left: 200px;
}
.inner_main_menu ul li:hover a {
	color: #558987;
}
.inner_main_menu ul li:hover ul li a {
	color: #ffffff;
}
.inner_main_menu ul li ul li a:hover {
	color: #262626
}
.inner_main_menu ul li ul li:hover a {
	background: #ddd;
	color: #024873;
}
.inner_main_menu ul li ul li:hover ul li a {
	background: #024873;
	color: #fff;
}
.inner_main_menu ul li ul li ul li a:hover {
	background: #ddd;
	color: #262626;
}
.slicknav_menu {
*zoom: 1;
	font-size: 16px;
	padding: 5px;
	display: none;
	position: fixed;
	right: 0;
	z-index: 999999;
	width: 100%;
}
ul.slicknav_nav {
	background: #024873 none repeat scroll 0 0;
	left:0;
	position: absolute;
	width: 80%;
}
#main_menu {
	width: 100%;
	position: absolute;
	z-index: 200;
}
.logo_area {
    opacity: 0.75;
    background-color: #e1e3e2;
    width: 261px;
    max-width: 300px;
    position: absolute;
    left: 50%;
    top: 0;
    content: "";
    margin-left: -180px;
    text-align: center;
    padding-left: 40px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
.slicknav_menu {
	display: block;
}
.inner_main_menu {
	display: none;
}
}
