#cssmenu ul ul li a, #cssmenu>ul>li>a{font-weight: 700; text-decoration: none;}
#cssmenu, #cssmenu #menu-button, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; box-sizing: border-box;}
#cssmenu:after, #cssmenu>ul:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#cssmenu #menu-button{display: none;}
#cssmenu{background: #009d60; z-index: 99; border-bottom: 1px #ccc solid;}
#cssmenu ul{max-width: 1100px; margin: 0 auto; font-size: 0; text-align: center;}
#cssmenu ul li{border-left: 1px #00b26d solid;}
#cssmenu ul li.border-right, #cssmenu ul li:last-child{border-right: 1px #00b26d solid;}
#cssmenu ul ul li, #cssmenu ul ul li:last-child{border-right: 1px #aaa solid;}
#cssmenu>ul>li{display: inline-block; float: none;}
#cssmenu>ul>li>a{font-size: 14px; padding: 16px 20px; text-transform: uppercase; color: #fff; transition: background .2s ease;}
#cssmenu>ul>li.active>a, #cssmenu>ul>li:hover>a{background: #007E4D;}
#cssmenu ul ul{position: absolute; left: -9999px; text-align: left; border-top: none;}
#cssmenu li:hover>ul{left: auto;}
#cssmenu ul ul ul{margin-left: 100%; top: 0;}
#cssmenu ul ul li{height: 0; transition: height .2s ease; border-left: 1px #aaa solid; border-bottom: 1px #aaa solid;}
#cssmenu ul li:hover>ul>li{height: 43px;}
#cssmenu ul ul li a{padding: 15px 20px; width: 228px; font-size: 12px; background: #333; color: #ddd;}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover>a{color: #fff; background: #555;}
#cssmenu ul li.logo{position: relative; width: 220px; transition: all .2s ease-in-out;}
#cssmenu ul li.logo img{position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: -95px;}
#cssmenu>ul>li.logo>a{padding: 0;}
#cssmenu>ul>li.logo:hover>a{background: 0 0;}

.shrink #cssmenu ul li.logo{width: 60px; margin: 0 10px;}
.shrink #cssmenu ul li.logo img{top: -20px;}

@media screen and (max-width: 970px) and (min-width: 769px){
	#cssmenu>ul>li>a{font-size: 12px; padding: 14px 17px;}
	#cssmenu>ul>li.has-sub>a::after{top: 15px;}
}

#menu-toggle{cursor: pointer;}
#mobile-menu, #toggle-menu, #toggle-menu ul ul{display: none;}
#toggle-menu .has-sub{position: relative; cursor: pointer;}
#toggle-menu .has-sub:after{position: absolute; font-family: FontAwesome; content: '\f067'; color: #fff; top: 20px; right: 25px;}
.toggle-active:after{content: '\f068'!important;}
#toggle-menu ul li a{display: block; background: #333; font-weight: 700; font-size: 12px; text-transform: uppercase; border-bottom: 1px #777 solid; color: #fff; padding: 20px 25px; box-sizing: border-box;}
#toggle-menu ul ul li a{background: #555; padding: 20px 20px 20px 40px;}

@media screen and (max-width: 1050px){
	#mobile-menu{display: block;}#mobile-menu a{float: left; width: 25%; display: block; background: #009D60; font-weight: 700; font-size: 12px; text-transform: uppercase; text-align: center; color: #fff; border: 1px solid #fff; box-sizing: border-box; padding: 6px 0;}#mobile-menu a:hover{background: #00B26D;}
}

@media screen and (max-width: 400px){
	#mobile-menu a{font-size: 10px;}
}