.sb-slidebar {
    position: fixed;
    top: 45px;

    transform: translate3d(-100%,0,0);
    transition: 0.4s transform ease-in-out;

    -webkit-transition-property: -webkit-transform, left, right;
    -webkit-backface-visibility: hidden;
    z-index: 15000;
}

.sb-slidebar.active {
    transform: translate3d(0,0,0);
    box-shadow: 3px 3px 4px rgba(0,0,0,.64) !important;
}

#slidemenu {
    width: 250px;
    margin: 0;
    
    background: #325484;
    border-top: 1px solid #fff;
    font-family: "Open Sans", sans-serif;
}

#slidemenu .home-icon,
#slidemenu .email-icon { 
    display: none;
}

#slidemenu .side-menu {      
    border-bottom: 1px solid #fff;
    padding: 15px 10px;
    position: relative;
}

#slidemenu .side-menu:nth-last-child(3) {
    border-bottom: 0;
} 

#slidemenu .side-menu:before,
#slidemenu .side-menu:after {
    content: "";
    position: absolute;
    right: 15px;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 22px;
}

#slidemenu .side-menu:before {
    border-top-color: #325484;
    top: 20px;
    z-index: 5;
}

#slidemenu .side-menu.active:before {
    border-top: 0;
    border-bottom: 10px solid #325484;
    top: 23px;
}

#slidemenu .side-menu.active:after {
    border-top: 0;
    border-bottom: 10px solid #fff;
    top: 21px;
}

#slidemenu .open-sub {
    display: none;
}

#slidemenu .main-menu-a {          
    font-weight: normal;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

#slidemenu .subnav {
    display: none;
}

#slidemenu .subnav .subnav-title,
#slidemenu .subnav p {
    display: none;
}

#slidemenu .subnav ul {
    list-style-type: none;
    margin: 0;
}

#slidemenu .subnav :last-child ul
{
    border-top: 1px solid #b4b4b4;
}

#slidemenu .subnav :first-child ul
{
    border: 0;
}

#slidemenu .subnav ul li {
    border: 0;
    padding: 8px;
}

#slidemenu .subnav ul a {
    color: #333;
    text-decoration: none;
    font-size: 13px;
}

#slidemenu .side-menu.active .subnav {
    display: block;
}

#slidemenu .onecol,
#slidemenu .twocol {
    width: 100%;
    border-radius: 0;
    box-shadow: none !important;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px;
    border-top: 1px solid #fff;
    margin-top: 15px;
    margin-bottom: -15px;
    background: #dde5f2;
}
#slidemenu .twocol > div {
    width: 100%;
}

#slidemenu {
    display: none;
}

@media (max-width: 992px) {
    #slidemenu {
        display: block;
    }
}