a.meanmenu-reveal {
	display: none;
}


.mean-bar span{ color:#fff; font-family:'pt_sansregular', Arial, Helvetica, sans-serif;font-size: 23px;padding-left: 15px;}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {	width: 100%; position: fixed; background:url(../images/top_nav_bg.png) repeat-x top #223289; padding: 0px 0; min-height: 40px;line-height: 39px;	z-index: 9999999; top:0px;border-top: 4px solid #3E50B1;}
span.m_title{padding-top:2px; float:left;}

.mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 7px 13px 11px 13px; position: absolute; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em;  line-height: 22px; font-size: 1px;display: block;	font-family: Arial, Helvetica, sans-serif; font-weight: 700;}

a.meanclose{font-size:21px !important;top: 2px;}

.mean-container .mean-nav{line-height: 32px !important;}

.mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 4px;}
.mean-container .mean-nav {float: left;width: 100%;background: #2E303A;}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 94%;
	padding: 1px 3% 0px 3%;
	font-size: 16px;
	margin: 0;
	text-align: left;
	color: #fff;
	border-bottom: 1px solid #4B4E5E;
	text-decoration: none;
	text-transform: capitalize;
}



.mean-container .nav-menu .sub-menu,
.nav-menu .children {
	display: block; margin-top: 2.3em;}
	
.mean-container .mean-nav ul li.mean-last a {
	border-bottom: 1px solid #221E1A;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #4B4E5E;
	color:#fff
}


.mean-container .mean-nav ul li a.mean-expand {
	width: 19px;
	height: 21px;
	border: none !important;
	padding: 1px 5px 4px 5px !important;
	font-size:29px !important;
	text-align: center;
	position: absolute;
	right:4px;
	top:4px;
	line-height: 25px;
	z-index: 2;
	background: #26C5C7;
	font-family:Arial, Helvetica, sans-serif
}

.mean-container .mean-nav .sub-menu li a{background: #485C54; border-bottom:1px solid #5B7068;padding: 0px 6%;width: 88%;}
.mean-container .mean-nav .sub-menu li a:hover{background: #5B7068;}

a.mean-clicked{font-size:33px !important; line-height:20px !important}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: #F5B000;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* Start Links Menu */
#nav-trigger { display: none; text-align: center; } 
#nav-trigger span {display: inline-block;padding:10px 10px 7px 10px; background-color: #E33136; color: white; cursor: pointer; text-transform: uppercase; }
#nav-trigger span:after { display: inline-block;  margin-left: 10px;width: 15px;height: 11px;  background:url(../images/menu-down.png) no-repeat; content: ""; }
#nav-trigger span:hover {background-color: #af002c; }
#nav-trigger span.open:after { background:url(../images/menu-up.png) no-repeat}
#nav-mobile {display: none; }
#nav-mobile ul {display: none;list-style-type: none; position: absolute; left:2%; right: 2%; margin-left: auto; margin-right: auto;
text-align: center;    background-color: #C02226;padding: 0px !important; z-index: 999999;}
#nav-mobile li {display: block;padding: 0;margin: 0;border-bottom: solid 1px #D65555; width:100%}
#nav-mobile li:last-child {border-bottom: none; }
#nav-mobile a {display: block; color: white; padding: 6px 15px 4px 5px; float:none; background:none;font-size: 15px;}
#nav-mobile a:hover {background-color: #D65555;color: #fff; }
/* End Links Menu */


@media (max-width: 801px)
{
body{padding-top:45px}
.top_nav_main_inner{margin:-45px 0 0 0}
#main_div{border-top:none}
#nav-trigger {display: block; float:right}
#nav-main {display: none; }
#nav-mobile {display: block;width: 100%;float: left;} 
}
