.glimpse {
    position:absolute;
    top: 0;
    left:0;
    -webkit-transition: left 300ms linear;
    -moz-transition: left 300ms linear;
    transition: left 300ms linear;
}
.inner {
    position: absolute;
    top: 0;
}
.left-peek .inner {
    right: 0;
    width: 100% !important;
}
/* sticks left-peek to the right */
 .right-peek .inner {
    left: 0;
}
/* sticks right-peek to the left */
 .left-peek, .right-peek {
    background: white;
    position:fixed;
    overflow: hidden;
    top:0;
    bottom:0;
    z-index: 1050;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    transition: all 300ms linear;
}
.left-peek {
    left:0;
    right:100%;
}
.right-peek {
    left:100%;
    right:0;
}
.show-left .glimpse.push {
    left: 34%;
    right: -34%;
}
.show-right .glimpse.push {
    left: -34%;
    right: 34%;
}
.show-left .left-peek {
    overflow: auto;
    right: 16%;
    box-shadow: 0px 0px 40px 10px black;
}
.show-right .right-peek {
    overflow: auto;
    left: 66%;
    box-shadow: 0px 0px 40px 10px black;
}