/*! #######################################################################
MeanMenu 2.0.7
--------
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
/* hide the link until viewport size is reached */

a.meanmenu-reveal {display: none;}
.mean-container .mean-bar {width: 100%; position: relative; padding:0 0 4px 0; min-height: 42px; z-index:10000; font-family: Arial, Helvetica, sans-serif;}
.mean-container .mean-bar:before{ font-family: Arial, Helvetica, sans-serif;  font-weight:bold; color:#33458a; text-transform:uppercase; font-size:0px; margin:0; padding:0; position:absolute; top:12px; left:20px; content:'menu';}
.mean-container .mean-nav ul li {padding:0px; margin:0px;}
.mean-container .mean-nav ul li span{  margin: 0 10px 0 0;}
.mean-container a.meanmenu-reveal {width: 20px; height: 20px; padding: 15px 15px; position: absolute; top: 0; right: 0; cursor: pointer; color: #33458a; text-decoration: none; font-size: 12px !important; text-indent: -9999em; line-height: 22px; display: block; font-family:Arial, Helvetica, sans-serif; font-weight: 700;}
.mean-container a.meanmenu-reveal span {display: block; background: #33458a; height: 2px; margin-top: 3px;}
.mean-container .mean-nav {float: left; width: 100%; background:rgba(255,255,255,0.9); margin-top: 46px;}
.mean-container .mean-nav ul li ul li a{ background-color:#070c42; opacity:1; color:#fff; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;}
.mean-container .mean-nav ul li ul li a:hover{ background:#111759}
.mean-container .mean-nav ul li a{transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;}
.mean-container .mean-nav ul {padding:0px; margin:0px; 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: 100%; padding:7px 10px; font-size:15px; margin:0px; text-align:left; color: #000; border-top: 1px solid #CCC; text-decoration: none; text-transform: uppercase;}
.mean-container .mean-nav ul li li a {width: 100%; padding: 3% 5%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; background-color: #eeeeee !important; color: #00002c !important; font-size: 14px;}
.mean-container .mean-nav ul li.mean-last a {border-bottom: none; margin-bottom: 0;}
.mean-container .mean-nav ul li li li a {width: 100%; padding: 3% 10%;}
.mean-container .mean-nav ul li li li li a {width: 100%; padding: 3% 15%;}
.mean-container .mean-nav ul li li li li li a {width: 100%; padding: 3% 20%;}
.mean-container .mean-nav ul li a:hover {background: #252525; background: rgba(255,255,255,0.1);}
.mean-container .mean-nav ul li a.mean-expand {margin-top: 0px; width: 35px; height: 35px; padding: 5px 0px; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: normal; border-top: none;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: none;}
.mean-container .mean-push {width: 100%; padding: 0; margin: 0;}
.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: content-box;}
.mean-remove {display: none !important;}
.mean-container .mean-nav ul li a:hover{background:rgba(255,255,255,0.9)}