#right-menu {
    color: #fff;
    /*width: 250px;
    height: 350px;*/
	width: 150px;
    height: 350px;
    position: fixed;
    top: 90px;
    right: -196px;
    transition: all .75s ease-in-out;
    -webkit-perspective: 300px;
    -webkit-perspective-origin: 50% 50%;
    -webkit-transform: translate3d(0,0,0) rotateY(0);
    transform: translate3d(0,0,0) rotateY(0);
    z-index: 9!important;
}

    #right-menu .holder {
        width: 60px;
        height: 70%;
        background-color: #056839;
        position: absolute;
        top: 70px;
        left: 0;
    }

        #right-menu .holder ul {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            transition: all .75s ease-in-out;
        }

            #right-menu .holder ul li {
                transition: all .75s ease-in-out;
                line-height: 70px;
                display: block;
                width: 100%;
                text-align: center;
                border-bottom: 1px solid #05522e;
                font-size: 24px;
            }

                #right-menu .holder ul li:last-child {
                    border: none;
                }

    #right-menu .content {
        position: absolute;
        width: 200px;
        height: 70%;
        color: #fff;
        top: 70px;
        left: 60px;
        background-color: #135c39;
        transition: all .75s ease-in-out;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: translate3d(0,0,0) rotateY(90deg);
        transform: translate3d(0,0,0) rotateY(90deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

        #right-menu .content ul {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            transition: all .75s ease-in-out;
        }

            #right-menu .content ul li {
                transition: all .75s ease-in-out;
                line-height: 30px;
                display: block;
                width: 100%;
                border-bottom: 1px solid #056839;
                padding-left: 50%;
                color: #101010;
                border-left: 5px solid #05522e;
                cursor: pointer;
            }

                #right-menu .content ul li a {
                    color: #fff;
                }

                #right-menu .content ul li:last-child {
                    border-bottom: none;
                }

                #right-menu .content ul li:hover {
                    border-left: 3px solid #fff;
                    background-color: #056839;
                    letter-spacing: 1px;
                }

    /*#right-menu.hovered {
        right: -1px;
        -webkit-transform: translate3d(0,0,0) rotateY(0);
        transform: translate3d(0,0,0) rotateY(0);
    }

        #right-menu.hovered .holder ul li {
            line-height: 50px;
        }

        #right-menu.hovered .content {
            -webkit-transform: translate3d(0,0,0) rotateY(0);
            transform: translate3d(0,0,0) rotateY(0);
            background-color: #0a5431;
        }

            #right-menu.hovered .content ul li {
                line-height: 50px;
                padding-left: 10px;
                color: #fff;
            }*/



    #right-menu:hover {
        right: -1px;
        -webkit-transform: translate3d(0,0,0) rotateY(0);
        transform: translate3d(0,0,0) rotateY(0);
    }

        #right-menu:hover .holder ul li {
            line-height: 50px;
        }

        #right-menu:hover .content {
            -webkit-transform: translate3d(0,0,0) rotateY(0);
            transform: translate3d(0,0,0) rotateY(0);
            background-color: #0a5431;
        }

            #right-menu:hover .content ul li {
                line-height: 50px;
                padding-left: 10px;
                color: #fff;
            }