.menu-collapser {
  position: relative;
  width: 100%;
  height: 48px;
  padding: 0 8px;
  color: #FFF;
  font-size: 16px;
  line-height: 48px;
  background-color: #999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.collapse-button {
  position: absolute;
  right: 20px;
  top: 35px;
  width: 50px;
  padding: 7px 10px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  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;
	z-index: 400;
}

.collapse-button:hover, .collapse-button:focus {
  color: #FFF;
  background-color: #040404
}

.collapse-button .icon-bar {
  display: block;
  height: 2px;
  width: 30px;
  margin: 6px 0;
  background-color: #F5F5F5;
  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;
	text-align: left;
}

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: 36px
}

ul.slimmenu li {
  position: relative;
  float: left;
  display: inline-block;
  background-color: #eee;
}

ul.slimmenu li ul {
  margin: 0;
  list-style-type: none
}

ul.slimmenu li ul li {
 background-color: #E1E1E1;
}
ul.slimmenu li ul li li {
 background-color: #CFCFCF;
}
ul.slimmenu li ul li li li {
 background-color: #BBBBBB;
}

ul.slimmenu li ul li a {
	padding-left: 3em;
	text-indent: -0.6em;
}
ul.slimmenu li ul li li a {
	padding-left: 4em;
	text-indent: -1.2em;
}
ul.slimmenu li ul li li li a {
	padding-left: 5em;
}
ul.slimmenu li>ul {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 150;
  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: 10px 64px 10px 2em;
  color: #333;
  font-size: 14px;
 line-height: 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
}

ul.slimmenu li a:hover {
 text-decoration: none;
 background-color: #D0D0D0;
}

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: 150;
  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;
 position: relative;
}
ul.slimmenu li .sub-toggle>i:before {
 content: "";
 position: absolute;
 top: -8px;
 left: -3px;
 width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #999 transparent transparent transparent;
transition: transform 0.5s linear; 
}
ul.slimmenu li .sub-toggle.expanded>i:before {
transform: rotateX(180deg);
 -moz-transform: rotateZ(180deg);
-webkit-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
}

ul.slimmenu>li {
  border-left: 1px solid #999
}

ul.slimmenu>li:first-child, ul.slimmenu>li.has-submenu+li {
  border-left: 0
}