html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
    height:auto
}
input[type="search"]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
html,body{
    -ms-touch-action:none;
    touch-action:none;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    /*-webkit-touch-callout:none!important;*/
    /*-webkit-user-select:none;*/
    /*-moz-user-select:none;*/
    /*-ms-user-select:none;*/
    /*user-select:none;*/
    height:100%;
    overflow:hidden;
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    font-family:"-apple-system",BlinkMacSystemFont,Tahoma,Arial,sans-serif;
    background-color:#fff;
    font-size:14px;
    line-height:1.5
}
#app{
    height:100%;
    width:100%
}
.reader-header{
    position:absolute;
    top:0;
    left:0;
    right:0;
    opacity:0;
    z-index:2;
    -webkit-transition:all .3s;
    transition:all .3s;
    padding:12px 15px 12px
}
.reader-header nav{
    position:relative;
    box-sizing:border-box;
    height:100%
}
.reader-header nav .navbar-right{
    float:right
}
.reader-header nav .navbar-right>.btn,.reader-header nav .navbar-right>.btn-group-dropdown{
    margin-left:5px
}
.reader-header nav .navbar-left{
    float:left
}
.reader-header.left{
    left:470px
}
.reader-header.active{
    opacity:1;
    z-index:4
}
.reader-header .navbar-brand{
    padding:0;
    margin-left:0;
    font-size:25px;
    line-height:1.5;
    color:#5b5b5b
}
#reader{
    position:fixed;
    z-index:3;
    height:100%;
    left:0;
    width:100%;
    -webkit-transition:left .3s;
    transition:left .3s
}
#reader .reader-pagination{
    bottom:80px;
    cursor:pointer;
    display:block;
    position:absolute;
    top:80px;
    width:80px;
    z-index:10
}
#reader .reader-pagination.back{
    left:0
}
#reader .reader-pagination.forward{
    right:0
}
#reader .reader-pagination .pagination-arrow{
    -webkit-transition:opacity .3s;
    transition:opacity .3s;
    height:59px;
    left:50%;
    margin:-29px 0 0 -10px;
    background-image:url(../images/arrows.svg);
    background-repeat:no-repeat;
    opacity:0;
    position:absolute;
    top:50%;
    width:20px
}
#reader .reader-pagination .pagination-arrow.pagination-arrow-back{
    background-position:-3px 0
}
#reader .reader-pagination .pagination-arrow.pagination-arrow-forward{
    background-position:-23px 0
}
#reader .reader-pagination:hover .pagination-arrow{
    opacity:1
}
#reader .reader-content{
    position:absolute;
    top:80px;
    bottom:80px;
    left:80px;
    right:80px;
    z-index:3
}
#reader footer{
    position:absolute;
    opacity:0;
    z-index:2;
    bottom:0;
    padding:8px 0;
    left:80px;
    right:80px;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}
#reader footer .progress{
    height:3px;
    margin-bottom:0;
    background-color:#eee;
    border:0;
    border-radius:0
}
#reader footer .reading-info{
    margin-top:5px;
    float:left
}
#reader footer .book-title{
    text-align:center;
    margin-bottom:10px
}
#reader footer .chapter-info{
    margin-top:5px;
    float:right;
    cursor:default
}
#reader footer.active{
    opacity:1;
    z-index:4
}
#reader .spinner{
    display:none
}
#reader.loading:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:9998;
    background-color:#fff
}
#reader.loading .spinner{
    display:block;
    left:50%;
    margin:-18px 0 0 -20px;
    position:absolute;
    top:50%;
    z-index:9999
}
#reader.left{
    left:470px
}
/*#reader.disabled:before,#reader .disabled:before{*/
    /*content:' ';*/
    /*position:absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*background-color:rgba(0,0,0,.4);*/
    /*height:100%;*/
    /*width:100%;*/
    /*z-index:11*/
/*}*/
#reader .progress-sm{
    position:absolute;
    z-index:1;
    height:3px;
    bottom:0;
    left:0;
    right:0
}
#reader .pager{
    margin-top:40px;
    margin-bottom:50px
}
#reader .pager a{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding:8px 16px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:19px;
    font-size:17px;
    display:inline-block
}
#reader .pager a:hover{
    text-decoration:none
}
.text-wrapper{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden
}
.buy-form{
    max-width:300px;
    margin:150px auto 0;
    text-align:center
}
.buy-form h2{
    line-height:1.5
}
.text-selectable{
    -webkit-user-select:text!important;
    -moz-user-select:text!important;
    -ms-user-select:text!important;
    user-select:text!important
}
.text-container{
    border:0;
    box-sizing:border-box;
    padding:0;
    margin:0;
    line-height:1.4em;
    -webkit-column-rule-width:0;
    -webkit-column-fill:auto;
    -moz-column-fill:auto;
    column-fill:auto;
    visibility:visible;
    position:relative;
    z-index:1;
    width:auto;
    overflow:visible;
    text-align:justify
}
.text-container h1{
    margin-top:0;
    text-align:center
}
.text-container p{
    text-align:justify
}
.text-container .fr-indent{
    text-indent:2em
}
.text-container blockquote{
    font-size:inherit!important
}
.text-container img{
    display:block;
    margin:0 auto
}
.text-container img.fr-dii{
    margin:0;
    display:inline-block
}
.text-container img.fr-dii.fr-fil{
    float:left
}
.text-container img.fr-dii.fr-fir{
    float:right
}
.text-container blockquote:not(.poem){
    margin-left: 0px;
    font-style:italic;
    padding:5px 10px;
    padding-left: 20px;
    border-left:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position:relative;
}
.text-container blockquote:not(.poem):before{
    content: "";
    position: absolute;
    left: 0px;
    width: 5px;
    border-radius: 3px 0px 0px 3px;
    height: 100%;
    background: #d8d8d8;
}

.text-container blockquote:not(.poem) p{
    text-indent:20px
}
.text-container blockquote:not(.poem) p+p{
    text-indent:0
}
.text-container blockquote.poem{
    border-left-width:0;
    width:400px;
    margin:0 auto
}
.force-red-line.text-container p{
    text-indent:2em
}
.force-red-line.text-container .li{
    text-indent:2em
}
.force-red-line.text-container .ol{
    text-indent:2em
}
.drop.reader-menu{
    border:1px solid #ccc;
    box-shadow:0 3px 10px 0 rgba(0,0,0,.3);
    border-radius:3px;
    background-color:#fff;
    margin-top:5px;
    overflow:auto;
    max-height:80%
}
.drop.reader-menu .tether-drop-content{
    padding:20px 10px;
    width:350px
}
.drop.reader-menu .checkbox{
    margin:0 10px 20px
}
.menu-color-pickers .menu-item{
    margin-bottom:10px
}
.menu-color-pickers .menu-item .menu-item-caption .caption-text{
    line-height:30px
}
.menu-color-pickers .menu-item .menu-item-content{
    padding-left:20px
}
@media(max-width:767px){
    .btn.reader-menu{
        height:32px;
        width:32px;
        padding-left:8px!important
    }
    .drop.reader-menu .tether-drop-content{
        width:310px
    }
}
.menu-item{
    margin-bottom:20px
}
.menu-item:before,.menu-item:after{
    content:" ";
    display:table
}
.menu-item:after{
    clear:both
}
.menu-item .menu-item-caption{
    text-align:center;
    float:left;
    width:25%
}
.menu-item .menu-item-caption i{
    font-size:20px;
    line-height:1.4;
    display:block
}
.menu-item .menu-item-caption .icon-fontsize{
    line-height:1.2;
    font-size:24px
}
.menu-item .menu-item-caption .caption-text{
    font-size:13px;
    line-height:1.2
}
.menu-item .menu-item-content{
    float:left;
    width:75%
}
.menu-item div.menu-slider{
    margin:12px auto 0;
    display:block;
    width:200px
}
.font-picker{
    padding:0 25px 0 15px;
    font-size:20px;
    line-height:40px
}
.current-font{
    cursor:pointer;
    text-align:center;
    position:relative
}
.current-font i{
    position:absolute;
    top:10px;
    right:0
}
.current-font:hover{
    color:#4582af
}
.font-aa{
    font-size:25px;
    font-weight:400;
    line-height:1
}
.font-list{
    list-style:none;
    padding:0;
    text-align:center;
    margin-bottom:0
}
.font-list li{
    cursor:pointer
}
.font-list li:hover{
    color:#4582af
}
@media(max-width:767px){
    #reader header,#reader footer{
        left:0;
        right:0;
        background:#fafafa
    }
    #reader header{
        border-bottom:1px solid #ccc;
        padding:10px
    }
    #reader footer{
        border-top:1px solid #ccc;
        padding:10px 15px
    }
    #reader footer .text-muted{
        color:#444
    }
    #reader .reader-content{
        left:0;
        right:0;
        top:0;
        bottom:0;
        padding:20px!important
    }
    #reader .reader-pagination{
        width:30%;
        top:60px;
        bottom:60px
    }
    .scroll-mode #reader .reader-content{
        left:0;
        right:0;
        top:0;
        bottom:0;
        padding:60px 20px 20px!important
    }
    .btn-only-icon-xs{
        padding-left:0;
        width:32px;
        padding:4px 10px 4px 20px!important
    }
    .aside .book-row{
        margin:20px 0 10px
    }
    .aside .book-row .book-row-content{
        width:auto;
        margin-left:173px;
        padding-left:0
    }
    .aside .book-row .book-row-content .book-title{
        padding-right:30px
    }
    .aside .book-row .book-cover-wrapper{
        width:173px
    }
    .pda-settings{
        -webkit-transition:all .001s;
        transition:all .001s;
        display:block;
        height:100%;
        max-height:0;
        width:100%;
        left:0;
        bottom:0
    }
    .pda-settings .settings-container{
        height:215px;
        padding:15px 15px 0;
        width:100%;
        bottom:-215px;
        -webkit-transition:all .2s;
        transition:all .2s;
        position:absolute;
        z-index:1000;
        background-color:#fafafa
    }
    .pda-settings.active{
    }
    .pda-settings.active .settings-container{
        bottom:0
    }
    .pda-settings .menu-item-content{
        text-align:center;
        width:70%
    }
    .pda-settings .btn-brd[disabled]{
        border-color:#ccc;
        color:#ccc;
        opacity:1
    }
    .pda-controls{
        margin-top:7px
    }
    .pda-controls .btn{
        border-radius:22px;
        font-size:22px;
        line-height:25px;
        width:55px
    }
    .pda-controls .btn:first-child:not(:last-child){
        border-top-right-radius:0;
        border-bottom-right-radius:0
    }
    .pda-controls .btn:last-child:not(:first-child){
        border-top-left-radius:0;
        border-bottom-left-radius:0
    }
}
.aside{
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    max-width:380px;
    width:100%;
    z-index:2;
    -webkit-transition:all .25s;
    transition:all .25s;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:#fff;
    color:#444
}
.aside.left{
    left:-100%
}
.aside.left.active{
    left:0;
    z-index:4
}
.aside .book-row{
    margin-top:30px;
    margin-bottom:0;
    min-height:220px
}
.aside .book-row .book-row-content{
    min-width:auto;
    margin-right:20px
}
.aside .btn-close-aside{
    position:absolute;
    right:15px;
    top:15px;
    z-index:5
}
.contents{
    padding:30px 30px 60px 30px
}
.contents h2{
    margin:0 0 25px 10px;
    padding:0;
    font-size:24px
}
.contents ul{
    margin:0;
    padding:0 0 20px 5px;
    list-style:none;
    border-top:1px solid #ececec
}
.contents ul li{
    position:relative;
    cursor:pointer;
    margin:0;
    padding:15px 10px;
    border-bottom:1px solid #ececec
}
.contents ul li:hover{
    background-color:rgba(241,241,241,.5);
    color:#000
}
.contents ul li.active{
    font-weight:700
}
.contents ul li.active:before{
    content:'';
    position:absolute;
    left:-10px;
    margin-top:4px;
    border:6px solid transparent;
    border-right:0;
    border-left:9px solid #000
}
body.scroll-mode{
    z-index:1;
    width:100%
}
body.scroll-mode .reader-header.active{
    position:fixed;
    background:inherit;
    z-index:4;
    opacity:1;
    left:0;
    right:0;
    padding:10px 20px;
    -webkit-transition:left .3s;
    transition:left .3s;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    background-color: #fff;
}
body.scroll-mode .reader-header.active.left{
    left:470px
}
body.scroll-mode .reader-content{
    position:relative;
    top:0;
    left:0;
    right:0;
    bottom:0;
    min-height:100%
}
body.scroll-mode footer,body.scroll-mode .progress-sm{
    display:none
}
body.scroll-mode.left{
    overflow:hidden
}
body.scroll-mode #reader{
    overflow:auto;
    position:inherit
}
body.scroll-mode #reader .reader-content{
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:80px 15px;
    position:relative
}
body.scroll-mode #reader.loading{
    top:-52px;
    height:calc(100% + 52px)
}
body.scroll-mode #reader.pda-menu{
    height:calc(100% - 212px)
}
body.scroll-mode .text-wrapper{
    overflow:hidden;
    max-width:800px;
    margin:0 auto
}
body.scroll-mode .text-wrapper.field-size-1{
    max-width:100%
}
body.scroll-mode .text-wrapper.field-size-2{
    max-width:1200px
}
body.scroll-mode .text-wrapper.field-size-3{
    max-width:1100px
}
body.scroll-mode .text-wrapper.field-size-4{
    max-width:1000px
}
body.scroll-mode .text-wrapper.field-size-5{
    max-width:900px
}
body.scroll-mode .text-wrapper.field-size-6{
    max-width:800px
}
body.scroll-mode .text-wrapper.field-size-7{
    max-width:700px
}
body.scroll-mode .pda-settings .settings-container{
    position:fixed
}
body.scroll-mode #reader.left header{
    left:470px
}
.brightness-5 #reader,.brightness-5 header{
    background-color:#fff;
    color:#444
}
.brightness-5 #reader.loading:before{
    background-color:#fff
}
.brightness-4 #reader{
    background-color:#faf8f2;
    color:#444
}
.brightness-4 #reader footer .progress{
    background-color:#cacaca
}
.brightness-4 #reader.loading:before{
    background-color:#faf8f2
}
.brightness-4 #reader .header{
    background-color:#faf8f2
}
.brightness-3 #reader{
    background-color:#f5efdd;
    color:#6d4231
}
.brightness-3 #reader #text-container p,.brightness-3 #reader #text-container span,.brightness-3 #reader #text-container blockquote,.brightness-3 #reader #text-container div{
    color:#6d4231!important;
    background-color:inherit!important
}
.brightness-3 #reader footer .progress{
    background-color:#cacaca
}
.brightness-3 .progress-bar{
    background-color:#6d4231
}
.brightness-3 #reader .btn-brd{
    border-color:#6d4231
}
.brightness-3 .pda-controls .btn:not(:hover),.brightness-3 .text-muted{
    color:#6d4231!important
}
.brightness-3 #reader.loading:before{
    background-color:#f5efdd
}
.brightness-1 #reader,.brightness-2 #reader{
    background-color:#000;
    color:#ddd
}
.brightness-1 #reader header,.brightness-2 #reader header{
    background-color:#000;
    color:#ddd
}
.brightness-1 #reader .btn-brd,.brightness-2 #reader .btn-brd{
    background-color:transparent;
    color:#ddd;
    border-color:#fff
}
.brightness-1 #reader .btn-brd:hover,.brightness-2 #reader .btn-brd:hover{
    color:#ddd
}
.brightness-1 #reader .btn-brd[disabled],.brightness-2 #reader .btn-brd[disabled]{
    border-color:#777;
    color:#777;
    opacity:1
}
.brightness-1 #reader .text-muted,.brightness-2 #reader .text-muted{
    color:#ddd
}
.brightness-1 #reader footer .progress,.brightness-2 #reader footer .progress{
    background-color:#5b5b5b
}
.brightness-1 #reader #text-container p,.brightness-1 #reader #text-container span,.brightness-1 #reader #text-container blockquote,.brightness-1 #reader #text-container div,.brightness-2 #reader #text-container p,.brightness-2 #reader #text-container span,.brightness-2 #reader #text-container blockquote,.brightness-2 #reader #text-container div{
    color:#fff!important;
    background-color:inherit;
}
.brightness-1 .tether-drop-content,.brightness-2 .tether-drop-content{
    background-color:#232323;
    color:#ddd;
    border:1px solid #2c2c2c;
    box-shadow:none
}
.brightness-1 .progress-bar,.brightness-2 .progress-bar{
    background-color:#ddd
}
.brightness-1 #reader.loading:before,.brightness-2 #reader.loading:before{
    background-color:#000
}
@media(max-width:767px){
    .brightness-1 #reader header,.brightness-1 #reader footer,.brightness-1 .pda-settings .settings-container,.brightness-2 #reader header,.brightness-2 #reader footer,.brightness-2 .pda-settings .settings-container{
        background:#333
    }
}
body.scroll-mode.brightness-1 #reader header,body.scroll-mode.brightness-2 #reader header{
    border-left-color:#000
}
body.scroll-mode.brightness-2 #reader .pager a{
    background-color:#000;
    border:2px solid #fff;
    color:#fff
}
body.scroll-mode.brightness-1 #reader .pager a{
    background-color:#000;
    border:2px solid #2f8d3f;
    color:#2f8d3f
}
.brightness-1 #reader .reader-content{
    color:#2f8d3f
}

.brightness-1 #reader #text-container p,.brightness-1 #reader #text-container span,.brightness-1 #reader #text-container blockquote,.brightness-1 #reader #text-container div{
    color:#ddd!important;
    background-color:inherit;
}

.brightness-1 .progress-sm .progress-bar{
    background-color:#2f8d3f
}
.brightness-1 .text-container blockquote:not(.poem):before{
    color:#2f8d3f!important
}
.light-theme #reader header{
    background-color:#fff
}
.light-theme .menu-item .menu-item-caption,.light-theme .checkbox>label{
    color:#444
}
.light-theme #text-container p,.light-theme #text-container span,.light-theme #text-container blockquote,.light-theme #text-container div{
    color:inherit!important;
    background-color:inherit!important
}
.dark-theme #app{
    background-color:inherit
}
.dark-theme #reader{
    background-color:inherit
}
.dark-theme #reader header{
    color:#ddd;
    background-color:inherit
}
.dark-theme #reader .btn-brd{
    background-color:transparent;
    color:#ddd;
    border-color:#fff
}
.dark-theme #reader .btn-brd:hover{
    color:#ddd
}
.dark-theme #reader .btn-brd[disabled]{
    border-color:#777;
    color:#777;
    opacity:1
}
.dark-theme #reader .text-muted{
    color:#ddd
}
.dark-theme #reader footer .progress{
    background-color:#5b5b5b
}
.dark-theme #text-container p,.dark-theme #text-container span,.dark-theme #text-container blockquote,.dark-theme #text-container div{
    color:inherit!important;
    background-color:inherit!important
}
.dark-theme .tether-drop-content{
    background-color:#232323;
    color:#ddd;
    border:1px solid #2c2c2c;
    box-shadow:none
}
.dark-theme .progress-bar{
    background-color:#ddd
}
.dark-theme #reader.loading:before{
    background-color:#000
}
@media(max-width:767px){
    .dark-theme #reader header,.dark-theme #reader footer,.dark-theme .pda-settings .settings-container{
        background:#333
    }
}
body.buy-form-active:not(.modal-open){
    overflow:auto!important
}
body.buy-form-active:not(.modal-open) #reader{
    overflow:auto!important
}
#chatra:not(.chatra--expanded){
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none
}