.menu-collapser {
position: relative;
color: #0000;
width: auto;
height: auto;
font-size: 16px;
padding: 0 0px;
}
.collapse-button {
position: absolute;
right: 0px;
top: -44px;
width: 45px;
color: #FFFFFF;
padding: 4px 7px;
cursor: pointer;
font-size: 14px;
text-align: center;
border: 2px solid #000000;

}
.collapse-button:hover, .collapse-button:focus {
color: #FFF;
}
.collapse-button .icon-bar {
background-color: #000000;
display: block;
height: 2px;
width: 28px;
margin: 4px 0;
}

ul.slimmenu {
list-style-type: none;
margin: 35px 0 0 0;
padding: 0;
width: 100%;
position:relative; z-index:99;
}
ul.slimmenu li {
/*position: relative;*/
display: inline-block;
}
ul.slimmenu > li { position:relative;}
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
display: block;
padding:10px 16px 36px;
}
ul.slimmenu li a:hover {
}
ul.slimmenu li a.active {
padding:10px 15px; border:1px solid #ebedf1; border-radius:20px; color:#475d84!important;
}
ul.slimmenu li .sub-collapser {
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 100%;
text-align: center;
z-index: 999;
cursor: pointer;
display:none;
}
ul.slimmenu li .sub-collapser:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
ul.slimmenu li .sub-collapser > i {
color: #fff;
font-size: 18px;
display: inline-block;
vertical-align: middle;
}
ul.slimmenu li ul {
margin: 0;
list-style-type: none;
}
ul.slimmenu li ul li { position:relative; }
ul.slimmenu li > ul {
display: none;
position: absolute;
left: 0;
top: 100%;
z-index: 999;
width: 260px;
border-rdius:0;
padding:0px;

}
ul.slimmenu li > ul:after { 
background:url(../images/menu_arrow.png) no-repeat left top; 
content:""; 
position:absolute; 
top:-10px;
display:inline-block; 
height:11px; 
width:15px;
left:15px;
display:none;
}

ul.slimmenu li > ul > li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
z-index: 999;
width: 100%;
/*background:#475d84;*/

}

ul.slimmenu li > ul > li ul:after { background:none;}

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;
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: 56px;
border-left: 1px solid rgba(0, 0, 0, 0.075);
}
ul.slimmenu.collapsed li > ul {
display: none;
position: static;
width:100%;
padding:0;
height:auto!important
}

.menu ul li ul li a span { position:relative; left:-35px;}


@media (max-width:995px) {
ul.slimmenu li .sub-collapser { display:block;}
ul.slimmenu { top:0px; left:0px; float:left; width:100%; position:absolute; z-index:99999;}
ul.slimmenu { background:#475d84; margin:0px;}
.collapse-button { left:0;}
ul.slimmenu.collapsed li { padding:0px; margin:0px; border:none;}
ul.slimmenu li a { padding:18px 15px;}
ul.slimmenu li a:hover { color:#fff;}
ul.slimmenu li .sub-collapser > i { padding:0px; color:#9e9e9f;}
.menu ul li ul li a { padding:18px 15px 18px 32px;}
ul.slimmenu li > ul::after { background:none;}
.menu ul li ul li a span { border-bottom: 1px solid rgba(0, 0, 0, 0.075); }
.menu ul li ul li a span i { color:#fff;}

}


@media (min-width:768px) and (max-width:995px) { 
.collapse-button { top:20px;}
.collapse-button { right:0;left: inherit;}
ul.slimmenu { top:54px; left:-15px;}
}