.bee-overlay-page,
.bee-overlay-page .overlay,
.bee-overlay-page .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 350ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: all 350ms cubic-bezier(0.895, 0.03, 0.685, 0.22); /* EaseInQuart */
    /* DON'T FORGET TO CHANGE THE JAVASCRIPT ANIMATIONS FOR IE9! */
}

    .bee-overlay-page.open .overlay,
    .bee-overlay-page.open .content {
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* EaseOutQuart */
    }

.bee-overlay-page {
    -webkit-transition: all linear 0ms 0ms;
    transition: all linear 0ms 0ms;
    visibility: collapse;
    z-index: 1000;
}

    .bee-overlay-page .overlay {
        opacity: 0;
        background: #333;
        z-index: 1;
        -webkit-transition-delay: 150ms;
        transition-delay: 150ms;
    }

    .bee-overlay-page .content {
        left: 100%;
        right: -100%;
        z-index: 2;
        box-shadow: -3px 0 10px 0 rgba(0,0,0,0.5);
        background: #fff;
        margin-left: 60px;
    }

    .bee-overlay-page.open {
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms;
        visibility: visible;
    }

        .bee-overlay-page.open .overlay {
            opacity: 0.75;
            -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
        }

        .bee-overlay-page.open .content {
            left: 0;
            right: 0;
            -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
        }