.menu-collapser {
position: relative;
color: #FFF; width: 100%;
height: 48px;
line-height: 48px;
font-size: 15px;
padding: 0 50px 0 0;
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: #0E0E0E;
background-image: linear-gradient(to bottom, #151515, #040404);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
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;
background-color: #040404;
color: #FFF;
}
.collapse-button .icon-bar {
background-color: #F5F5F5;
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;
}
ul.slimmenu > li { margin-right: -5px; border-left: 1px solid #868686 }
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
display: block;
color: #fff;
padding: 12px;
font-size: 14px;
font-weight: 400;
line-height:normal; }
ul.slimmenu li a:hover {
background-color: #a4a4a4;
text-decoration: none;
}
ul.slimmenu li .sub-collapser { position: absolute;
right:4px;
top:10px; z-index: 999;
cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
content: '';
display: inline-block;
height: auto;
vertical-align: middle;
margin-right: -0.25em;
}
ul.slimmenu li .sub-collapser > i {
color: #fff;
font-size: 11px;
display: inline-block;
vertical-align: middle;
display:none;
}
ul.slimmenu li ul {
margin: 0;
list-style-type: none;
} ul.slimmenu li > ul {
display: none;
position: absolute;
left:-2px;
top: 100%;
z-index: 999;
width:170px;
}
ul.slimmenu li > ul > li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
z-index: 999;
width: 100%;
}
ul.slimmenu.collapsed li {
display: block;
width:auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
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-collapser {
height: 46px;
}
ul.slimmenu.collapsed li > ul {
display: none;
position: static;
}
ul.slimmenu li ul.sub-menu li {
border-bottom: 1px solid #000000;
display: block;
margin:0 8px;
}
ul.slimmenu li ul.sub-menu li:last-child {
border-bottom:none;
}
ul.slimmenu li ul.sub-menu li a:hover { color:#fff;
}
ul.slimmenu ul li a {
color: #000000;
padding:6px 0;
font-size:14px;
font-weight:700;
}
@media (max-width:992px){
ul.slimmenu li a {
font-size:14px;
}
}
@media (max-width: 767px){
ul.slimmenu li .sub-collapser > i {
display: block;
margin-top:-9px;
}
ul.slimmenu li .sub-collapser {
top: 0;
z-index: 9;
}
}