#cssmenu, #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{display: flex; flex-wrap: wrap; background: #000; border-top: 2px #FFCD11 solid; position: relative; z-index: 500;}
#cssmenu #menu-button{display: none;}
#cssmenu > ul{ width: 100%;}
#cssmenu ul{display: flex;flex-direction: row;justify-content: center; max-width: 1400px; margin: 0 auto; font-size: 0;}
#cssmenu > ul > li{display:inline-block; border-left: 1px #aaa solid;}
#cssmenu > ul > li:last-child{border-right: 1px #aaa solid;}
#cssmenu > ul > li > a{font-size: 16px; font-weight: 700; padding: 14px 25px 9px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; transition: all .2s ease; border-bottom: 5px #000 solid;}
#cssmenu > ul > li > a:focus{background: #000 !important;}
#cssmenu > ul > li:hover > a{border-bottom: 5px #FFCD11 solid; text-shadow: -1px 1px 0px rgba(255, 205, 17, 1); background: none !important;}
#cssmenu > ul > li.current > a{color: #FFCD11;}
#cssmenu ul li:hover > ul{left: 0;}
#cssmenu ul ul{display: block; position: absolute; left: -9999px; border-bottom: 1px #ccc solid;}
#cssmenu ul ul li{border: 1px #ccc solid; border-bottom: none;}
#cssmenu ul ul li a{background: #000;font-size: 14px; font-weight: 700; text-decoration: none; color: #ddd; padding: 15px 20px;box-sizing: border-box;}
#cssmenu ul ul li a:hover, #cssmenu ul ul li:hover > a{background: #333; color: #fff;}

@media screen and (max-width: 1440px){
	#cssmenu > ul > li > a{font-size: 12px; padding: 15px 15px 10px;}
}
@media screen and (max-width: 1024px){
	#cssmenu{width: 100%;}
	#cssmenu ul{width: 100%; display: none;}
	#cssmenu ul li{width: 100%; border: none; border-top: 1px solid #ccc;}
	#cssmenu ul li:last-child{border-right: none;}
	#cssmenu ul li a{text-align: left; width: 100%; padding: 20px; border-bottom: none;}
    #cssmenu > ul > li:hover > a{border-bottom: none;}
	#cssmenu ul ul{display: none; position: relative; left: 0; right: auto; width: 100%; margin: 0;}
	#cssmenu ul ul li{width: 100%; border: none; border-top: 1px solid #ccc;}
	#cssmenu ul ul li a{background: #333; font-size: 12px; color: #fff; padding: 20px; width: 100%;}
	#cssmenu ul ul ul{display: none; position: relative; top: 0; left: 0; right: auto; width: 100%; margin: 0;}
	#cssmenu ul ul ul li a{padding: 20px 40px; background: #555;}
	#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after{display: none;}
	#cssmenu #menu-button{display: block; padding: 15px 45px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 700; text-transform: uppercase;}
	#cssmenu #menu-button::after{content: ''; position: absolute; top: 16px; left: 20px; display: block; width: 15px; height: 2px; background: #fff;}
	#cssmenu #menu-button::before{content: ''; position: absolute; top: 21px; left: 20px; display: block; width: 15px; height: 7px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
	#cssmenu .submenu-button{position: absolute; z-index: 10; right: 0; top: 0; display: block; height: 55px; width: 100%; cursor: pointer;}
	#cssmenu .submenu-button::after{position: absolute; top: 20px; right: 20px; font-family: FontAwesome; font-size: 16px; content: '\f067'; color: #fff;}
	#cssmenu .submenu-button.submenu-opened:after{content: '\f068';}
}