/* MENU CSS
===============================================================*/

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm li{position:relative;}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
ul.sm li{float:left;}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* Menu box
===================*/

	.sm-blue {

		height:auto;
		
		
		
	}
	.sm-blue-vertical {
		
	
	}
	.sm-blue ul {
		
		
		background-color:rgba(255, 255, 255, 0.9);
		
		
	}
	
	/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
	.sm-blue-vertical ul,
	.sm-blue ul ul {
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		
		
	}
	.sm-blue li { width:13.33333%; overflow:hidden; }
.sm-blue li:hover {


}
.sm-blue li.highlighted {

}

/* Menu items
===================*/

	.sm-blue a {
		padding:5px 0 5px 0px;
		color:rgba(255,255,255,0.9);
		font-size:17px;
		font-family:Agency FB;
		line-height:23px;
		font-weight:700;
		text-decoration:none;
		text-transform:uppercase;
		text-align:center;
		margin:0 0px;
		border-right:0px dotted #fff;
				
	
	}
	
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active,
.sm-blue a.highlighted { /* Old browsers */}
.sm-blue ul a {color:rgba(255,255,255,0.9);}
.sm-blue ul li:hover, .sm-blue ul li:focus, .sm-blue ul li:active,
.sm-blue ul li.highlighted {	border-bottom: 2px solid #06752b; 	}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-blue a.current, .sm-blue ul a.current, .sm-blue a.current:hover, .sm-blue a.current:focus, .sm-blue a.current:active, .sm-blue ul a.current:hover, .sm-blue ul a.current:focus, .sm-blue ul a.current:active, .current {}


.m-1:hover{color:#0194ff;}
.m-2:hover{color:#cb5600;}
.m-3:hover{color:#f2b84d;}
.m-4:hover{color:#e60087;}
.m-5:hover{color:#bed431;}


	@media screen and (max-width: 640px) {

/* Menu items
===================*/

	.sm-blue a {color:#067CCA !important;	}
	.sm-blue ul a {color:#067CCA !important;}
	.sm-blue a.current { background:#FF9C00; margin:0; padding:0;width:100%;!important; /* Old browsers */	color:#000 !important;}
	/* add some text indentation for the 2+ level sub menu items */
	
}
	
	.sm-blue-vertical a {
		padding:0;
		background:#FFF; /* Old browsers */
		
	}
	.sm-blue ul a {
		padding:0;
		text-align:left;
		background:transparent;
		font-size:13px;
		text-shadow:none;
	}
	.sm-blue a.has-submenu {

	}


/* Sub menu indicators
===================*/
.sm-blue ul li.highlighted {	border-bottom: 2px solid #06752b; }
	.sm-blue a span.sub-arrow {
		position:absolute;
		bottom:-5px;
		left:50%;
		margin-left:-5px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:0px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:transparent transparent transparent transparent;
	}
	.sm-blue-vertical a span.sub-arrow,
 	.sm-blue ul a span.sub-arrow {
		bottom:auto;
		top:50%;
		margin-top:-5px;
		right:0px;
		left:auto;
		margin-left:0;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #40b640;
	}


/* Items separators
===================*/

	.sm-blue li {
		
		
	}
	.sm-blue li:first-child,
	.sm-blue-vertical li,
	.sm-blue ul li {
		border-left:0;
		
	}
.sm-blue ul li {
		
		
	}

/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

	.sm-blue span.scroll-up, .sm-blue span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#ffffff;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
		position:absolute;
		top:-2px;
		left:50%;
		margin-left:-8px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:8px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #000 transparent;
	}
	.sm-blue span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#000 transparent transparent transparent;
	}



/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 850px) {
	.sm-blue:not(.sm-blue-vertical) > li > a {
		padding-left:18px;
		padding-right:18px;
	}
}
@media screen and (max-width: 750px) {
	.sm-blue:not(.sm-blue-vertical) > li > a {
		padding-left:10px;
		padding-right:10px;
	}
}

@media screen and (max-width: 630px) {

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-blue{width:100% !important;}
	ul.sm-blue ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-blue>li{float:none; }
	ul.sm-blue>li>a,ul.sm-blue ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-blue iframe{display:none;}
	

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-blue ul, .sm-blue span.sub-arrow, .sm-blue iframe {
		display:none !important;
	}*/


/* Menu box
===================*/


	.sm-blue {
		width:100%;float:left;text-align:left;
	}
	.sm-blue ul {
	
	    width:100%;
		height:auto;
		background-color:#ccc;
		border:0;
		padding:0;
		background:#40b640;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.sm-blue ul ul {
		/* darken the background of the 2+ level sub menus*/
		background-color:rgba(100,100,100,0.9);
		
		
	
	}
	


/* Menu items
===================*/
	.sm-blue li {border-bottom:1px solid #f5f5f5; width:100%;}
	.sm-blue li:hover {border-bottom:1px solid #f5f5f5; }
	.sm-blue a {
		padding:10px 0 !important; /* add some additional left padding to make room for the sub indicator */
		
		color:#fff;
		text-align:center;
		
	}
	.sm-blue ul a {
		background:transparent !important;
		text-shadow:none !important;
	
	}
	

	/* add some text indentation for the 2+ level sub menu items */
	.sm-blue ul a {
		border-left:0 solid transparent;
	}
	.sm-blue ul ul a {
		border-left:0 solid transparent;
	}
	.sm-blue ul ul ul a {
		border-left:0 solid transparent;
	}
	.sm-blue ul ul ul ul a {
		border-left:0 solid transparent;
	}
	.sm-blue ul ul ul ul ul a {
		border-left:0 solid transparent;
	}
	
	/* presume we have 4 levels max */
	.sm-blue > li:last-child > a,
	.sm-blue > li:last-child > ul > li:last-child > a,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.sm-blue > li:last-child > ul,
	.sm-blue > li:last-child > ul > li:last-child > ul,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
		
	}
	/* highlighted items, don't need rounding since their sub is open */
	.sm-blue > li:last-child > a.highlighted,
	.sm-blue > li:last-child > ul > li:last-child > a.highlighted,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
		
	}


/* Items separators
===================*/

	.sm-blue li {
	
		border-left:0;
	}
	.sm-blue ul li {
		border-top:1px solid rgba(0,0,0,0.05); 
		
	}
	.sm-blue ul li:first-child {
		border-top:0;
		
	}

}