/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,22): run-time error CSS1039: Token not allowed after unary operator: '-wrapper-bg'
(39,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(61,28): run-time error CSS1039: Token not allowed after unary operator: '-book-color'
(66,28): run-time error CSS1039: Token not allowed after unary operator: '-paper-bg'
(76,28): run-time error CSS1039: Token not allowed after unary operator: '-book-color'
(77,33): run-time error CSS1039: Token not allowed after unary operator: '-book-color'
(83,22): run-time error CSS1039: Token not allowed after unary operator: '-paper-color'
 */
:root {
    --wrapper-bg: #fff;
    --book-color: #2d2b72;
    --paper-color: #d7dce8;
    --paper-bg: #f3f6fd;
    --text-color: #24235e;
}

html.no-scroll,
html.no-scroll body {
    overflow: hidden;
}
.book-loading {
    position: fixed;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--wrapper-bg);
}
.book-hcenter {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.book-vcenter {
    display: flex;
    width: 100%;
    align-items: center;
    flex-flow: column;
    align-content: center;
    position: relative;
    top: -45px
}

.book-loading .loading-text {
    color: var(--text-color);
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    position: relative;
}

    .book-loading .loading-text:after {
        position: absolute;
        content: "";
        -webkit-animation: Dots 2s cubic-bezier(0, .39, 1, .68) infinite;
        animation: Dots 2s cubic-bezier(0, .39, 1, .68) infinite;
    }

.book-loading .loader {
    margin: 0 auto 20px;
}

.book-loading .book {
    border: 4px solid var(--book-color);
    width: 60px;
    height: 45px;
    position: relative;
    perspective: 150px;
    background-color: var(--paper-bg);
    /*background: url('images/logo-book.gif') no-repeat;
    background-size: 26px 45px;
    background-position: 0 0;*/
}

.book-loading .page {
    display: block;
    width: 30px;
    height: 45px;
    border: 4px solid var(--book-color);
    border-left: 1px solid var(--book-color);
    margin: 0;
    position: absolute;
    right: -4px;
    top: -4px;
    overflow: hidden;
    background: var(--paper-color);
    transform-style: preserve-3d;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: 1;
    /*background: url('images/logo-book.gif') no-repeat;
    background-size: 26px 45px;
    background-position: 0 0;*/
}

.book-loading .book .page:nth-child(1) {
    -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1s infinite;
    animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1s infinite;
    z-index: 2;
}
.book-loading .book .page:nth-child(2) {
    -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) .8s infinite;
    animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) .8s infinite;
    z-index: 3;
}
.book-loading .book .page:nth-child(3) {
    -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) .4s infinite;
    animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) .4s infinite;
    z-index: 4;
}
.book-loading .book .page:nth-child(4) {
    z-index: 0;
    /*background: url('images/logo-book.gif') no-repeat;
    background-size: 26px 45px;
    background-position: 0 0;*/
}


/* Page turn */
    @-webkit-keyframes pageTurn {
        0% {
            -webkit-transform: rotateY( 0deg);
            transform: rotateY( 0deg);
        }

        20% {
        }

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

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

    @keyframes pageTurn {
        0% {
            transform: rotateY( 0deg);
        }

        20% {
            /*background: url('images/logo-book-turn.gif') no-repeat;
            background-size: 26px 45px;
            background-position: 0 0;*/
        }

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

        90% {
            -webkit-transform: rotateY( -180deg);
            transform: rotateY( -180deg);
        }
        100% {
            transform: rotateY( -180deg);
        }
    }
    /* Dots */
    @-webkit-keyframes Dots {
        0% {
            content: "";
        }

        33% {
            content: ".";
        }

        66% {
            content: "..";
        }

        100% {
            content: "...";
        }
    }

    @keyframes Dots {
        0% {
            content: "";
        }

        33% {
            content: ".";
        }

        66% {
            content: "..";
        }

        100% {
            content: "...";
        }
    }


.read-book-loading {
    position: fixed;
    z-index: 998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #333;
    color: #fff;
}

.read-book-loading h4 {
    color: #fff;
    font-weight: normal;
    margin-bottom: 0;
}