a.meanmenu-reveal { display: none }
.mean-container .mean-bar { background: #fff; display: flex; align-items: center; height: 80px; padding: 12px 20px; position: relative; width: 100%; z-index: 999; justify-content: space-between; padding-right: 84px; box-sizing: border-box !important; }
.mean-container a.meanmenu-reveal { min-width: 34px; height: 34px; cursor: pointer; text-decoration: none; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; padding: 0; margin-left: auto; position: absolute; top: 22px; right: 20px !important; }
.mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 7px; }
.mean-container .mean-nav { position: absolute; width: 100%; background: #0c1923; left: 0; top: 100%; }
.mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none }
.mean-container .mean-nav ul li { background: #f8f8f8; float: left; position: relative; width: 100%; border-top: 1px solid #dddddd80; }
.mean-container .mean-nav ul li a { background: #ffffff; color: #555; display: block; font-size: 17px; margin: 0; font-weight: 500; padding: 1em 3%; text-align: left; text-decoration: none; text-transform: capitalize; width: 100%; }
.mobile-menu-area { background: #262626; }
.mean-container .mean-nav ul li li a { border-top: 1px solid rgba(255, 255, 255, 0.25); color: #232323; font-size: 14px; font-weight: 500; opacity: 0.75; padding: 1em 10%; text-shadow: none !important; text-transform: capitalize; visibility: visible; width: 80%; }
.mean-container .mean-nav ul li.mean-last a { border-bottom: 0; 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: #f8f8f8 none repeat scroll 0 0; }
.mean-container .mean-nav ul li a.mean-expand { height: 15px; margin-top: 1px; padding: 12px !important; text-align: right; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; border: 0 !important; background: #F8F8F8; }
.mean-container .mean-nav ul li a.mean-expand:hover { background: #f8f8f8; }
.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both }
.mean-nav .wrapper { width: 100%; padding: 0; margin: 0 }
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: border-box; }
.mean-remove { display: none !important }
.mean-container .mean-bar::after { color: #ffffff; content: "MENU"; font-size: 21px; left: 5%; position: absolute; top: 12px; }

/* -------------------------------
39. Mobile menu
----------------------------------*/
.mean-container .mean-bar::after { display: none; }
.mean-container .mean-nav ul li a:hover { border-radius: 0; }
.mean-container a.meanmenu-reveal span { background: #00518e; }
.mobile-menu-area { background: #fff none repeat scroll 0 0; }
.mean-container .mean-nav ul li a.mean-expand { background: none; top: -4px; }
.mean-container .mean-nav ul li a.mean-expand:hover { background: none; }
.mean-container a.meanmenu-reveal { color: #00518e; }
.meanmenu-reveal.meanclose:hover { color: #00518e !important; }
.mean-container a.meanmenu-reveal:hover span { background: #00518e; }
.mobile-menu .mobile-logo { min-width: 140px; display: block; max-width: 140px; }
.mobile-menu .mobile-logo img { width: 100%; }
.meanmenu-reveal.meanclose { font-size: 44px !important; line-height: 34px !important; font-weight: 400 !important; transform: rotate(45deg); }