.navigation ul li a{display: block; padding: 35px 15px; font-size: 14px; font-weight: 700; text-transform: uppercase; text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.9); color: #fff;}
.navigation ul li:hover > a{background: none !important; color: #F4C64C;}

ul.mega-menu >li:focus > a, ul.mega-menu >li:hover > a, ul.mega-menu >li:active > a{text-decoration: none; background-color: #eee;}
ul.mega-menu{position: initial; width: 100%; display: flex; justify-content: center;}
ul.mega-menu > li{position: initial !important; width: auto !important;}
ul.mega-menu > li > ul{position: absolute; left: 0; padding: 20px; background: rgba(255, 255, 255, 0.95); opacity: 0; transform: translateY(-10px); transform-origin: top; pointer-events: none; transition: ease all 0.3s; z-index: 1000; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);}
ul.mega-menu > li:not(.mega-dropdown){position: relative !important;}

ul.mega-menu li.mega-dropdown ul{display: flex; flex-wrap: wrap; width: 100%; max-width: 1400px; margin: 0 auto; right: 0; }
ul.mega-menu li.mega-dropdown ul li{width: 33.3333%; padding-right: 25px !important;}
ul.mega-menu li.mega-dropdown ul li a{padding: 5px; font-weight: 700; text-align: left; text-transform: uppercase; text-shadow: none; color: #000;}
ul.mega-menu li.mega-dropdown ul li a:hover{text-decoration: underline;}
ul.mega-menu li.center ul li a{text-align: center;}
ul.mega-menu li:hover > ul{opacity: 1; pointer-events: auto; transform: translateY(0);}

ul.mega-menu li.mega-dropdown ul ul{padding: 0 0 15px;}
ul.mega-menu li.mega-dropdown ul ul li{width: 100%;}
ul.mega-menu li.mega-dropdown ul ul li a{display: block; padding: 2px 10px; font-weight: 400; text-transform: none; text-shadow: none; color: #000;}

nav.mobile{display: none;}

@media screen and (min-width: 980px){
	#menu-button{display: none !important;}
}
@media screen and (max-width: 980px){
	#menu-button{display: block; font-size: 24px; position: relative; z-index: 400;}
	.mobile_top{border-bottom: 1px #444 solid;}
	.menu-toggle{display: block; padding: 7px 12px; font-size: 24px; text-align: right; text-decoration: none; color: #fff;}
	.menu-toggle:hover{color: #fff;}
	
	nav.mobile{display: block; background: #333; position: fixed; top: 0; left: -250px; width: 250px; height: 100%; overflow: auto; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5); z-index: 500;}
	nav.mobile i{margin-left: auto; color: #999;}
	nav.mobile ul li{border-bottom: 1px #444 solid;}
	nav.mobile ul li a{display: flex; align-items: center; position: relative; font-size: 14px; padding: 15px; color: #999; text-decoration: none; text-shadow: none;}
	nav.mobile ul li a:hover{color: #fff;}
	nav.mobile ul li li a{background: #444; font-size: 12px; color: #ccc;}
	nav.mobile ul li li a:hover{background: rgba(65,65,65,0.5);}
	nav.mobile ul li li li a{background: #555}
	nav.mobile ul li li li a:hover{background: rgba(85,85,85,0.5);}
	
	ul.mega-menu{display: none !important;}
}