#main-menu {
    left: -280px;
    position: fixed;
    transition: left 500ms;
    z-index: 2000;
}
#main-menu.active {
    left: 0;
}
#main-menu-list {
    width: 280px;
    height: 480px;
    margin: 0;
    padding: 10px 0;
    float: left;
    background-color: #ffffff;
    text-transform: uppercase;
    list-style: none;
    overflow-x: hidden;
    overflow-y: scroll;
}
#main-menu-list li {
    color: #777777;
    padding: 10px 15px;
}
#main-menu-list li a {
    color: #777777;
}
#main-menu-list li a.active {
    color: #000000;
}
#main-menu-icon {
    float: right;
    cursor: pointer;
    background-color: #000000;
    padding: 4px;
}
#main-menu-icon img {
    width: 25px;
}
#main-menu-icon .fa-bars {
    display: block;
    font-size: 25px;
    color: #fff;
}

/* Mobile */
@media screen and (max-width: 960px) {
    #main-menu {
        top: -83px;
        transition: left 500ms, top 500ms 500ms;
    }
    #main-menu.active,
    #top_page + #main-menu.active {
        top: 0;
        transition: top 500ms, left 500ms 500ms;
    }
    #top_page + #main-menu {
        top: -80px;
    }
}

.in-iframe #main-menu {
    display: none;
}