.menu-collapser{position:relative;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.5);
width:100%;height:48px;line-height:48px;font-size:16px;padding:0 8px;box-sizing:border-box;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

.collapse-button{position:absolute;right:8px;top:50%;width:40px;background-color:#000;background-image:linear-gradient(to bottom, #151515, #040404);background-repeat:repeat-x;border-radius:4px 4px 4px 4px;border-style:solid;border-width:1px;color:#FFFFFF;box-shadow:0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);padding:7px 10px;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);cursor:pointer;font-size:14px;text-align:center;transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.collapse-button:hover, .collapse-button:focus{background-image:none;color:#FFF;}
.collapse-button .icon-bar{background-color:#fff;border-radius:1px 1px 1px 1px;display:block;height:2px;width:18px;margin:2px 0;}

ul.slimmenu{list-style-type:none;margin:0;padding:0;width:100%;}
ul.slimmenu li{position:relative;display:inline-block;box-sizing:border-box;border-right:1px solid #777}
ul.slimmenu li:last-child{border-right:0xp;}
ul.slimmenu > li{}
ul.slimmenu > li:first-child{border-left:0}
ul.slimmenu > li:last-child{margin-right:0}
ul.slimmenu li a{display:block;padding-right:80px;padding-top:5px;margin-bottom:5px;padding-left:0px;
transition:background-color 0.2s ease-out; -o-transition:background-color 0.2s ease-out; -moz-transition:background-color 0.2s ease-out;
-webkit-transition:background-color 0.2s ease-out; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu li a:hover{text-decoration:none;}

ul.slimmenu li .sub-collapser{background:none repeat scroll 0 0 rgba(10, 10, 10, 0.075);
position:absolute;right:0;top:0;width:48px;height:100%;text-align:center;z-index:999;cursor:pointer;}

ul.slimmenu li .sub-collapser:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
ul.slimmenu li .sub-collapser > i{display:inline-block;vertical-align:middle;}
ul.slimmenu li ul{list-style-type:none;}
ul.slimmenu li ul li{min-width:240px;background-color:#00539d;color:#fff;border-bottom:1px dotted #06C;}
ul.slimmenu li ul li:last-child{border-bottom:4px solid #003a6d}
ul.slimmenu li ul li:first-child{border-top:2px solid #fff}
ul.slimmenu li ul li:hover{min-width:240px;background-color:#fff;color:#0a5da6;}

ul.slimmenu li > ul{display:none;position:absolute;left:0;top:100%;z-index:999;font-weight:400}
ul.slimmenu li > ul > li ul{display:none;position:absolute;left:100%;top:0;z-index:999;width:100%;}
ul.slimmenu.collapsed li > ul{width:100%;box-sizing:border-box;}
ul.slimmenu.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li a{display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li .sub-collapser{height:40px;}
ul.slimmenu.collapsed li > ul{display:none;position:static;}

@media only screen and (min-device-width:768px){
span.sub-collapser{display:none;}
ul.slimmenu li a{padding:5px;}
ul.slimmenu li ul{list-style-type:none;}
ul.slimmenu li ul:last-child{margin-left:-100px;list-style-type:none;}
i{ color: #ddd; margin-right: 10px;} 
}

ul ul {margin-left:-40px;}