#left-pane {
    z-index: 100;
    visibility: hidden;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.91);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding-top: 10px;
}

    #left-pane ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #left-pane h2 {
        margin: 0;
        padding: 1em;
        color: rgba(0,0,0,0.4);
        text-shadow: 0 0 1px rgba(0,0,0,0.1);
        font-weight: 300;
        font-size: 2em;
    }

    #left-pane ul li a {
        display: block;
        padding: 1em 1em 1em 1.2em;
        outline: none;
        color: #ADADAD;
        text-transform: uppercase;
        text-shadow: 0 0 1px rgba(255,255,255,0.1);
        letter-spacing: 1px;
        font-weight: 400;
        -webkit-transition: background 0.3s, box-shadow 0.3s;
        transition: background 0.3s, box-shadow 0.3s;
        font-size: 0.85em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
        word-spacing: 1px;
        letter-spacing: 0.5px;
    }

    #left-pane ul li:first-child a {
        /*box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);*/
    }

    #left-pane ul li a:hover {
        background: rgba(0,0,0,0.2);
        /*box-shadow: inset 0 -1px rgba(0,0,0,0);*/
        color: #fff;
    }

    #left-pane ul.nav-list {
        padding-left: 35px;
    }

    #left-pane ul li > a > i {
        margin-right: 15px;
    }

    #left-pane .btnCloseMainMenu {
        font-size: 30px;
        margin-left: -2px;
    }

        #left-pane .btnCloseMainMenu:hover {
            color: #9E1414;
        }

#nav-menu {
    overflow: auto;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 20px;
    border-top: 1px solid rgba(217, 215, 215, 0.12);
}

    #nav-menu > ul > li > a > i {
        font-size: 1.5em;
        vertical-align: middle;
    }

    #nav-menu > ul > li > a.nav-header {
        color: #fff;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
        font-size: 0.92em;
        vertical-align: bottom;
    }

#left-pane input {
    background-color: rgba(21, 23, 39, 1);
    border-color: rgba(79, 76, 85, 0.33);
    color: #fff;
}


#nav-menu .nav > li > a:hover, #nav-menu .nav > li > a:focus {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 1.00);
}


@media (min-width:768px) {
    #left-pane {
        width: 350px;
    }

    .no-csstransforms3d .body-pusher,
    .no-js .body-pusher {
        padding-left: 350px;
    }
}

.menucon-100, .menucon-80000, .menucon-40000 {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .menucon-100:before {
        content: "\f085";
    }

    .menucon-80000:before {
        content: "\f02d";
    }

    .menucon-40000:before {
        content: "\f05b";
    }

.menucon-77, .menucon-200, .menucon-1000, .menucon-10000, .menucon-20900, .menucon-20950, .menucon-20970, .menucon-20980, .menucon-50000 {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .menucon-77:before {
        content: "\e635";
    }

    .menucon-200:before {
        content: "\e638";
    }

    .menucon-1000:before {
        content: "\e63d";
    }

    .menucon-10000:before {
        content: "\e64f";
    }

    .menucon-20900:before {
        content: "\e648";
    }

    .menucon-20950:before {
        content: "\e629";
    }

    .menucon-20970:before {
        content: "\e62a";
    }

    .menucon-20980:before {
        content: "\e125";
    }

    .menucon-50000:before {
        content: "\e63a";
    }