#cssmenu {width:auto;height:auto;padding:0 0 100px;position:relative;}
#cssmenu ul {list-style:none;padding:0;margin:0;line-height:50px;}
#cssmenu > ul {position:relative;display:block;z-index:500;margin:0 auto;}
#cssmenu:after, #cssmenu > ul:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu.align-right > ul  > li {float:none;}
#cssmenu.align-center ul {text-align:right;}
#cssmenu.align-center ul ul {text-align:left;}
#cssmenu > ul > li {display:block;position:relative;margin:0;padding:0;}
#cssmenu > ul > #menu-button {display:none;}
#cssmenu ul li a {display:block;font-family:'Roboto Condensed', sans-serif;text-decoration:none;}
#cssmenu > ul > li > a {font-weight:400;font-size:14px;padding:5px 10px;color:#fff;border-top:1px solid #2E4255;text-transform:uppercase;}
#cssmenu > ul > li > a:hover {background:#2E4255;color:#FF6600;}
#cssmenu > ul > li.has-sub > a {padding-right:32px;}
#cssmenu > ul > li:hover > a {}
#cssmenu li.has-sub::after {display:block;content:"";position:relative;width:0;height:0;}
#cssmenu > ul > li.has-sub::after {right:10px;top:0;border:5px solid transparent;border-top-color:#7a8189;}
#cssmenu > ul > li:hover::after {border-top-color:#fff;}
#cssmenu ul ul {position:relative;left:0;top:0;z-index:1000;}
#cssmenu ul ul li {position:relative;}
#cssmenu > ul > li:hover > ul {left:auto;top:0;opacity:1;}
#cssmenu.align-right > ul > li:hover > ul {left:auto;right:0;opacity:1;}
#cssmenu ul ul li:hover > ul {left:0;top:0;opacity:1;}
#cssmenu.align-right ul ul li:hover > ul {left:auto;right:170px;top:0;opacity:1;padding-right:5px;}
#cssmenu ul ul li a {width:auto;margin:0 10px;padding:5px 10px;font-size:13px;background:#2E4255;color:#fff;border-bottom:1px solid #374F66;text-transform:uppercase;}
#cssmenu.align-right ul ul li a {text-align:right;}
#cssmenu ul ul li:hover > a {background:#374F66;color:#FF6600;}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a {border-bottom:0;}
#cssmenu > ul > li > ul::after {content:'';border:6px solid transparent;width:0;height:0;border-bottom-color:#2E4255;position:absolute;top:-12px;left:10px;}
#cssmenu.align-right > ul > li > ul::after {left:auto;right:30px;}

#cssmenu ul ul ul {top:0;padding:0;}
#cssmenu ul ul ul li {position:relative;}
#cssmenu ul ul ul li a {width:auto;margin:0 10px;padding:5px 20px;font-size:13px;background:#2E4255;color:#fff;border-bottom:1px solid #374F66;}
#cssmenu ul ul ul li:hover > a {background:#374F66;color:#FF6600;}
#cssmenu ul ul ul li:last-child > a, #cssmenu ul ul li.last > a {border-bottom:0;}

#cssmenu ul ul li.has-sub::after {border:4px solid transparent;border-left-color:#9ea2a5;right:10px;top:0;display:none;}
#cssmenu.align-right ul ul li.has-sub::after {border-left-color:transparent;border-right-color:#9ea2a5;right:auto;left:10px;}
#cssmenu ul ul li.has-sub:hover::after {border-left-color:#fff;right:-5px;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
#cssmenu.align-right ul ul li.has-sub:hover::after {border-right-color:#fff;border-left-color:transparent;left:-5px;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}

@media all and (max-width:800px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px) {
	#cssmenu {width:auto;height:auto;padding:0;position:relative;margin:0 auto;}
	#cssmenu.align-center ul {text-align:left;}
	#cssmenu.align-right > ul > li {float:none;}
	#cssmenu ul {width:auto;}
	#cssmenu > ul > li > a {font-size:14px;font-weight:normal;padding:10px 15px 15px;border-radius:0;color:#fff;text-transform:uppercase;-webkit-transition:color 0.25s ease-out;-moz-transition:color 0.25s ease-out;-ms-transition:color 0.25s ease-out;-o-transition:color 0.25s ease-out;transition:color 0.25s ease-out;}
	#cssmenu > ul > li > a:hover {color:#fff!important;background:#C00;border-radius:0;}
	
	#cssmenu .submenuArrow, #cssmenu #indicatorContainer {display:none;}
	
	#cssmenu > ul {height:auto;	display:block;text-align:left;float:none;}
	#cssmenu > ul > li {float:none;}
	#cssmenu li, #cssmenu > ul > li {display:none;}
	
	#cssmenu ul ul, #cssmenu ul ul ul, #cssmenu ul > li:hover > ul, #cssmenu ul ul > li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul > li:hover > ul, #cssmenu.align-right ul ul > li:hover > ul {position:relative;left:auto;top:auto;opacity:1;padding-left:0;padding-right:0;right:auto;}
	
	#cssmenu ul .has-sub::after {display:none;}
	
	#cssmenu ul li a {padding:12px 20px;}
	
	#cssmenu ul ul li a {border:0;background:none;width:auto;padding:8px 20px;width:auto;margin:0 10px;font-size:14px;color:#fff;border-bottom:1px solid #374F66;}
	#cssmenu.align-right ul ul li a {text-align:left;}
	#cssmenu ul ul li:hover > a {background:#1B2833;color:#fff;}

	#cssmenu ul ul ul li a {border:0;background:none;width:auto;padding:8px 30px;width:auto;margin:0 10px;font-size:14px;color:#fff;border-bottom:1px solid #374F66;}
	#cssmenu ul ul ul li:hover > a {background:#121B22;color:#fff;}
	#cssmenu ul ul ul li:last-child > a, #cssmenu ul ul li.last > a {border-bottom:0;}
	
	#cssmenu ul ul ul a {padding:8px 50px;}
	
	#cssmenu ul ul ul ul a {
	padding:8px 65px;
	}
	#cssmenu ul ul ul ul ul a {
	padding:8px 80px;
	}
	#cssmenu ul ul ul ul ul ul a {
	padding:8px 95px;
	}
	#cssmenu > ul > #menu-button {
	display:block;
	cursor:pointer;
	background:#2E4255;
	}
	#cssmenu #menu-button > a {
	padding:10px 20px;
	}
	#cssmenu ul.open li,
	#cssmenu > ul.open > li {
	display:block;
	}
	#cssmenu > ul.open > li#menu-button > a {
	color:#C00;
	border-bottom:1px solid rgba(150, 150, 150, 0.1);
	}
	#cssmenu ul ul::after {
	display:none;
	}
	#cssmenu #menu-button::after {
	display:block;
	content:'';
	position:absolute;
	height:3px;
	width:22px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	right:20px;
	top:15px;
	}
	#cssmenu #menu-button::before {
	display:block;
	content:'';
	position:absolute;
	height:3px;
	width:22px;
	border-top:2px solid #fff;
	right:20px;
	top:25px;
	}
	#cssmenu ul.open #menu-button::after,
	#cssmenu ul.open #menu-button::before {
	border-color:#000;
	}
}
