
/* #######################################################################

	meanMenu
	--------
	
	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; }
/* when under viewport size, .mean-container is added to body */
.menu-container 													{ position:relative; z-index: 999999; }
.mean-container .mean-bar 											{ float: right; width:100%; padding:0px 0; top:0px; right:0%; line-height: 30px; z-index: 999999; }
.mean-container .mean-bar .menu-head 								{ float:left;font-family: 'Roboto', sans-serif; font-size: 24px; color:#ffffff; font-weight:400; padding:8px 0px 8px 15px; }
.mean-container a.meanmenu-reveal 									{ width:32px; height: 18px; padding: 0px; position: relative; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 14px; text-indent: -9999em; background: none; line-height: 22px; font-size: 1px; display: block; font-family: "Lato", sans-serif; outline:none; }
/* .mean-container a.meanmenu-reveal:hover 							{ background:#429ad5; }
.mean-container a.meanmenu-reveal.meanclose 						{ background:#429ad5;  } */
.mean-container a.meanmenu-reveal span 								{ display: block; background: #000; height: 3px; margin-top: 5px; }
/* .mean-container a.meanmenu-reveal:hover span, .mean-container a.meanmenu-reveal.meanclose span { background:#cee4fb; } */
.mean-container .mean-nav 											{ position:absolute; left:0px; top:80px; padding: 0; z-index: 1; float: left; width: 100%; background:none; margin-top:0px; -webkit-border-radius:10px 0px 10px 10px!important; -moz-border-radius:10px 0px 10px 10px!important; border-radius:10px 0px 10px 10px!important; behavior: url(PIE.htc); }
.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%; padding:0px; margin:0px; /*background:#2a6ccd !important;*/ background:#007640 !important; border-right:none; }
.mean-container .mean-nav ul li:first-child img						{ margin-top:5px; }
.mean-container .mean-nav ul li:hover a, .mean-container .mean-nav ul li.active a, .mean-container .mean-nav ul li:focus a { width: 100%; color: #ffffff;  }
.mean-container .mean-nav ul li a 									{ display: block; float: left; width: 100%; padding: 10px 20px; margin: 0; font-weight:400; line-height:40pxpx; text-align: left; color: #fff; border-left:none !important; border-bottom: 1px solid rgba(255,255,255,0.2) !important; text-decoration: none; font-size:17px; font-family: "Lato", sans-serif;}
.mean-container .mean-nav ul li ul 									{ position:relative; top:0px; }
.mean-container .mean-nav ul li li a 								{ width: 100%; padding: 7px 10%; border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid rgba(255,255,255,0.25) !important; background:url(../images/sub-menu.gif) no-repeat 12px 16px #114892 !important;  color:#a4d9ea; text-shadow: none !important; visibility: visible; text-transform: none; border-left:none !important; border-right:none !important; }
.mean-container .mean-nav ul li li a:hover 							{background:url(../images/sub-menu-h.gif) no-repeat 12px 16px #2366C1 !important; color:#ffffff; padding: 7px 10%;  right: 13px; }
.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: 70%; padding: 10px 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: #252525; background:#FDA12B!important;  }
.mean-container .mean-nav ul li a.mean-expand 						{ width: 26px; height: 26px; border: none !important; padding: 0px !important; text-align: center; position: absolute; right: 13px; top: 0; z-index: 2; font-weight: 300; font-size:24px!important; }
.mean-container .mean-nav ul li a.mean-expand:hover 				{ background: none !important; }
.mean-container .mean-push 											{ float: left; width: 100%; padding: 0; margin: 0; clear: both; }
.mean-nav .wrapper 													{ width: 100%; padding: 0; margin: 0; } 
.mean-nav span														{ display:none;}

.mean-container a.meanmenu-reveal.meanclose span:first-child {transform: rotate(45deg) translate(5px, 5px); }  
.mean-container a.meanmenu-reveal.meanclose span:nth-child(2) { opacity: 0;  }
.mean-container a.meanmenu-reveal.meanclose span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px); }
  
.sticky-active .mean-container .mean-nav { top: 62px;}