#book .turn-page {
    background-color: white;
}

#book .cover {
    background: #333;
}

    #book .cover h1 {
        color: white;
        text-align: center;
        font-size: 50px;
        line-height: 500px;
        margin: 0px;
    }

#book .loader {
    background-image: url('../../fileuploaded/upload/images/loader.gif');
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 238px;
    left: 188px;
}

#book .data {
    text-align: center;
    font-size: 40px;
    color: #999;
    line-height: 500px;
}

#controls {
    width: 800px;
    text-align: center;
    margin: 20px 0px;
    font: 30px arial;
}

    #controls input, #controls label {
        font: 30px arial;
    }

#book .odd {
    background-image: -webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image: -moz-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image: -o-linear-gradient(left, #FFF 95%, #ddd 100%);
    background-image: -ms-linear-gradient(left, #FFF 95%, #ddd 100%);
}

#book .even {
    background-image: -webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image: -moz-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image: -o-linear-gradient(right, #FFF 95%, #ddd 100%);
    background-image: -ms-linear-gradient(right, #FFF 95%, #ddd 100%);
}
#book {
    margin: 20px auto;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    background: #fdfdfd;
}

    #book .page {
        background: #fff;
        box-shadow: inset 0 0 12px rgba(0,0,0,0.15);
    }

    #book img {
        width: 100%;
        height: auto;
        display: block;
    }
.btn-flip {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
}