@-webkit-keyframes bookHalfBottomOut {
    0% {
    }

    100% {
        -webkit-transform: rotateX(-180deg);
    }
}

@keyframes bookHalfBottomOut {
    0% {
    }

    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}

@-webkit-keyframes bookHalfTopOut {
    0% {
    }

    100% {
        -webkit-transform: rotateX(180deg);
    }
}

@keyframes bookHalfTopOut {
    0% {
    }

    100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}

@-webkit-keyframes bookHalfIn {
    from {
    }

    to {
    }
}

@keyframes bookHalfIn {
    from {
    }

    to {
    }
}


@-webkit-keyframes bookHalfHorizontalRightOut {
    0% {
    }

    100% {
        -webkit-transform: rotateY(180deg);
    }
}

@keyframes bookHalfHorizontalRightOut {
    0% {
    }

    100% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

@-webkit-keyframes bookOutOverlay {
    0% {
        -webkit-filter: contrast(100%);
        filter: contrast(100%);
    }

    50% {
        -webkit-filter: contrast(70%);
        filter: contrast(70%);
    }

    100% {
        -webkit-filter: contrast(100%);
        filter: contrast(100%);
    }
}

@keyframes bookOutOverlay {
    0% {
        -webkit-filter: contrast(100%);
        filter: contrast(100%);
    }

    50% {
        -webkit-filter: contrast(70%);
        filter: contrast(70%);
    }

    100% {
        -webkit-filter: contrast(100%);
        filter: contrast(100%);
    }
}

@-webkit-keyframes bookInOverlay {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

@keyframes bookInOverlay {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}


@-webkit-keyframes bookHalfHorizontalLeftOut {
    0% {
    }

    100% {
        -webkit-transform: rotateY(-180deg);
    }
}

@keyframes bookHalfHorizontalLeftOut {
    0% {
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
}

@-webkit-keyframes bookHalfHorizontalIn {
    from {
    }

    to {
    }
}

@keyframes bookHalfHorizontalIn {
    from {
    }

    to {
    }
}



.pt-page-bookHalfHorizontalRightOut {
    z-index: 100;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: transparent;
}


.pt-page-bookHalfHorizontalIn {
    -webkit-animation: bookHalfHorizontalIn 1s both ease;
    animation: bookHalfHorizontalIn 1s both ease;
}


.pt-page-bookHalfHorizontalRightOut .top {
    width: 50%;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: bookHalfHorizontalRightOut 1s both ease;
    animation: bookHalfHorizontalRightOut 1s both ease;
    position: absolute;
    left: 0;
    height: 100%;
    z-index: 10;
}


    .pt-page-bookHalfHorizontalRightOut .top .face, .pt-page-bookHalfHorizontalRightOut .top .back, .pt-page-bookHalfHorizontalRightOut .top {
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
    }


.pt-page-bookHalfHorizontalRightOut .front {
    height: 100%;
    width: 100%;
    overflow: hidden;
    /*-webkit-animation: bookOutOverlay 1s both ease;
    animation: bookOutOverlay 1s both ease;*/
}

.pt-page-bookHalfHorizontalRightOut .back {
    width: 100%;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    height: 100%;
    overflow: hidden;
    /*-webkit-animation: bookOutOverlay 0.7s both ease;
    animation: bookOutOverlay 0.7s both ease;*/
}

    .pt-page-bookHalfHorizontalRightOut .back .inside {
        position: relative;
        left: -100%;
    }

    

.pt-page-bookHalfHorizontalRightOut .bottom {
    width: 50%;
    position: absolute;
    left: 50%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

    .pt-page-bookHalfHorizontalRightOut .bottom .inside {
        position: absolute;
        left: -100%;
    }




.pt-page-bookHalfHorizontalLeftOut {
    z-index: 100;
    -webkit-perspective: 2000px; /* Chrome, Safari, Opera */
    perspective: 2000px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: transparent;
}

    .pt-page-bookHalfHorizontalLeftOut .top {
        width: 50%;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-animation: bookHalfHorizontalLeftOut 1s both ease;
        animation: bookHalfHorizontalLeftOut 1s both ease;
        position: absolute;
        left: 50%;
        height: 100%;
        z-index: 10;
    }

        .pt-page-bookHalfHorizontalLeftOut .top .face, .pt-page-bookHalfHorizontalLeftOut .top {
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            position: absolute;
        }


    .pt-page-bookHalfHorizontalLeftOut .front {
        height: 100%;
        width: 100%;
        overflow: hidden;
        /*-webkit-animation: bookOutOverlay 1s both ease;
    animation: bookOutOverlay 1s both ease;*/
    }

    .pt-page-bookHalfHorizontalLeftOut .back {
        width: 100%;
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        height: 100%;
        overflow: hidden;
        /*-webkit-animation: bookOutOverlay 0.7s both ease;
        animation: bookOutOverlay 0.7s both ease;*/
    }

        .pt-page-bookHalfHorizontalLeftOut .back .inside {
            position: relative;
            left: -100%;
        }

    .pt-page-bookHalfHorizontalLeftOut .front .inside {
        position: relative;
        left: -100%;
    }

    

    .pt-page-bookHalfHorizontalLeftOut .bottom {
        width: 50%;
        position: absolute;
        left: 0;
        height: 100%;
        z-index: 0;
        overflow: hidden;
    }

        .pt-page-bookHalfHorizontalLeftOut .bottom .inside {
            position: absolute;
            left: 0;
        }




.pt-page-bookHalfBottomOut {
    z-index: 100;
    -webkit-perspective: 1000px; /* Chrome, Safari, Opera */
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: transparent;
}



.pt-page-bookHalfBottomIn {
    -webkit-animation: bookHalfIn 1s both ease;
    animation: bookHalfIn 1s both ease;
}


.pt-page-bookHalfBottomOut .top {
    height: 50%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: bookHalfBottomOut 1s both ease;
    animation: bookHalfBottomOut 1s both ease;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10;
}

    .pt-page-bookHalfBottomOut .top .face, .pt-page-bookHalfBottomOut .top {
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
    }

.pt-page-bookHalfBottomOut .front {
    height: 100%;
    width: 100%;
    overflow: hidden;
     /*-webkit-animation: bookOutOverlay 1s both ease;
        animation: bookOutOverlay 1s both ease;*/
}

.pt-page-bookHalfBottomOut .back {
    height: 100%;
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    width: 100%;
    overflow: hidden;
     /*-webkit-animation: bookOutOverlay 0.7s both ease;
        animation: bookOutOverlay 0.7s both ease;*/
}

    .pt-page-bookHalfBottomOut .back .inside {
        position: relative;
        top: -100%;
    }

.pt-page-bookHalfBottomOut .bottom {
    height: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

    .pt-page-bookHalfBottomOut .bottom .inside {
        position: absolute;
        top: -100%;
    }


.face .enable-shadow, .inside .enable-shadow {
    box-shadow: none !important;
}




.pt-page-bookHalfTopOut {
    z-index: 100;
    -webkit-perspective: 1000px; /* Chrome, Safari, Opera */
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: transparent;
}


    .pt-page-bookHalfTopOut .top {
        height: 50%;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-animation: bookHalfTopOut 1s both ease;
        animation: bookHalfTopOut 1s both ease;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 10;
    }

        .pt-page-bookHalfTopOut .top .face, .pt-page-bookHalfTopOut .top {
            -moz-transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            position: absolute;
        }

    .pt-page-bookHalfTopOut .front {
        height: 100%;
        width: 100%;
        overflow: hidden;
         /*-webkit-animation: bookOutOverlay 1s both ease;
        animation: bookOutOverlay 1s both ease;*/
    }

    .pt-page-bookHalfTopOut .back {
        height: 100%;
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        width: 100%;
        overflow: hidden;
         /*-webkit-animation: bookOutOverlay 0.7s both ease;
        animation: bookOutOverlay 0.7s both ease;*/
    }

        .pt-page-bookHalfTopOut .back .inside {
            position: relative;
            top: -100%;
        }

    .pt-page-bookHalfTopOut .front .inside {
        position: relative;
        top: -100%;
    }

    .pt-page-bookHalfTopOut .bottom {
        height: 50%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
        overflow: hidden;
    }

        .pt-page-bookHalfTopOut .bottom .inside {
            position: absolute;
            top: 0;
        }

        .stop-animating .animating{
            -webkit-animation-play-state: paused !important; /* Chrome, Safari, Opera */
            animation-play-state: paused !important;
        }