/* SLIDE LEFT MENU */

.slide_left_close{
    position:fixed;
    left:-100px;
}

.slide_left_open{
    left:0px;
}

#slide_left > ul{
    float:left;
    background-color:#637fe4;
}

#slide_left > ul > h2{
    border-bottom:solid 1px #6889ff;
}

#slide_left ul li{
    background-color:#3e57b1;
}

#slide_left ul li:hover{
    background-color:#f35a4a;
}

/* SLIDE RIGHT MENU */

.slide_right_close{
    position:fixed;
    right:-100px;
}

.slide_right_open{
    right:0px;
}

#slide_right > ul{
    float:right;
    background-color: #424ae0;
}

#slide_right > ul > h2{
    border-bottom:solid 1px #4955e1;
}

#slide_right ul li{
    background-color: #424ae0;
}

#slide_right ul li:hover{
    background-color:#f35a4a;
}

/* SLIDE TOP MENU */

#slide_top{
    position: absolute;
    width: 100%;
    text-align: center;
}

.slide_top_close{
    top:-236px;
}

.slide_top_open{
    top:-100px;
}

#slide_top > nav{
    padding:0;
    margin:0;
    background-color:#f46354;
    height:100%;
    overflow:hidden;
}

#slide_top > h2{
    color:#f5f5f5;
    width:100%;
    padding:10px 0;
    background-color:#e74c3c;
}

#slide_top > nav a{
    float:left;
    color:#f5f5f5;
    font-weight: 600;
    width:20%;
    padding: 36px 0;
}

#slide_top > nav a:hover{
    background-color: #f35a4a;
}

/* PUSH RIGHT MENU */

.push_right_close{
    position:fixed;
    right:-220px;
}

.push_right_open{
    right:0px;
}

#push_right > ul{
    float:right;
    background-color:#3498db;
}

#push_right > ul > h2{
    border-bottom:solid 1px #2980b9;
}

#push_right ul li{
    background-color:#6badda;
}

#push_right ul li:hover{
    background-color:#4fa3dc;
}

/* PUSH LEFT MENU */

.push_left_close{
    position:fixed;
    left:-220px;
}

.push_left_open{
    left:0px;
}

#push_left > ul{
    float:left;
    background-color:#3498db;
}

#push_left > ul > h2{
    border-bottom:solid 1px #2980b9;
}

#push_left ul li{
    background-color:#6badda;
}

#push_left ul li:hover{
    background-color:#4fa3dc;
}