.menu-collapser { top: 10px; width: 30px; height: 30px; padding: 0; color: transparent; font-size: 16px; line-height: 48px; background-color: transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }

.collapse-button { position: absolute; right: 0; top: 5px; width: 40px; padding: 7px; color: #000; font-size: 14px; text-align: center; background-color: transparent; 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 }
ul.slimmenu, ul.slimmenu ul { padding: 0; margin: 0 }
.collapse-button .icon-bar { display: block; height: 2px; width: 25px; margin: 5px 0; background-color: #fff; border-radius: 1px }
ul.slimmenu { width: 100%; list-style-type: none }
ul.slimmenu:after, ul.slimmenu:before { 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,.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: #AAA }
ul.slimmenu li > ul, ul.slimmenu li > ul > li ul { display: none; width: 100%; position: absolute; z-index: 999 }
ul.slimmenu li ul { margin: 0; list-style-type: none }
ul.slimmenu li ul li { background: }
ul.slimmenu li > ul { left: 0; top: 100% }
ul.slimmenu li > ul > li ul { left: 100%; top: 0 }
ul.slimmenu li a { display: block; padding: 12px 64px 12px 16px; color: #fff; font-size: 16px; font-weight: 500; transition: background-color .5s ease-out; -o-transition: background-color .5s ease-out; -moz-transition: background-color .5s ease-out; -webkit-transition: background-color .5s ease-out }
ul.slimmenu li a:hover { text-decoration: none; }
ul.slimmenu li .sub-toggle { background: rgba(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: -.25em; vertical-align: middle }
ul.slimmenu li .sub-toggle > i { display: inline-block; color: #333; vertical-align: middle }
ul.slimmenu > li { border-left: 1px solid #999 }
ul.slimmenu > li.has-submenu + li, ul.slimmenu > li:first-child { border-left: 0 }