.menu-collapser{position:relative;
width:100%;
height:48px;
padding:0 8px;
color:#FFF;
font-size:16px;
line-height:48px;
background-color:#0099FF;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
font-family:"Courier New", Courier, monospace;

}
.collapse-button{position:absolute;
right:8px;
top:50%;
width:40px;
padding:7px 10px;
color:#fff;
font-size:14px;
text-align:center;
background-color:#0099FF;
border-radius:2px;
cursor:pointer;
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{color:#FFF;
background-color:#040404}
.collapse-button .icon-bar{display:block;
height:2px;
width:18px;
margin:2px 0;
background-color:#fff;
border-radius:1px}
ul.slimmenu{width:100%;
margin:0;
padding:0;
list-style-type:none}
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;
-moz-box-sizing:border-box;
-webkit-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;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li .sub-toggle{height:40px}
ul.slimmenu li{position:relative;
float:left;
display:inline-block;
background-color:#0066FF}
ul.slimmenu li ul{margin:0;
list-style-type:none}
ul.slimmenu li ul li{background:#0033FF;}
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:16px;
font-weight:400;
transition:background-color 0.5s ease-out;
-o-transition:background-color 0.5s ease-out;
-moz-transition:background-color 0.5s ease-out;
-webkit-transition:background-color 0.5s ease-out;
font-family:Arial, Helvetica, sans-serif; text-decoration:none;
}
ul.slimmenu li a:hover{text-decoration:none;
background-color:#fff; color:#0066FF;}
ul.slimmenu li .sub-toggle{background:none repeat scroll 0 0 rgba(0,0,0,0.075);
position:absolute;
right:0;
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:-0.25em;
vertical-align:middle}
ul.slimmenu li .sub-toggle>i{display:inline-block;
color:#333;
font-size:18px;
vertical-align:middle}
ul.slimmenu>li{border-left:1px solid #999}
ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li{border-left:0}