.menu-collapser{position:relative;width:100%;height:48px;padding:0 8px;color:#fff;font-size:14px;line-height:48px;background-color:#011461;box-sizing:border-box}
.collapse-button{position:absolute;right:8px;top:50%;width:40px;padding:7px 10px;color:#fff;font-size:14px;text-align:center;background-color:#C19645;border-radius:2px;cursor:pointer;transform:translate(0,-50%);box-sizing:border-box}
.collapse-button:hover,.collapse-button:focus{color:#fff;background-color:#CE9D44}
.collapse-button .icon-bar{display:block;height:2px;width:18px;margin:2px 0;background-color:#f5f5f5;border-radius:1px}

ul.slimmenu{width:100%;}
ul.slimmenu:before,ul.slimmenu:after{content:"";display:table}
ul.slimmenu:after{clear:both}
ul.slimmenu.collapsed li{display:block;width:100%;box-sizing:border-box}
ul.slimmenu.collapsed li > ul{position:static;display:none}
ul.slimmenu.collapsed li a{display:block;border-bottom:1px solid rgba(0,0,0,0.075);box-sizing:border-box}
ul.slimmenu.collapsed li .sub-toggle{height:40px}

ul.slimmenu li{position:relative;float:left;display:inline-block;background-color:#6b89fe}
ul.slimmenu li ul{margin:0;list-style-type:none}
ul.slimmenu li ul li{background:#fff;}
ul.slimmenu li > ul{position:absolute;left:0;top:100%;z-index:999;display:none;width:100%}
ul.slimmenu li > ul > li ul{position:absolute;left:100%;top:0;z-index:999;display:none;width:100%}
ul.slimmenu li a{display:block;padding:12px 64px 12px 16px;color:#fff;font-size:14px;font-weight:400;transition:background-color .5s ease-out}
ul.slimmenu li a:hover{text-decoration:none;background-color:#4368fe}
ul.slimmenu li li a{color:#fff}
ul.slimmenu li li a:hover{background-color:#020874}

ul.slimmenu li .sub-toggle{background:none repeat scroll 0 0 rgba(0,0,0,0.075);position:absolute;right:1px;top:0;z-index:999;width:48px;height:100%;text-align:center;cursor:pointer}
ul.slimmenu li .sub-toggle:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle}
ul.slimmenu li .sub-toggle > i{display:inline-block;color:#e6d276;vertical-align:middle;font-size:10px}

@media only screen and (min-width:1024px) {
	ul.slimmenu{width:auto; display:flex; justify-content:end;}
	ul.slimmenu li{background-color:#fff;}
	ul.slimmenu li a{display:block; padding:10px;font-size:16px;width:auto;text-align:center; color:#000; width:130px;}	
	ul.slimmenu > li:first-child > a, ul.slimmenu > li > a:hover {background: linear-gradient(to bottom, rgba(0,0,102,1) 0%, rgba(10,34,161,1) 100%); color: #fff;}
	ul.slimmenu li > ul{width:200px}
	ul.slimmenu li li a{text-align:left;padding:10px;width:200px; background-color:#f0f0f0;color:#000; font-size:14px;}	
	ul.slimmenu li li a:hover {background: linear-gradient(to bottom, rgba(0,0,102,1) 0%, rgba(10,34,161,1) 100%); color: #fff;}
	ul.slimmenu li li li a{font-size:15px;width:198px; background-color:#f0f0f0;color:#000;}
	ul.slimmenu li .sub-toggle{background:none;width:30px}
	ul.slimmenu li .sub-toggle > i{font-size:20px}
}