@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
/* Structure
=================================*/
@media print {
    .reader-text {display: none;}
}

html,
body {
    height: 100%;
    background: #f5f5f5;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
}
body {
    display: flex;
    flex-direction: column;
}

.img_fade_in {
    animation-name: img_fade_in;
    animation-duration: 1s;
}

@keyframes img_fade_in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.roboto {font-family: 'Roboto', 'Roboto Condensed', sans-serif;}

.color-red {color: red;}

.container {
    width: 960px !important;
    min-width: 960px !important;
    padding: 0;
}

.wide .container {
    width: auto !important;
    min-width: 960px !important;
    max-width: 1280px !important;
    padding: 0 40px;
}

@media only screen and (max-width: 1299px) {
    .wide .container {
        padding: 0 20px;
    }
}

.wide .page_w {
    padding-top: 45px;
}

.white-container {
    background: #ffffff;
}
.container-inner {
    padding: 20px;
}

.wrap {
    flex: 1 0 auto;
    padding: 0px 0px 120px 0px;
    margin-top: 40px;
}

.content {
    width: 728px;
    min-width: 728px;
    float: left;
}

.sidebar {
    width: 212px;
    float: right;
}

.small {
    font-size: 11px;
    color: #888;
}
.text-small {
    font-size: 12px;
}
.new_counts {
    color: red;
    font-size: 11px;
}
.bold {
    font-weight: bold;
}
.unline {
    text-decoration: underline;
}
a.purp {
    text-decoration: underline;
    color: #923a65;
    font-weight: normal;
}
a.purp:hover {
    color: #f66300;
}
.btn-rouded {
    border-radius: 10px;
}
.btn-white {
    border-radius: 0;
    background: #ffffff;
    border: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    font-size: 12px;
    font-weight: bold;
}
.btn-primary {
    background: #1070dc;
}
.btn-primary-new {
    background: #1070dc;
    border: 1px solid #0d4c93;
    border-top: 1px solid #5694da;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(24,84,152,1);
    -moz-box-shadow: 0px -1px 0px 0px rgba(24,84,152,1);
    box-shadow: 0px -1px 0px 0px rgba(24,84,152,1);
}
.btn-primary:hover,
.btn-primary-new:hover {
    background: #0c65c7;
}
/*show beta popup*/
.alert {
    border-radius: 0;
}
.alert-grey {
    background: #f1f1f1;
}
.alert-green {
    background: #6cb31f;
    color: #ffffff;
}
.alert-purple {
    background: #a5728d;
    color: #ffffff;
}

.table-border-none,
.table-border-none td,
.table-border-none tr,
.table-border-none thead {
    border: none !important;
}

.boldPurp {
    font-size: 16px;
    color: #8c5271;
    font-weight: bold;
}

.sort-it {
    cursor: move;
    color: #aaa;
}

.no_items_found {
    display: block;
    padding: 15px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #cccccc;
    margin-top: 5px;
}

.close-btn {
    color: #8c5271;
}
.close-btn:hover {
    color: #333333;
}

.dashed_link {
    border-bottom: 1px dashed #306491;
    text-decoration: none;
    font-size: 12px;
}
.dashed_link:focus,
.dashed_link:active,
.dashed_link:visited,
.dashed_link:hover {
    text-decoration: none;
}
.dashed_link + i {
    color: #306491;
    font-size: 10px;
}
.extra-filters {
    /*border-left: 4px solid #8c5271;*/
}

/* General
=================================*/
h1 {
    font-size: 22px;
    font-weight: bold;
}
h1.roboto,
h2.roboto,
h3.roboto {
    font-weight: normal;
}

.narrow {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-stretch: condensed;
}
.title a {
    color: #0e3989;
    font-weight: bold;
    font-size: 21px;
}
.title a:hover {
    color: #8c5271;
}
.modal-container {
    max-height: 400px;
    overflow-y: scroll;
}
.js-link {
    border-bottom: 1px dotted;
    text-decoration: none;
}
.js-link:hover {
    text-decoration: none;
}
.noimg {
    display: block;
    width: 190px;
    height: 115px;
    background: url('../img/noimage.jpg') no-repeat;
}
.box {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
}
.box-footer-btn {
    padding: 4px 7px;
    background: #923a65;
    color: #ffffff;
    text-decoration: none;
    margin-top: -10px;
    font-size: 12px;
}
.box-footer-btn:hover {
    background: #58bb58;
    color: #ffffff;
    text-decoration: none;
}
.label-purp {
    background: #923a65;
}
.btn-purp {
    background: #923a65;
    color: #ffffff;
}
.btn-purp:hover {
    background: #7c2e55;
    color: #ffffff;
}
.btn-orange {
    background: #f66300;
    color: #ffffff;
}
.btn-orange:hover {
    background: #ff8635;
    color: #ffffff;
}
.btn-transp {
    background: transparent;
    color: #333333;
    border: 1px solid #e0d1d6;
}
.btn-transp:hover {
    background: #ffffff;
}

.modal-content {
    border-radius: 0;
}

.rate-label {
    background: #fca610;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
}

/* Block
=================================*/
.block {
    margin: 10px 0;
    overflow: hidden;
}
.block-heading {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px solid #e0d1d6;
    padding: 4px 12px 4px 0;
}
.block-heading a {
    color: #923a65;
    text-decoration: underline;
}
.block-heading a:hover {
    color: #ec8139;
}

#checkeds a.disable {
    pointer-events: none; /* делаем ссылку некликабельной */
    color: #999999; /* цвет текста для нективной ссылки */
    opacity: 0.5;
}

#checkeds_user_reg a.disable {
    pointer-events: none; /* делаем ссылку некликабельной */
    color: #999999; /* цвет текста для нективной ссылки */
    opacity: 0.5;
}

#checkeds-contest a.disable {
    pointer-events: none; /* делаем ссылку некликабельной */
    color: #999999; /* цвет текста для нективной ссылки */
    opacity: 0.5;
}

#checkeds-empty a.disable {
    pointer-events: none; /* делаем ссылку некликабельной */
    color: #999999; /* цвет текста для нективной ссылки */
    opacity: 0.5;
}

.reg-header{
    background: #f5eff2;
    color: #923a65;
    padding: 7px 20px;
}

.reg-preview{
    background: #f2ede2;
    color: #8c7256;
    padding: 7px 20px;
}
.close-bottom-area{}

/* Top Bar Auth button
=================================*/
.btn-auth {
    z-index: 5;
    position: relative;
}
.btn-auth > a,
.btn-auth > .authed {
    display: block;
    width: 212px;
    background: #eeeeee;
    border-radius: 4px;
    height: 26px;
    padding: 0 15px;
    margin-top: 8px;
    margin-left: 5px;
    color: #444444;
    line-height: 26px;
    font-family: 'Arial Narrow', Arial;
    font-stretch: condensed;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    z-index: 5;
}
.btn-auth > a:hover {
    background: #fec689;
    -webkit-transition: background 300ms ease-out;
    -moz-transition: background 300ms ease-out;
    -ms-transition: background 300ms ease-out;
    -o-transition: background 300ms ease-out;
    transition: background 300ms ease-out;
}
.btn-auth .authed {
    background: #fec689;
    text-transform: none;
    text-align: left;
    overflow: hidden;
    z-index: 5;

}
.btn-auth .authed .arrow {
    display: block;
    background: #f3bc80;
    width: 25px;
    height: 26px;
    float: right;
    margin-right: -15px;
    text-align: center;
    cursor: pointer;
}
.btn-auth .authed .arrow:hover {
    background: #e6ab69;
    color: #ffffff;
}
.btn-auth .authed .glyphicon {
    color: #e0a059;
}
.btn-auth .authed .wrap-a {
    width: 170px;
    height: 25px;
    overflow: hidden;
    display: block;
    float: left;

}
.btn-auth .authed .wrap-a a {
    color: #444444;
    display: block;
    width: 300px;
    text-decoration: none;
}


.auth-menu {
    display: none;
    position: absolute;
    top: 30px;
    width: 212px;
    overflow: hidden;
    left: 5px;
    z-index: -1;
    border-radius: 4px;
    padding-top: 3px;
    background: #fff4e6;
    border: 1px solid #d9cbba;
}
.auth-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.auth-menu ul li {
    list-style: none;
}
.auth-menu ul li a {
    display: block;
    background: #fff4e6;
    padding: 7px 10px 7px 20px;
    border-bottom: 1px solid #d9cbba;
    color: #333333;
    text-decoration: none;
}
.auth-menu ul li:last-child a {
    border-bottom: none;
}
.auth-menu ul li a:hover {
    background: #f2e6d7;
}


/* Register modal
=================================*/
.reg {
    max-width:600px;
}

.fa-vkontakte:before {
    content: "\f189";
}

.reg-title {
    font-family:'Roboto Condensed', sans-serif;
    font-size:24px;
    font-weight: 400;
    color:#444444;
    padding:7px 20px;
    margin-bottom: 10px;
    border-bottom:1px solid #dddddd;
}
.reg-title span {
    display:block;
    float:right;
    position:relative;
    top:17px;
    width:25px;
    height:2px;
}
.reg-title span:before, .reg-title span:after {
    content:'';
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    pointer-events:none;
    -webkit-transition:-webkit-transform .25s;
    transition:-webkit-transform .25s;
    transition:        transform .25s;
    transition:        transform .25s, -webkit-transform .25s;
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    background:#444444;
}
.reg-title span:before {
    -webkit-transform:rotate3d(0, 0, 1, 45deg);
    transform:rotate3d(0, 0, 1, 45deg);
}
.reg-title span:after {
    -webkit-transform:rotate3d(0, 0, 1, -45deg);
    transform:rotate3d(0, 0, 1, -45deg);
}

.reg-variant {
    padding-right: 15px;
}
@media screen and (min-width: 768px) {
    .reg-variant {
        display:inline-block;
        vertical-align:top;
        width:44%;
    }
    #register-finish .reg-variant {
        width: 280px;
    }
}

#authModal .modal-dialog {
    width: 300px;
}

#authModal .reg-variant {
    display: block;
    width: 100%;
}

.reg-variant a {
    display:block;
    text-decoration: none;
    padding:10px 0 10px 15px;
    margin-bottom:10px;
    font-family:'Roboto Condensed', sans-serif;
    font-size: 16px;
    border-radius: 3px;
    color:#ffffff;
    -webkit-transition:all .2s;
    transition:all .2s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

a.reg-facebook {
    background-color: #39589A;
}
a.reg-facebook:hover {
    background-color: #2d467b;
}
a.reg-vkontakte {
    background-color: #4A74A5;
}
a.reg-vkontakte:hover {
    background-color: #3b5c84;
}
a.reg-odnoklassniki {
    background-color: #E77E00;
}
a.reg-odnoklassniki:hover {
    background-color: #b86400;
}
a.reg-google {
    background-color: #DC4C41;
}
a.reg-google:hover {
    background-color: #b03c34;
}
a.reg-instagram {
    background: linear-gradient(145deg, #6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) no-repeat;
}
a.reg-instagram:hover {
    background: linear-gradient(145deg, #4d3fc2, #a12a7b 30%, #df2146 50%, #f66017 70%, #feb94b 100%) no-repeat;
}

a.reg-classic {
    color: #222222;
    background-color: #eeeeee;
}
a.reg-classic:hover {
    background-color: #dddddd;
}

.reg-variant i {
    position:relative;
    top:2px;
    margin-right:10px;
    font-size:21px;
}
.soc-btn {
    display: block;
    background: #f1f1f1;
    min-height: 45px;
    min-width: 45px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    line-height: 45px;
    text-align: center;
}
.fb-btn {
    color:#ffffff;
    background:#495482;
}
.fb-btn:hover {
    color: #ffffff;
    background:#3b456d;
}
.vk-btn {
    color:#ffffff;
    background:#7b95bd;
}
.vk-btn:hover {
    color:#ffffff;
    background:#5e759a;
}
.ok-btn {
    color:#ffffff;
    background:#ea8d1e;
}
.ok-btn:hover {
    color:#ffffff;
    background:#ef8200;
}


.country-select {
    position:relative;
    border:1px solid #dddddd;
}
.country-select::after {
    clear:both;
    content:'';
    display:table;
}
.country-select input {
    float:left;
    width:100%;
    padding:0 7px;
    margin:0;
    line-height: 28px;
    /*line-height:1.8;*/
    outline: none;
    width:calc(100% - 45px);
    border:none;
}
.country-select button:hover {
    color:#777777;
}

.country-select-btn {
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    float:left;
    width:45px;
    background:#f1f1f1;
    color:#999999;
    font-size:12px;
    line-height:2.4;
    border-right:1px solid #dddddd;
}
.country-select-btn .flag {
    display:inline-block;
    width:16px;
    height:11px;
    overflow:hidden;
    margin:0 2px 0 7px;
    position: relative;
}
.country-select-btn:hover {
    color:#777777;
}

.country-list {
    padding: 0;
    margin: 0;
    list-style:none;
    display:none;
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    margin-top:3px;
    background:#ffffff;
    box-shadow:0 2px 4px rgba(0, 0, 0, .2);
    z-index: 1000;
}
.country-list li {
    cursor:pointer;
    border-bottom:1px dotted #dddddd;
    padding:3px 7px;
}
.country-list li span {
    display:inline-block;
    margin-right:5px;
}
.country-list li span.country-code {
    float:right;
}
.country-list li .flag {
    width:16px;
    height:11px;
    overflow:hidden;
    margin:0 7px 0 0;
}
.country-list li:hover {
    background:#eeeeee;
}
.country-sel-btn {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
}
.country-sel-input {
    border: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 12px;
}

.reg-privilege {
    padding: 0 15px 10px 20px;
}
@media screen and (min-width: 768px) {
    .reg-privilege {
        display:inline-block;
        vertical-align:top;
        width:55%;
        border-left:1px solid #dddddd;
    }
}

.privilege-title {
    font-family:Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    color:#484848;
    margin-top: 0;
}

.privilege-list {
    list-style:none;
    padding: 0;
    margin: 0;
}
.privilege-list li {
    font-family:Arial, sans-serif;
    font-size:14px;
    color:#444444;
}
.privilege-list li:before {
    content:'\f058';
    font-family: FontAwesome;
    display:inline-block;
    position:relative;
    top:3px;
    line-height:1.2;
    font-size:24px;
    margin-right:7px;
    color:#a6cd49;
}

.user-auth {
    background:#eeeeee;
    padding:10px 0;
    text-align:center;
    border-top:1px solid #dddddd;
    color: #444444
}
.user-auth a {
    color: #6188c3;
    text-decoration: underline;
}
.user-auth a:hover {
    color: #0af;
    text-decoration: none;
}

.auth-social-btns .additional-auth-services {
    display: none;
}

.auth-social-btns .show-more {
    display: inline-block;
    line-height: 1.2;
    border-bottom: 1px dashed #000;
    margin-bottom: 10px;
}

.auth-social-btns .show-more:hover {
    cursor: pointer;
}

/* Categories Widget
=================================*/
.b-categories ul {
    padding-left: 20px;
}
.b-categories ul li {
    float: left;
    margin-left: 5px;
    color: #ec8139;
}
.b-categories ul li a {
    display: block;
    width: 180px;
    margin-right: 23px;
    font-family: 'Arial Narrow', Arial;
    font-stretch: condensed;
    color: #0e3989;
    text-decoration: underline;
    text-transform: uppercase;
    padding: 6px 0;
    font-weight: bold;
}
.b-categories .no-under-link ul li a {
    text-decoration: none;
}
.b-categories ul li a.active,
.b-categories ul li a:hover {
    color: #ec8139;
}

.b-categories-sidebar ul {
    padding-left: 10px;
}

.b-categories .genre-index ul li a {
    text-decoration: none;
}

.sub-genre {
    list-style: none;
    background: #f6f4f5;
    padding: 0;
    margin: 0;
    margin-left: -60px;
}
.sub-genre li {
    background: #f6f4f5;
}
.sub-genre li {
    padding-left: 50px;
}
.b-categories-sidebar .sub-genre li a {
    font-weight: normal;
    text-transform: none;
    padding: 2px 0;
    text-decoration: none;
}

.b-selling {
    /*padding: 5px 15px;*/
    /*padding-top: 0;*/
}
.sidebar .bl-genre,
.bxslider .bl-genre {
    display: inline-block;
    line-height: 1.1;
    padding: 4px 0;
}
.bxslider .bw-title {
    text-align: left;
}

.b-lib-recommends .bl-genre,
.b-lib-recommends .bw-author,
.b-lib-recommends .count-views {
    display: none;
}
.b-lib-recommends .book-img {
    z-index: -1;
    display: block;
}
.b-lib-recommends .bw-title-wr {
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    height: 60px;
    max-height: 60px;
    background: #ffffff;
    margin-top: -20px;
    width: 117px;
    z-index: 999;
    padding: 0;
}
.b-lib-recommends .bw-title {
    display: block;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    max-height: 50px;
    overflow: hidden;
    font-weight: normal;
    color: #444444;
}
.b-lib-recommends h3 {
    margin-top: 0;
}

.b-popular .count-views {
    display: none;
}
.b-genre-latest .bw-author,
.b-selling .bw-author,
.b-latest .bw-author,
.b-mylib .bw-author,
.b-interest .bw-author,
.b-popular .bw-author {
    font-size: 11px;
}
.b-genre-latest .bw-title-wr a,
.b-selling .bw-title-wr a,
.b-latest .bw-title-wr a,
.b-mylib .bw-title-wr a,
.b-interest .bw-title-wr a,
.b-popular .bw-title-wr a {
    margin: 0;
}
.b-popular .bl-genre {
    line-height: 12px !important;
}
.b-mylib .new_counts {
    margin-top: 0;
    color: green;
}
.b-genre-comments .bl-info {
    margin-top: 0;
}

.b-genre-latest {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-bottom: 2px solid #9e5273;
    padding: 0 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.b-genre-latest .count-views,
.b-genre-latest .bl-genre {
    display: none;
}
.b-genre-latest .block-heading {
    font-weight: normal;
    text-decoration: none;
    border: none;
}

/* Books Widget
=================================*/
.bw-item {
    display: block;
    float: left;
    width: 116px;
    margin-right: 15px;
    overflow: hidden;
}
.bw-img {
    display: block;
    width: 116px;
    height: 176px;
    overflow: hidden;
    background: #eeeeee;
}
.bw-img img {
    width: 116px;
    height: 176px;
}
.bw-title {
    display: block;
    margin: 10px 0;
    color: #0e3989;
    font-size: 12px;
    /*text-decoration: underline;*/
    font-weight: bold;
}
.bw-title:hover {
    color: #ec8139;
}
.bw-author {
    display: block;
    color: #444444;
    font-size: 15px;
}
.bw-author:hover {
    color: #333333;
}
.bw-size {
    font-size: 11px;
    color: #d02121;
    background: url('../img/size.png') no-repeat;
    padding-left: 18px;
}


/* Banners
=================================*/
.banner728 {
    background: #ffffff;
    border: 1px solid #cccccc;
    width: 728px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    margin: 25px 0;
}
.banner212 {
    background: #ffffff;
    border: 1px solid #cccccc;
    width: 212px;
    height: 235px;
    text-align: center;
    line-height: 235px;
    margin: 25px 0;
}


/* Blogs
=================================*/
.b-blogs {
    margin-top: 0;
}
.b-blogs ul {
    padding: 0;
    list-style: none;
}
.b-blogs ul li {
    list-style: none;
    margin-bottom: 15px;
}
.bl-img {
    width: 64px;
    height: 64px;
    overflow: hidden;
    float: left;
    background: #eeeeee;
}
.bl-img img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}
.bl-img-big {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    background: #eeeeee;
    border-radius: 50%;
}
.bl-img-big img {
    width: 100px;
    height: 100px;
}
.bl-info {
    margin-left: 75px;
    margin-top: -4px;
}
.bl-info .bl-genre {
    line-height: 14px;
}
.bl-info .item-price {
    color: green;
}
.bl-author {
    color: #333333;
    text-decoration: none;
}
.bl-author:hover {
    color: #333333;
}
.bl-info span.bl-author {
    display: block;
    font-size: 11px;
    margin-top: 0;
}
.bl-title {
    display: block;
    color: #0e3989;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 0;
}
.bl-title:hover {
    color: #ec8139;
}
.bl-info .bl-title {
    padding-top: 1px;
}
.bl-comments {
    font-size: 11px;
    background: url('../img/comment.png') no-repeat;
    padding-left: 15px;
}

.blog-item.yellow-bg {
    background: #fff4db;
    border: 1px solid #eddaac;
}


/* Recommend Widget
=================================*/
.b-recommend ul {
    padding: 0;
    list-style: none;
}
.b-recommend ul li {
    list-style: none;
    margin-bottom: 15px;
}


/* Sorting box
=================================*/
.sorting-box {
    height: 40px;
    background: #ffffff;
    padding: 0 15px;
    overflow: hidden;
    margin: 10px 0 15px 0;
    line-height: 40px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.sorting-box p {
    color: #666666;
    margin: 0;
}
.sub-sorting-box ul,
.sorting-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sub-sorting-box ul li,
.sorting-box ul li {
    list-style: none;
    float: left;
}
.sorting-box .period ul li {
    margin: 0 30px;
}
.sub-sorting-box ul li a,
.sorting-box ul li a {
    display: block;
    margin: 0;
    padding: 0 10px;
    color: #444444;
}
.sorting-box ul li a.current,
.sorting-box ul li a:hover, .sorting-box .period ul li a:hover{
    color: #ec8139;
    text-decoration: none;
}
.sorting-box ul li:first-child {
    margin-left: 15px;
}
.sorting-box ul li a.current {
    background: #eeeeee;
    color: #9e5273;
}
.sorting-box ul li a:hover {
    color: #9e5273;
}

.sub-sorting-box {
    height: 30px;
    background: #eeeeee;
    padding: 0 15px;
    overflow: hidden;
    margin: -15px 0 15px 0;
    line-height: 30px;
}
.sub-sorting-box ul li a.current {
    background: #9e5273;
    color: #ffffff;
}
.sub-sorting-box ul li a.current:hover {
    color: #f5e9ee;
}
.sub-sorting-box ul li a:hover {
    color: #9e5273;
}

.currentGenreLink {
    color: #333 !important;
    padding: 5px;
    text-decoration: none !important;
    border: 2px solid #8c5271;
}

/* Book item
=================================*/
.book-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
    background: #ffffff;
    padding: 10px;
    margin-right: 0;
    margin-left: 0;
}
.priority_cycle {
    position: absolute;
    top: -18px;
    left: -14px;
    font-size: 12px;
    display: block;
    width: 25px;
    padding: 1px 0;
    text-align: center;
    border-radius: 2px 0 2px 2px;
    background: #dddddd;
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
}
.priority_cycle:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border: 4px solid transparent ;
    border-left-color: #cccccc;
    border-bottom-color: #cccccc;
    position: absolute;
    top: 0;
    right: -8px;
}
.book-meta {
    background: #ffffff;
    padding: 10px;
    border-radius: 5px;
}
.book-item .book-img {
    width: 110px;
    height: 160px;
    position: relative;
}
.book-item .book-img img {
    width: 110px;
    height: 160px;
}
.book-img {
    position: relative;
}
.adult_only {
    width: 43px;
    height: 36px;
    position: absolute;
    top: 5px;
    left: -6px;
    background: url('../img/18only.png') no-repeat;
}
.adult_only_widget {
    width: 23px;
    height: 19px;
    position: absolute;
    top: 3px;
    left: -2px;
    background: url('../img/18only_widget.png') no-repeat;
}
.book-item .book-title {
    margin-bottom: 0;
}
.book-item .book-title a {
    color: #333333;
    font-family: Arial;
    font-weight: bold;
    font-size: 19px;
}
.book-item .book-title a:hover {
    color: #8c5271;
}
.author-wr {
    /*margin-bottom: 1px;*/
}
.author,
.book-item .author {
    color: #8c5271;
    font-size: 14px;
}
.book-item .author:hover {
    color: #333333;
}
.book-item .readmore {
    color: #0e3989;
    text-decoration: underline;
}
.book-item .readmore:hover {
    color: #333333;
}
.book-item .tags-wr {
    font-size: 12px;
}
.count-views {
    padding: 3px 0;
    background: url('../img/eye.png') no-repeat;
    padding-left: 20px;
    color: #666666;
    font-size: 11px;
    line-height: 24px;
    margin-right: 15px;
}
.count-favourites {
    padding: 3px 0;
    background: url('../img/books.png') no-repeat;
    padding-left: 20px;
    color: #666666;
    font-size: 11px;
    line-height: 24px;
    margin-right: 15px;
}
.count-comments {
    padding: 3px 0;
    background: url('../img/comment.png') 0 2px no-repeat;
    padding-left: 20px;
    color: #666666;
    font-size: 11px;
    line-height: 24px;
    margin-right: 15px;
}
.meta-info {
    font-size: 12px;
}
.meta-name {
    color: #999999;
}
.meta-value {
    color: #333333;
}
.book-mark {
    color: #ec8139;
    font-weight: bold;
    font-size: 14px;
}
.current-genre {
    color: #8c5271;
}
.last-edit {
    color: #008800;
}
.ln_modal-lg {
    min-width: 900px;
    margin: 30px auto !important;
}
.book-view-box {
    min-height: 320px;
    position: relative;
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}
.book-view_fx {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:        flex;
}

.book-view-info {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:        flex;
    margin-left: 5px;
    overflow: hidden;
    padding: 5px 0 0 0;
    font-size: 12px;
    line-height: 18px;
}

.book-view-info > div {
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
    width: 50%;
    padding: 0 15px;

    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:        flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.book-view-cover {
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
    width: 220px;
}
.book-view-info {
    overflow: hidden;
    padding: 15px 0 0 5px;
    font-size: 12px;
    line-height: 18px;
}
.book-view-info h1 {
    margin-top: 0;
    margin-bottom: 2px;
}
.book-view-info a.author {
    margin-top: -10px;
    font-size: 14px;
}
.book-view-info p {
    margin-bottom: 5px;
}
.book-view-info .book-state {
    margin: 6px 0;
    margin-bottom: 8px;
    font-size: 11px;
}
.book-view-info .book-state .label {
    /*background: #177cd3;*/
    border-radius: 0;
}
.book-purchased-label {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #50a72e;
    font-size: 15px;
    font-weight: bold;
}
.book-view-info .book-buttons {
    margin-top: 10px;
}
.book-view-info .btn {
    border-radius: 0;
}
.book-view-info .buy-btn {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #499e28;
    border-top: 1px solid #94d25d;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(73,158,40,1);
    -moz-box-shadow: 0px -1px 0px 0px rgba(73,158,40,1);
    box-shadow: 0px -1px 0px 0px rgba(73,158,40,1);
}
.book-view-info .buy-btn .small {
    color: #ffffff;
    font-weight: normal;
    margin-top: -2px;
    display: block;
}

/* Book page | RATING */
/*------------------------------------ */
.book-rating {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.book-rating-buttons {
    width: 130px;
    float: left;
}

.rating-info {
    font-size: 12px;
    width: auto !important;
}
.book-rating-info {
    background: #f1f1f1;
    float: right;
    width: 80px;
    height: 49px;
    text-align: center;
    padding-top: 5px;
}
.book-rating-info:hover {
    cursor: pointer;
    background: #eeeeee;
}
.book-rating-info-heading {
    color: #555555;
    font-size: 13px;
}
.book-rating-info-value {
    font-size: 14px;
}
.book-rating-info-value span {
    font-weight: bold;
}
.book-rating-info .rating-info {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 50px;
    width: 160px;
    padding: 10px 15px;
    background: #ffffff;
    font-size: 12px;
    border: 1px solid #cccccc;
    z-index: 9;
    font-weight: normal;
    color: #777777;
}
.book-rating-info .rating-info-val  {
    font-weight:bold;
}

/* Rate buttons */
.rate-btn {
    display: block;
    width: 130px;
    height: 22px;
    color: #ffffff;
    font-size: 11px;
    line-height: 22px;
    border-radius: 2px;
    padding-left: 5px;
    margin-bottom: 4px;
/*========================*/
    position: relative;
    padding-right: 40px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.rate-btn span {
    display: block;
    height: 22px;
    line-height: 22px;
    width: 35px;
    text-align: center;
    padding: 0 1px;
/*========================*/
    position: absolute;
    top: 0;
    right: 0;
}
.rate-btn:focus,
.rate-btn:active,
.rate-btn:hover {
    color: #ffffff;
    text-decoration: none;
}

.rate-btn-like {
    background: #1e6cc3;
}
.rate-btn-like span {
    border-left: 1px solid #1b61af;
    -webkit-box-shadow: inset hoff voff blur color;
    -moz-box-shadow: inset hoff voff blur color;
    box-shadow: inset 1px 0 0 #4a89cf;
}
.rate-btn-like:hover {
    background: #175ead;
}

.rate-btn-liked {
    background: #73c354;
}
.rate-btn-liked span {
    border-left: 1px solid #67af4b;
    -webkit-box-shadow: inset hoff voff blur color;
    -moz-box-shadow: inset hoff voff blur color;
    box-shadow: inset 1px 0 0 #8fcf76;
}
.rate-btn-liked:hover {
    background: #5ea942;
}

.rate-btn-reward {
    background: #ffa72a;
}
.rate-btn-reward span {
    border-left: 1px solid #e59625;
    -webkit-box-shadow: inset hoff voff blur color;
    -moz-box-shadow: inset hoff voff blur color;
    box-shadow: inset 1px 0 0 #ffc169;
}
.rate-btn-reward:hover {
    background: #f39c21;
}



.rating-block {
    position: absolute;
    right: 0;
    top: 0;
    background: #86bfff;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 6px;
}
.rating-block:hover {
    cursor: pointer;
}

.book-view-box .lib-btn {
    margin: 0 -15px 0 0;
}
.book-view-box .to_lib {
    display: block;
    background: #f1f1f1;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    text-decoration: none;
    color: #999999;

    white-space: nowrap;
}
.book-view-box a.to_lib:hover {
    background: #e9e9e9;
    color: #29a14b;
}
.book-view-box a.to_lib:hover .libicon {
    background: url('../img/libicon.png') -16px 0 no-repeat;
}
.book-view-box div.to_lib:hover {

}
.book-view-box .to_lib .libicon {
    margin: 8px 8px 0 0;
    filter: grayscale(100%);
}
.book-view-box .in-lib .in_lib-ok {
    font-size: 20px;
    margin: -3px 8px 0 0;
    vertical-align: middle;
}
.book-view-box .in-lib a {
    text-decoration: none;
    margin: 0 0 0 8px;
    color: #ffffff;
}
.book-view-box .to_lib.in-lib {
    background: #6fbd49;
    color: #ffffff;
}


.book-status {
    display: block;
    font-weight: normal;
    color: #ffffff;
    padding: 2px 4px;
    font-size: 10px;
}
.book-status span {
    display: inline-block;
    float: right;
    width: 64px;
    padding-left: 6px;
    margin-left: 3px;
    border-left: 1px solid #333333;
}
.lib-books-list .book-item .book-status{
    font-size: 9px;
    white-space: nowrap;
}
.lib-books-list .book-item .book-status span {
    display: inline;
    float: none;
    padding-left: 4px;
    margin-left: 2px;
}
.book-status-full {background: #6fbd49;}
.book-status-intro {background: #999999;}
.book-status-process {background: #1d7fd3;}
.book-status-full span {
    border-left: 1px solid #67af4b;
    -webkit-box-shadow: inset hoff voff blur color;
    -moz-box-shadow: inset hoff voff blur color;
    box-shadow: inset 1px 0 0 #8fcf76;
}
.book-status-intro span {
    border-left: 1px solid #777777;
}
.book-status-process span {
    border-left: 1px solid #1b61af;
    -webkit-box-shadow: inset hoff voff blur color;
    -moz-box-shadow: inset hoff voff blur color;
    box-shadow: inset 1px 0 0 #4a89cf;
}

.book-view-info .book-status {
    height: 22px;
    line-height: 23px;
    padding: 0 2px;
    border-radius: 2px;
}
.book-status i {
    font-size: 12px;
    vertical-align: middle;
    line-height: 1;
    padding: 0 2px;
    margin: -2px 0 0 0;
}
.book-view-info .book-status i {
    font-size: 14px;
    padding: 0 4px;
}

.plus10:hover {
    opacity: 0.8;
}
a.edit-btn {
    display: block;
    width: 208px;
    height: 54px;
    background: url('../img/edit_btn.png') no-repeat;
}
a.edit-btn:hover {
    opacity: 0.8;
}

.in-lib {
    color: #008800;
    font-weight: bold;
}
.in-lib a {
    font-weight: normal;
    text-decoration: underline;
}
.libicon {
    display: block;
    height: 27px;
    width: 16px;
    background: url('../img/libicon.png') no-repeat;
    float: left;
    margin-right: 5px;
}
.in-lib .libicon {
    background: url('../img/libicon.png') -16px 0 no-repeat;
}
.priority-links {
    text-align: center;
}
a.contest-btn {
    display: inline-block;
    margin: 0 0 8px 0;
    background: #ffffff;
    border: 1px solid #6ca64f;
    border-radius: 4px;
    color: #246206;
    font-weight: bold;
    padding: 4px 10px;
}
a.contest-btn:hover {
    color: #246206;
    text-decoration: none;
}
.purchased_box {
    padding: 10px;
    background: #d6eab3;
    border-radius: 5px;
}
.purchased_box > p {
    color: #348f37;
    font-weight: bold;
}


/* Reader
=================================*/
.book-heading a {
    color: #6a3752;
    font-size: 30px;
    font-weight: bold;
    text-decoration: underline;
    font-family: 'Arial Narrow', Arial;
    font-stretch: condensed;
}
.book-heading a:hover {
    text-decoration: none;
}
.reader-text {
    text-align: justify;
    margin-bottom: 10px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.reader-text h2 {
  word-break: break-word;
}

.reader-text p {
    word-break: break-word;
    text-align: justify;
    margin-bottom: 15px;
    margin-left: 0 !important;
}
.reader-text img{
    position: relative;
    display: inline-block;
    max-height: 1500px;
    max-width: 800px;
}

.reader-text img[style*="float:left"] {
    margin: 4px 16px 8px 0;
}

.reader-text img[style*="float:right"] {
    margin: 4px 0 8px 16px;
}

.font-size-icon {
    font-family: 'Times New Roman';
    font-weight: bold;
    margin: 0 10px;
    cursor: pointer;
}
.font-size-icon.active,
.font-size-icon:hover {
    color: #666666;
    border-bottom: 2px solid #fe8451;
}

.font-size-small {font-size: 12px;}
.font-size-medium {font-size: 18px;}
.font-size-medium p {margin-bottom: 20px;}
.font-size-large {font-size: 22px;}
.font-size-large p {margin-bottom: 23px;}
.font-size-small h2 {font-size: 16px; font-weight: bold;}
.font-size-medium h2 {font-size: 24px; font-weight: bold;}
.font-size-large h2 {font-size: 34px; font-weight: bold;}

.reader-book-img {
    max-height: 340px;
    overflow: hidden;
}
.reader-book-img img {
    width: 100%;
    max-width: 212px;
    max-height: 340px;
}

.sidebar-author-img {
    width: 106px;
    height: 106px;
    overflow: hidden;
}
.sidebar-author-img img {
    width: 106px;
}
.sa-name {
    color: #6a3752;
    font-weight: bold;
    text-decoration: underline;
    font-size: 18px;
}
.sa-name:hover {
    text-decoration: none;
}



/* Footer
=================================*/
.footer {
    height: 105px;
    background: #f7f3f4;
    border-top: 1px solid #e0d1d6;
}
.footbar {
    height: 50px;
    border-bottom: 1px solid #e0d1d6;
}



/* Content
=================================*/
/* SEO text's */
.s-description h3 {
    font-size: 14px;
    font-weight: bold;
}
.s-description {
    color: #888;
    font-size: 11px;
}



/* Footer menu
=================================*/
.foot-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}
.foot-nav li {
    list-style: none;
    float: left;
}
.foot-nav li a {
    display: block;
    height: 25px;
    padding: 0 10px;
    margin-top: 10px;
    border-right: 1px solid #e0d1d6;
    line-height: 25px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Arial Narrow', Arial;
    font-stretch: condensed;
    text-decoration: underline;
    color: #985578;
    font-weight: bold;
}
.foot-nav li a:hover {
    color: #0e3989;
}
.foot-nav li a[last-childmd] {
    border: none;
}
.footer_bottom {
    overflow: hidden;
    height: 50px;
}
.footer_bottom p,
.footer_bottom a {
    line-height: 50px;
}
.footer_bottom .social {
    margin-right: 20px;
}
.footer_bottom .social a:hover {
    text-decoration: none;
}
.footer_bottom .social a img {
    border: 1px solid #9f8995;
}
.footer_bottom .social a:hover img {
    border: 1px solid #826a77;
}
.freelancer {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.freelancer:hover {
    filter: none;
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -webkit-transition: all .3s ease;
}


/* Terms nav */
.terms-links {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 5px 0;
}
.terms-links li {
    float: right;
    margin-right: 15px;
}
.terms-links li a {
    font-size: 12px;
    color: #666666;
    text-decoration: underline;
}
.terms-links li a:hover {
    color: #0e3989;
}




/* Account Profile form
=================================*/
.profile_form {
    margin-top: 20px;
}
.profile_form textarea {
    resize: vertical;
}
.profile_form .uploaded_img {
    overflow: hidden;
    width: 160px;
    height: 160px;
}
.profile_form .uploaded_img img {
    min-width: 160px;
    min-height: 160px;

    max-width: 160px;
    max-height: 160px;
}
.profile_form .uploaded_img_book img {
    max-width: 160px;
    max-height: 160px;
}
.profile_form .upload_file_btn {
    font-weight: bold;
    background: #dfdad4;
}
.profile_form h1 {
    margin-top: 0px;
}
.profile_form .reg_date {
    color: #666666;
    font-size: 12px;
}
.profile_form .reg_date span {
    color: #222;
    font-size: 14px;
}
.profile_form #ppvr {
    margin-left: 8px;
    line-height: 28px;
}


/* Account Author nav
=================================*/
.nav-author {
    border-bottom: 2px solid #e0d1d6;
    margin-bottom: 15px;
    font-size: 12px;!important;
}
.nav-author a {
    border: 1px solid #e0d1d6 !important;
    text-transform: uppercase;
    font-weight: bold;
    background: #e0d1d6;
    color: #222;
    font-size: 12px;!important;
}
.nav-author a:hover {
    background: #c9b8bd !important;
    border: 1px solid #c9b8bd !important;
}
.nav-author a.empty {
    background: #eee4e7;
}
.nav-counter {
    color: #666666;
}
.nav-author li.empty a {
    background: #eee4e7;
    color: #666666;
    padding: 10px;
    height: 39px;
}
.nav-author li.empty a .nav-counter {
    color: #666666;
}
.nav-author li a .nav-counter {
    color: #222;
}

.nav-author li.empty .author .nav-counter {
    color: #666666;
}

.nav-author .author {
    height: 39px;
    line-height: 1;
    color: #222;
    background: #e0d1d6;
    text-decoration: none;
    font-size: 10px;!important;
}
.cycle-hide {
    display: none !important;
}
.nav-author li .author:hover {
    /*background: #eee4e7 !important;*/
    background: #c9b8bd !important;
    border: 1px solid #c9b8bd !important;
}
.nav-author li.empty a:hover {
    /*background: #eee4e7 !important;*/
}
.nav-author .active.empty,
.nav-author .active {
    background: #ffffff;
}
.nav-author .active.empty a,
.nav-author .active {
    background: #ffffff;
}
.nav-author .active.empty a:hover,
.nav-author .active a:hover {
    background: #fff !important;
    border: 1px solid #e0d1d6 !important;
}

/* Account Blog item
=================================*/
.blog-item {
    background: #ffffff;
    padding: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
    overflow: hidden;
}
.blog-item .head {
    border-bottom: 2px solid #e0d1d6;
    overflow: hidden;
}
.blog-item h3 {
    margin-top: 0;
}
.blog-item h3 a {
    color: #923a65;
}
.blog-item h3 a:hover {
    color: #7c2e55;
    text-decoration: none;
}
.blog-item .head .controls {
    margin-top: 25px;
}
.blog-item .created {
    color: #777777;
    font-size: 12px;
}
.blog-meta {
    color: #777777;
    font-size: 12px;
    background: #f1f1f1;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.blog-post > p,
.blog-abstract {
    word-wrap: break-word;
}
/* BXSlider
=================================*/
.bx-wrapper {
    padding: 0 50px;
}
.bx-wrapper .bx-viewport {
    background: transparent;
    border: none;
    box-shadow: none;
}
.bx-wrapper .bx-viewport {
    overflow: hidden;
}
.bx-pager {
    display: none;
}


/* Reads Stat
=================================*/
.reads-stat-table td {
    text-align: center;
    font-size: 12px;
    padding: 1px !important;
}
.reads-stat-table th,
.reads-stat-table td.title {
    display: block;
    width: 200px;
    text-align: left;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.reads-stat-table .show-chapters {
    color: #999999;
    font-size: 10px;
    cursor: pointer;
}
.reads-stat-table td.chapters-stat {
    text-align: left;
}
.reads-stat-table tr.odd {
    background: #f1f1f1;
}
.field-books-annotation textarea {
    resize: vertical;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: #923a65;
}
.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover, .nav-stacked > li.active > a:focus {
    background: rgba(254, 198, 137, 0.16);
    color: #000;
    border-radius: 4px;
}
.stat-periods-nav > li > a,
.stat-books-nav > li > a {
    padding: 5px 15px;
}



/* Contests
=================================*/
.contests-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.contests-list li {
    list-style: none;
}
.contest-item {
    padding: 25px 0;
    border-bottom: 1px solid #dddddd;
}
.contest-item-picture {
    float: left;
    width: 165px;
    padding: 0 0 0 15px;
}
.contest-item-content {
    float: left;
    width: 550px;
    padding: 0 15px;
}
.mod-wait {
    background: #f8f2c8;
    padding: 15px 0;
}
.mod-rejected {
    background: #fce8e6;
    padding: 15px 0;
}
.img110 {
    width: 110px;
    height: 160px;
    position: relative;
    overflow: hidden;
}
.img110 img {
    max-width: 110px;
    max-height: 160px;
}
.img150 {
    display: block;
    width: 150px;
    height: auto;
    position: relative;
    overflow: hidden;
}
.img150 img {
    display: block;
    width: 100%;
    height: auto;
}


/* Pagination
=================================*/
.pagination > li > a {
    background: transparent;
    border: 1px solid #e0d1d6;
    color: #222222;
}
.pagination > li > a {
    margin: 0 5px;
}
.pagination > li.active > a,
.pagination > li.active > a:hover {
    background: #fdc689;
    border: 1px solid #dfaf7a;
    color: #222222;
}
.reader-pagination {
    color: red;
    margin: 10px 0;
}
.reader-pagination a,
.reader-pagination span{
    display: block;
    float: left;
    border: 1px solid #e0d1d6;
    color: #222222;
    padding: 10px;
    min-width: 40px;
    text-align: center;
    border-radius: 3px;
    margin-right: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

.reader-pagination.disabled a,
.reader-pagination.disabled span{
    color: #e0d1d6;
}

.reader-pagination a {
    cursor: pointer;
}
.reader-pagination span {
    color: #888;
}
.reader-pagination a:hover {
    background: #ffffff;
}
.reader-pagination span.current {
    background: #fdc689;
    border: 1px solid #dfaf7a;
}
.reader-pagination span.current {
    color: #bb732c;
}
.reader-pagination .pag-center span,
.reader-pagination .pag-center a {
    margin-right: 20px;

}
.reader-pagination .pag-center span.dots {
    border: none;
    margin: 0;
    margin-left: -20px;
}
.reader-pagination:first-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.reader-pagination:last-child {
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}


/*==========================mobile low size========*/
.reader-pagination-mobile {
    margin: 10px 0;
}
.reader-pagination-mobile a,
.reader-pagination-mobile span{
    display: block;
    float: left;
    border: 1px solid #e0d1d6;
    color: #222222;
    padding: 24px;
    min-width: 40px;
    text-align: center;
    border-radius: 3px;
    margin-right: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
}
.reader-pagination-mobile a {
    cursor: pointer;
}
.reader-pagination-mobile span {
    color: #888;
}
.reader-pagination-mobile a:hover {
    background: #ffffff;
}
.reader-pagination-mobile span.current {
    background: #fdc689;
    border: 1px solid #dfaf7a;
}
.reader-pagination-mobile span.current {
    color: #bb732c;
}
.reader-pagination-mobile .pag-center span,
.reader-pagination-mobile .pag-center a {
    margin-right: 20px;

}
.reader-pagination-mobile .pag-center span.dots {
    border: none;
    margin: 0;
    margin-left: -20px;
}
.reader-pagination-mobile:first-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.reader-pagination-mobile:last-child {
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}


/*==========================mobile medium size========*/
.reader-pagination-mobile_m {
    margin: 10px 0;
}
.reader-pagination-mobile_m a,
.reader-pagination-mobile_m span{
    display: block;
    float: left;
    border: 1px solid #e0d1d6;
    color: #222222;
    padding: 23px;
    min-width: 40px;
    text-align: center;
    border-radius: 3px;
    margin-right: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28px;
}
.reader-pagination-mobile_m a {
    cursor: pointer;
}
.reader-pagination-mobile_m span {
    color: #888;
}
.reader-pagination-mobile_m a:hover {
    background: #ffffff;
}
.reader-pagination-mobile_m span.current {
    background: #fdc689;
    border: 1px solid #dfaf7a;
}
.reader-pagination-mobile_m span.current {
    color: #bb732c;
}
.reader-pagination-mobile_m .pag-center span,
.reader-pagination-mobile_m .pag-center a {
    margin-right: 20px;

}
.reader-pagination-mobile_m .pag-center span.dots {
    border: none;
    margin: 0;
    margin-left: -20px;
}
.reader-pagination-mobile_m:first-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.reader-pagination-mobile_m:last-child {
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}

/* Comments
=================================*/
.removed {
    border: 1px dashed #cccccc;
    padding: 3px 8px;
    color: #888;
}

.modal-backdrop{
    background-color: transparent;
}

.modal-backdrop.in {
    /*z-index: 100;*/
}
.bx-wrapper {
    margin-bottom: 0px;
}
.light-block {
    background: #ffffff;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    padding: 5px;
}

/* Notices
================================*/
.notices, .notices ul {
    padding: 0;
    margin: 0;
}
.notices a, .notices a:hover {
    text-decoration: none;
}
.notices ul {
    list-style: none;
    -webkit-padding-start: 0px;
}
.notices li > div > a {
    display: block;
    padding: 16px 24px 16px 24px;
    background: #ffffff;
    color: #555555;
    border-bottom: 1px solid #ece2e5;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.notices li > div > a.is_read, .notices li > div > a.is_read {
    font-weight: normal;
}
.notices .notice-time {
    font-size: 11px;
    color: #bfb5ac;
    font-weight: normal;
}
.notices .admin-notice {
    background: #FAF0F6;
    color: #A05475;
}
.notices .notice-count {
    background: #f00;
    margin: 0 10px;
    text-align: center;
    padding: 2px 7px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
.notices .com-img,.notices .notice-img, .notices .text-img, .notices .like-img, .notices .admin-img, .notices .reward-img, .notices .discount-img  {
    height: 70px;
    width: 60px;
}
.notices .avatar-img{
    max-width: 50px;
    max-height: 50px;

    min-width: 50px;
    min-height: 50px;
    margin-left: -10px;
    margin-right: 20px;

    border-radius: 50%;
}
.notices .img-finish {
    max-width: 45px;
    max-height: 45px;

    min-width: 45px;
    min-height: 45px;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 17px;
}
.notice-item .notice-icon {
    float: left;
}
.notice-item .notice-content {
    margin-left: 50px;
}
.notices .com-img {
    background: url("../img/speech.png") left center no-repeat;
}
.notices .text-img {
    background: url("../img/book.png") left center no-repeat;
}
.notices .like-img {
    background: url("../img/heart.png") left center no-repeat;
}
.notices .reward-img {
    background: url("../img/award.png") left center no-repeat;
}
.notices .discount-img {
    background: url("../img/procent_img.png") left center no-repeat;
}
.notices .book-cover {
    width: 60px;
    margin-left: -10px;
    margin-right: 10px;
}
.admin-img img {
    width: 35px;
    margin-top: 10px;
}

/* ==================== END topbar notice === */

.push_filled_box {
    background: #8c5271;
    padding: 15px;
    color: #ffffff;
    margin-bottom: 15px;
}
.push_filled_box ul {
    list-style: disc;
    padding-left: 25px;
}


/* Likes
================================*/
.liked .pull-right, .not-liked .pull-right {
    font-weight: bold;
}
.liked {
    background: #449d44;
    color: #ffffff;
    background: #449d44;
    height: 30px;
    padding: 4px 12px;
}
.not-liked {
    background: #fff url('../img/like-btn2.png') center right no-repeat;
    color: #86bb20;
    border-color: #86bb20;
    height: 30px;
    padding: 4px 12px;
}
.not-liked:hover {
    background: #449d44;
}
.not-liked:focus {
    background: #449d44;
}
.not-liked .pull-right {
    color: #ffffff;
}

/* Rewards
=================================*/
.reward {
    height: 30px;
    background: #fff url('../img/reward-btn.png') right center no-repeat;
    color: #8c5676;
    border: 1px solid #8c5676;
    line-height: 16px;
    float: left;
    width: 167px;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
}
.reward:hover {
    background: #8e5473;
}
.reward .cup {
    background: url('../img/cup.png') center center no-repeat;
    height: 16px;
    width: 16px;
    display: block;
}
.reward:hover .cup {
    background: url('../img/cup-white.png') center center no-repeat;
}
#rewards-count {
    display: block;
    position: relative;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    background: #8e5473;
    padding: 5px 12px 5px 0;
    width: 55.6px;
    float: left;
    cursor: pointer;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dotted {
    border-bottom: 1px dotted #ffffff;
}
.rewards-count-list {
    text-align: left;
    padding: 15px 10px;
    position: absolute;
    top: 130%;
    right: 0px;
    z-index: 100;
    max-height: 300px;
    width: 230px;
    background: #ffffff;
    color: #000;
    border: 1px solid #d7d3d2;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow:    0 1px 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow:         0 1px 10px 0 rgba(0, 0, 0, 0.4);
}
.rewards-count-list:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 100%;
    right: 7px;
    background: url("../img/rewards_arrow.png") center bottom no-repeat ;
    height: 20px;
    width: 16px;
}
.rewards-count-list .narrow {
    color: #8c5676;
    font-size: 16px;
    font-family: Arial, sans-serif;
}
.reward-reader {
    width: 159px;
}
.rewards-list-item {
    list-style: none;
    margin: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
}
.rewards-list-item li {
    float: left;
    height: 42px;
    width: 42px;
    margin: 5px;
}
.rewards-list-item img {
    height: 42px;
    width: 42px;
}
.reward-label {
    background: #8c5676 url('../img/cup-white-small.png') 3px 4px no-repeat;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px 4px;
    padding-left: 18px;
    padding-right: 25px;
}
.full-rewards-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.full-rewards-list li {
    display: block;
    float: left;
    width: 230px;
    height: 42px;
    margin-left: 10px;
    overflow: hidden;
    margin-bottom: 7px;
}
.full-rewards-list li img {
    width: 42px;
    height: 42px;
}

/* Likes
=================================*/
.like {
    height: 30px;
    background: #fff url('../img/likes-btn.png') center right no-repeat;
    color: #86bb20;
    border: 1px solid #86bb20;
    padding: 4px 12px;
    float: left;
    width: 167px;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
}
.like:hover {
    background: #86bb20;
    border: none;
}
.like-wrapper .like:active {
    background: #86bb20;!important;
}
.like:focus {
    background: #fff url('../img/likes-btn.png') center right no-repeat;
    color: #86bb20;
}
#likes-count {
    display: block;
    position: relative;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    background: #86bb20;
    padding: 5px 5px 5px 0;
    width: 55.6px;
    float: left;
    cursor: pointer;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.like-wrapper  .like-reader{
    width: 158px;
}

/*======Dislike start=======*/
.dislike {
    height: 30px;
    background: #449d44;
    color: #ffffff;
    padding: 4px 12px;
    float: left;
    width: 167px;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
}
.dislike:hover {
    background: #449d44;
}
.like-wrapper .dislike:active {
    background: #449d44;!important;
}
#dislike-count {
    display: block;
    position: relative;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    background: #449d44;
    padding: 5px 5px 5px 0;
    width: 55.6px;
    float: left;
    cursor: pointer;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*======Dislike end========*/

.likes-count-list {
    text-align: left;
    padding: 15px 10px;
    position: absolute;
    top: 130%;
    right: 0;
    z-index: 100;
    max-height: 300px;
    width: 230px;
    background: #ffffff;
    color: #000;
    border: 1px solid #d7d3d2;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow:    0 1px 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow:         0 1px 10px 0 rgba(0, 0, 0, 0.4);
}
.likes-count-list:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 100%;
    right: 7px;
    background: url("../img/rewards_arrow.png") center bottom no-repeat ;
    height: 20px;
    width: 16px;
}
.likes-count-list .narrow {
    font-size: 16px;
    font-family: Arial, sans-serif;
}
.likes-list-item {
    list-style: none;
    margin: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
}
.likes-list-item li {
    float: left;
    height: 42px;
    width: 42px;
    margin: 5px;
}
.likes-list-item img {
    height: 42px;
    width: 42px;
}


.item-price {
    width: 110px;
    text-align: center;
    font-size: 12px;
    color: green;
}
.item-price .old-price-discount {
    text-decoration: line-through;
    color: red;
}

.item-price .new-price-discount {
    font-weight: bold;
}
.item-discount {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 35px;
    width: 43px;
    height: 36px;
    position: absolute;
    bottom: 5px;
    right: -6px;
}
.item-discount {
    background: url('../img/discount.png') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.item-discount-loyalty {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    width: 105px;
    height: 42px;
    padding: 0 0 0 8px;
    position: absolute;
    top: 3px;
    left: -7px;
    color: #5A4C1C;
    background: url('../img/discount2.png') no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.item-discount-loyalty:before {
    content: attr(data-discount-text);
    display: inline-block;
    width: 48px;
    font-size: 7px;
    line-height: 1.1;
    margin-right: 6px;
}

/*MODAL READER*/
#modal_user_no_book .no_lib_model{
    display: table-cell;
    background: url('../img/reader_popups/book_add_modal_nologo.jpg') no-repeat;
    color: #ffffff;
    width: 512px;
    height: 329px;
    vertical-align: middle;
    text-align: center;
}
#modal_user_no_book .no_lib_model .heading {
    margin-top: 0;
}
#modal_user_no_book .no_lib_model .btn_modal_lib{
    padding: 20px;
    background: #6fa452;!important;
    border: solid 1px #537511;
    box-shadow: inset 0 1px 0 rgb(170, 215, 130);
}
#modal_user_no_book .no_lib_model .link_modal_lib{
    position: absolute;
    color: #ffffff;
    cursor: pointer;
    right: 10px;
    bottom: 10px;
    text-decoration: underline;
    font-size: 12px;
}

#modal_user_no_book .no_lib_model .link_modal_lib_close{
    position: absolute;
    cursor: pointer;
    top: 20px;
    left: 470px;
    opacity: 1;
}


#first-visit-book .no_lib_model{
    background: url('../img/reader_popups/bg_succes_add_lib.jpg') no-repeat;
    width: 512px;
    height: 332px
}
#first-visit-book .no_lib_model .btn_modal_lib{
    position: relative;
    top: 210px;
    left: 120px;
    padding: 15px;
    background: #6fa452;!important;
    border: solid 1px #537511;
    box-shadow: inset 0 1px 0 rgb(170, 215, 130);
}

#first-visit-book .no_lib_model .link_modal_lib_close{
    position: absolute;
    cursor: pointer;
    top: 20px;
    left: 470px;
    opacity: 1;
}


#modal_user_no_lib .no_lib_model{
    background: url('../img/reader_popups/book_add_modal_nologo.jpg') no-repeat;
    height: 328px;
    width: 510px;
    color: #ffffff;
    padding: 35px 10px 0 20px;
}
#modal_user_no_lib .no_lib_model .btn_modal_lib{
    padding: 10px 7px 7px 7px;
    background: #6fa452;!important;
    border: solid 1px #537511;
    box-shadow: inset 0 1px 0 rgb(170, 215, 130);
}
#modal_user_no_lib .no_lib_model .btn_modal_lib_alt{
    padding: 5px;
    background: #2e4180;!important;
    border: solid 1px #182a64;.
box-shadow: inset 0 1px 0 rgb(93, 115, 190);
    font-size: 13px;
}

#modal_user_no_lib .no_lib_model .link_modal_lib_close{
    position: absolute;
    cursor: pointer;
    top: 20px;
    left: 470px;
    opacity: 1;
}


#modal_no_user .no_lib_model{
    background: url('../img/reader_popups/book_add_modal_nologo.jpg') no-repeat;
    height: 328px;
    width: 510px;
    color: #ffffff;
    padding: 35px 10px 0 20px;
}
.modal_logo {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 120px;
    height: 26px;
    z-index: 1;
}
#modal_no_user .no_lib_model .btn_modal_lib{
    padding: 7px;
    background: #6fa452;!important;
    border: solid 1px #537511;
    box-shadow: inset 0 1px 0 rgb(170, 215, 130);
}
#modal_no_user .no_lib_model .btn_modal_lib_alt{
    padding: 5px;
    background: #2e4180;!important;
    border: solid 1px #182a64;
    box-shadow: inset 0 1px 0 rgb(93, 115, 190);
    font-size: 13px;
}

#modal_no_user .no_lib_model .link_modal_lib_close {
    position: absolute;
    cursor: pointer;
    top: 20px;
    left: 470px;
    opacity: 1;
}
/*MODAL READER*/
.modal-dialog .close > i {
    font-size: 24px;
    text-shadow: none;
    color: rgba(255,255,255,.7);
    transition: all .25s ease;
}
.modal-dialog .close > i:hover {
    color: rgba(255,255,255,1);
}

/*MODAl SOCIAL*/
#likeModal .soc_model{
    background: url('../img/reader_popups/soc_bg_nologo.png') no-repeat;
    height: 331px;
    width: 512px;
}
.social-likes
{
    position: relative;
    top: 0;
    left: 150px;
}
.social-likes .social-likes__button.social-likes__button_odnoklassniki{
    padding: 17px 17px 17px 55px;
    background: #2e4180;
    border: solid 1px #182a64;
    box-shadow: inset 0 1px 0 rgb(93, 115, 190);
    border-radius: 5px;
    font: 24px "Arial", sans-serif;
    z-index: 9999;
}
.social-likes .social-likes__button.social-likes__button_odnoklassniki:hover{
    background: #2e4180;
    border: solid 1px #182a64;
    box-shadow: inset 0 1px 0 rgb(93, 115, 190);
}


.social-likes .social-likes__icon.social-likes__icon_odnoklassniki{
    position: absolute;
    top: 12px;
    left: 10px;
    background: url('../img/social/soc_icon_ok.png')!important;
    background-size: cover;
    width: 36px;
    height: 36px;
}

.social-likes__widget_vkontakte .social-likes__button_vkontakte{

    padding: 17px 17px 17px 55px;
    background: #2e4180;!important;
    border: solid 1px #182a64;
    box-shadow: inset 0 1px 0 rgb(93, 115, 190);
    border-radius: 5px;
    font: 24px "Arial", sans-serif ;
}
.social-likes__widget_vkontakte .social-likes__button_vkontakte:hover{

    background: #2e4180;!important;
    border: solid 1px #182a64;
    margin: 0;
}
.social-likes__widget_vkontakte .social-likes__icon_vkontakte{
    position: absolute;
    top: 12px;
    left: 10px;
    background: url('../img/social/soc_icon_vk.png')!important;
    width: 36px;
    height: 36px;
}


#likeModal .soc_model .link_modal_soc_close{
    position: absolute;
    cursor: pointer;
    top: 20px;
    left: 470px;
    opacity: 1;
}


#likeModal .soc_model{
    background: url('../img/reader_popups/soc_bg_nologo.png') no-repeat;
    height: 331px;
    width: 512px;
}
#likeModal .soc_model .soc_row{
    padding: 80px 10px 0 30px;
    color: #ffffff;
}
#likeModal .soc_model .btn_modal_soc{

    position: relative;
    top: 25px;
    left: 150px;
    padding: 15px;
    background: #2e4180;!important;
    border: solid 1px #182a64;
    box-shadow: inset 0 1px 0 rgb(93, 115, 190);
    border-radius: 5px;
    font: 26px "Arial", sans-serif ;
}
#likeModal .soc_model .link_modal_soc_close{
    position: absolute;
    cursor: pointer;
    top: 20px;
    left: 470px;
    opacity: 1;
}

#likeModal .soc_model .soc_img{
    padding-right: 5px;
}
#likeModal .soc_model .soc_img p{
    font-weight: bold
}
#likeModal .soc_model .soc_img img{
    width: 105px;
    height: 105px;
    max-height: 105px;
    max-width: 105px;
    overflow: hidden;
}


.bottom-area{
    position: fixed;
    bottom: 0;width: 728px;
    padding: 2px;
    background-color: #8f5674;
    color: #ffffff;
    z-index: 999;
    font: 15px "Arial", sans-serif ;
}
.bottom-area button{
    padding-left: 10px
}
#vk_subscribe{
    position: relative;
    top: 6px
}
/*MODAl SOCIAL*/

.content .blog-post img{
    position: relative !important;
    max-width: 720px !important;
    height: 100% !important;
}

/*ACCOUNT*/
.lc_head_title{
    margin-bottom: 15px;
    border-bottom: 2px solid #e0d1d6;
}
.lc_title_h3{
    color: #923a65;
    padding: 4px 12px 4px 0;
    font-size: 26px;
    font-family: 'Arial Narrow', Arial;
    font-stretch: condensed;
    font-weight: bold;
}


/* Account menu right
=================================*/
.lc_menu{
    border-radius: 5px;
    background: #ffffff;
}
.lc_menu .lc_header{
    padding: 15px 6px 6px 6px;
}

.lc_menu .lc_header .text_ref_link{
    font-size: 11px;
    padding: 1px 12px;
    margin: 2px 0;
}
.lc_menu .lc_header textarea{
    font-size: 11px;
    min-width: 198px;
    max-height: 20px;
    resize: none;
    overflow: hidden;
    white-space: nowrap;
}
.lc_menu .lc_header .text_ref_link a{
    font-size: 10px;
}
.lc_menu .avatar_place{
    float: left;
    width: 50px;
    margin-left: 10px;
    text-align: center;
}
.lc_menu .avatar_place img{
    min-height: 50px;
    min-width: 50px;
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
}
.lc_menu .avatar_place .link_change_profile{
    font-size: 11px;
    color: #cccccc;
    text-decoration: underline;
    cursor: pointer;
}
.lc_menu .info_user_place{
    width: 110px;
    min-height: 50px;
    margin-left: 15px;
    margin-top: 15px;
    float: left;
    overflow: hidden;
}

.lc_menu .info_user_place .u_name{
    font-weight: bold;
    color: #333333;
}

.lc_menu .info_user_place .text{
    font-size: 11px;
}
.lc_menu .info_user_place .text_balance{
    color: #999999;
}
.lc_menu .info_user_place .text_balance_sum{
    color: #008000;
}

.nav-lc-menu  li {
    margin: 0 !important;
}
.nav-lc-menu > li >  a {
    padding: 10px 5px;
    border-radius: 0;
    color: #000;
    border-top: solid 1px #f1f1f1;
}
.nav-lc-menu  li a:last-child {
    border-bottom: none;
}
.nav-lc-menu > li.active >  a {
    border-radius: 0;
}

.nav-lc-menu > li.active >  a:hover {
    border-radius: 0;
}
.nav-lc-menu > li >  a > .badge {
    background: #dddddd;
    color: #000;
    padding: 5px 10px;
}

.nav-lc-menu > li >  a > .red-badge {
    background: #ec0707;
    color: #ffffff;
    padding: 5px 10px;
}

.charter_btn {
    margin-top: 5px;
    width: 100%;
}

/*Label in public profile*/
.msg_author_to_change_book{
    border: solid 1px #0e3989;
    padding: 5px;
    margin: 15px 0;
    color: #0e3989;
    background-color: #ffffff;
}

/*Img size in blog page*/
.cycles img {
    max-width: 720px;
}

/*Block in account book page*/
.block-edit-book{
    margin-bottom: 10px;
}

/*Btn ipp status*/
.btn-ipp{
    padding: 4px 9px;
}

/*checkbox sort full book*/
.sort-full-book {
    padding: 6px 12px;
}
#filters-forms .checkbox-new {
    margin: 10px 4px;
}
#filters-forms .checkbox-new label {
    display: inline-block;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 12px 0 0;
}
#filters-forms .checkbox-new label:before {
    top: -1px;
}
.l-checkbox-new-w {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:        flex;
    width: 100%;
}

/*url for error view*/
.back_url{
    color: #337ab7;
    text-decoration: underline;
    cursor: pointer;
}
.back_url_js{
    color: #337ab7;
    text-decoration: underline;
    cursor: pointer;
}

/*Subscribes*/
.sub-item {
    margin-bottom: 15px;
    font-size: 12px;
}
.sub-item .sub-img {
    max-width: 50px;
    max-height: 50px;
    position: relative;
}
.sub-item .sub-img a{
    width: 50px;
}
.sub-item .sub-img img {
    max-width: 50px;
    max-height: 50px;

    min-width: 50px;
    min-height: 50px;
    position: relative;
}
.sub-item .sub-items{
    border: solid 1px #e0d1d6;
    padding: 5px;border-radius: 5px;
    margin-bottom: 15px;
    height: 62px;
    overflow: hidden;
    background: #ffffff;
}


/*widgets libraries*/
.bx-outer {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
#bx-controls {
    background: #ffffff;
    position: absolute;
    top: -5px;
    right: 0px;
    z-index: 10;
}
#bx-controls #next,
#bx-controls #prev{
    display: block;
}
#bx-controls #next a,
#bx-controls #prev a{
    color: #e0d1d6;
}
.bl-item {
    overflow: hidden;
    padding: 0 !important;
}
.b-recommend .bl-item {
    padding: 5px 0;
}
.book-img-square {
    width: 64px;
    clear: left;
    float: left;
    position: relative;
}
.book-img-square img {
    width: 60px;
}
.book-img-square-rewards {
    width: 64px;
    clear: left;
    float: left;
    text-align: center;
    font-size: 11px;
    overflow: hidden;
}
.book-img-square-rewards img {
    max-height: 64px;
    max-width: 64px;

    min-height: 64px;
    min-width: 64px;
}
.rewards-btn{
    width: 100%;
    border: none;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;

}
.rewards-icon{
    font-weight: normal;
    font-size: 11px;
}
.b-recommend h2 {
    color: #923a65;
}
.bl-info a {
    padding-bottom: 1px;
}
.bl-genre {
    font-size: 11px;
    color: #888;
}
.bl-genre span {
    color: #555555;
}

/*Rewards top list*/
.reward-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}
.reward-item .reward-img {
    width: 160px;
    height: 160px;
    position: relative;
}
.reward-item .reward-img a{
    width: 160px;
}
.reward-item .reward-img img {
    width: 160px;
    height: 160px;
    position: relative;
}
.reward-item  .book-title a {
    color: #0e3989;
    text-decoration: underline;
    font-weight: bold;
    font-size: 21px;
}
.reward-item  .book-title a:hover {
    color: #8c5271;
}

/*PayTypes*/
#pay_types {
    padding: 0;
    margin: 0;
    list-style: none;
}

#pay_types li {
    display: block;
    width: 150px;
    float: left;
    margin-right: 17px;
    margin-bottom: 25px;
}

#pay_types li.wallet_pay {
    flex-direction: row;
    border-color: transparent;
}

#pay_types .wallet-pay-wrapper {
  position: relative;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
  background: linear-gradient(180deg, #AD3D61 0%, #9B3355 42.71%, #842544 100%);
  overflow: hidden;
}

#pay_types .wallet-pay-wrapper > * {
  text-align: left!important;
}

#pay_types .wallet-pay-wrapper h4 {
  margin: 0;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
}

#pay_types .wallet_button-balance-sum {
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}

#pay_types .wallet_button-bonuses {
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 11px;
  z-index: 1;
}

#pay_types .wallet_pay_bckg {
  position: absolute;
  fill: #ffffff;
  bottom: -15px;
  right: 14px;
}
#pay_types li img{
    width: 150px;
    height: 76px;
}
#pay_types li a {
    display: block;
    background: #ffffff;
}

/*Discussions*/
.discuss_item {
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}
.discuss_ava {
    width: 48px;
    height: 48px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.discuss_ava img {
    width: 48px;
}
.sorting-box .active {
    padding: 5px;
    background: #efe8eb;
}

/* Info */
.anchor_padding {padding-top: 60px;}
.info_nav > li > a {
    font-weight: bold;
    font-size: 16px;
}

/* BOOK FILTER */
/* ===================================================================================== */
.books-selection {
    width:220px;
    background: #ffffff;
    box-shadow:0 3px 10px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
    display: block;
}
.books-selection span.selection-heading {
    font-family:'Roboto Condensed', Arial, sans-serif;
    color:#333333;
    padding:10px 10px;
    font-size: 18px;
    display: block;
}
.books-selection label {
    font-family:'Roboto Condensed', Arial, sans-serif;
    color:#555555;
}
.books-selection > div, .books-selection section {
    padding:0 10px;
}
.books-selection div.selection-box {
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    padding-top:15px;
    margin-top:15px;
}
.books-selection div.selection-box div.trigger {
    margin-bottom:15px;
}
.books-selection button {
    width:100%;
    border:none;
    outline:none;
    cursor:pointer;
    font-family:'Roboto Condensed', Arial, sans-serif;
    font-size:18px;
    text-align:center;
    text-transform:uppercase;
    padding:10px 0;
    margin-top:10px;
    background:#923a65;
    color:#ffffff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
.books-selection button span {
    display:block;
    text-transform:lowercase;
    font-size:14px;
}
.books-selection button:hover {
    background:#7c2e55;
}

.my-selection {
    width:100%;
    margin-bottom:10px;
    padding:8px;
    background:#f1f1f1;
    color:#777777;
    outline:none;
    border: none;
    font-size: 13px;
}
.books-selection .lbl {
    margin-top: 5px;
    margin-bottom: 0;
}
.books-selection label {
    font-weight: normal;
}

/* ===================================================================================== checkbox */
.checkbox-new input[type=checkbox] {
    display:none;
}
.checkbox-new input[type=checkbox]:checked + label:before {
    content: "\2713"; /* ------ чекбокс символ HTML --*/
    font-size:15px;
    color:#3db84b;
    text-align:center;
    line-height:15px;
}

.checkbox-new label {
    display:block;
    cursor:pointer;
    position:relative;
    padding-left:25px;
    margin:10px 0;
    font-size:13px;
}
.checkbox-new label:before {
    content:'';
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:10px;
    position:absolute;
    left:0;
    top:2px;
    bottom:1px;
    border:1px solid #dddddd;
    background-color:#f1f1f1;
}

/* Tag */

.tag-link {
    background: #1e6cc3;
    color: #ffffff;
    font-size: 12px;
    padding: 4px 6px;
    margin: 5px;
    margin-left: 0;
    border: 1px solid #eeeeee;
}
.tag-link:hover {
    background: #1e5797;
    color: #ffffff;
    text-decoration: none;
}

.tag-link {
    display: inline-block;
    background: #ffffff;
    color: #1e5797;
    font-size: 12px;
    padding: 4px 6px;
    margin: 3px;
    margin-left: 0;
}
.tag-link:hover {
    background: #ffffff;
    color: #9f5374;
    text-decoration: none;
}

.soc_acc_auth {
    background: #f1f1f1;
    padding: 3px 5px;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
}

/* =================================
REWARDS POPUP
====================================*/
.l-link-wrapp {
    padding:10px;
}
@media screen and (min-width: 768px) {
    .l-link-wrapp {
        display:inline-block;
        margin-right:-3px;
        width:50%;
    }
}
@media screen and (min-width: 992px) {
    .l-link-wrapp {
        width:33.33%;
    }
}
.payment-link {
    display:table;
    width:100%;
    height:100px;
    border:1px solid #000;
    text-decoration: none;
}
a.payment-link {
    text-decoration: none;
}
.payment-link > span {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:80px;
    border-right:1px solid #eeeeee;
}
.payment-link > span svg {
    display:inline-block;
    height:60px;
    width:60px;
}
.payment-link > p {
    display:table-cell;
    vertical-align:middle;
    font-family:'Roboto Condensed', sans-serif;
    font-weight:bold;
    font-size:18px;
    padding:0 10px;
    width:calc(100% - 165px);
}
.payment-link > p strong {
    display:block;
    font-size:16px;
    color:#383838;
}
.payment-link ul {
    list-style:none;
    display:table-cell;
    vertical-align:middle;
    width:65px;
    background:#000;
    padding-left: 0;
}
.payment-link ul li {
    font-family:Arial, sans-serif;
    width:60px;
    text-align:center;
    line-height:1.2;
    margin:10px 0;
    color:#ffffff;
}
.payment-link ul li i {
    margin-left:5px;
    height:12px;
    color:#ffffff;
}
.payment-link ul li i svg {
    height:12px;
    width:12px;
    fill:currentColor;
}
.payment-link ul li span {
    display:block;
    font-size:12px;
}

.book-view select,
.nav-tabs > li > a {
    border-radius: 0;
}


/* Register finish page */
#register-finish .header {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 0;
}
#register-finish h1 {
    font-family: "Roboto Condensed", Arial;
    font-weight: normal;
    font-size: 24px;
}


.white-box {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
}
.check-list {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 25px;
}
.check-list li {
    list-style: none;
    margin-bottom: 10px;
    font-size: 18px;
}
.check-list a {
    text-decoration: underline;
}
.check-icon {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    line-height: 36px !important;
    text-align: center;
    margin-right: 8px;
}
.check-icon-success {
    background: #6cb31f;
    color: #ffffff;
}
.check-icon-negative {
    background: #dddddd;
    color: #999999;
}
.check-icon-warning {
    background: #f6a129;
    color: #ffffff;
}
.check-icon-brand {
    background: #a05475;
    color: #ffffff;
}
.check-icon-danger {
    background: #ff4040;
    color: #ffffff;
}


/* Phone input widget */
button.country-sel-btn {
    float: right;
    width: 70px;
    font-size: 12px;
    color: #ffffff;
    background: #5cb85c;
    border: 1px solid #398439;
    line-height: 28px;
    text-align: center;
}

button.country-sel-btn:hover {
    color: #ffffff;
    background: #449d44;
}
ul.country-list{
    max-height: 300px;
    overflow-x: hidden;
}
ul.li {
    padding-right: 10px;
}

/* END Phone input widget */

.push-notice-example {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.push-notice-example img{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Параметры тени */
}

.default_h2 {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    color: #923a65;
}

/* style for buttons to read book page */
.likes-btns {
    margin-top: 10px;
}
.likes-btns .btn-block {
    display: block;
    text-align: left;
    border-radius: 2px;
    margin: 5px 0;
}
.likes-btns .btn-block svg {
    margin-right: 5px;
    width: 10px;
}
.likes-btns .btn-block i {
    margin-right: 5px;
    width: 10px;
}
.likes-btns .btn-warning span {
    padding-left: 10px;
    border-left: 1px solid #d58512;
}
.likes-btns .btn-primary span {
    padding-left: 10px;
    border-left: 1px solid #21517b;
}
.likes-btns .btn-success span {
    padding-left: 10px;
    border-left: 1px solid #1d9433;
}
/* end style buttons */

/* style label for admin */
.labelAdmin {
    padding: 2px 3px;
    /*border: 1px solid rgba(239, 154, 18, 0.78);*/
    color: #6c561b;
    background-color: #ffeab0;
    border-radius: 2px;
}
/* end label admin */

/* style label for Ambassador */
.labelAmbassador {
    padding: 2px 3px;
    color: #eeeeee;
    background-color: #5cb85c;
    border-radius: 2px;
}
/* end label Ambassador */


/* ============================================================
MAIN_FOOTER
==============================================================*/
.main_footer {
    padding: 10px 0 0 0;
    background: #383838;
}

/* main_footer-inform ======================================== */
.main_footer-inform {
    padding: 0;
}

.main_footer-inform-title {
    padding: 16px 0;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #bbbbbb;
}

.inform-nav-w {
    padding: 0 20px 0 0;
}

.main_footer-inform-nav {
    padding: 12px 0;
    border-top: 1px solid #484848;
}

.main_footer-inform-nav a {
    display: block;
    padding: 4px 0;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #7d7d7d;
}

/* main_footer-action ======================================== */
.main_footer-action {
    font-family: Arial, sans-serif;
    padding: 40px 0 0 8px;
}

.footer-action a {
    display: block;
    position: relative;
    padding-left: 48px;
    height: 50px;
    line-height: 50px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 8px;
    color: #bbbbbb;
    background: #2c2c2c;
}

.footer-action a:hover {
    text-decoration: none;
    background: #424242;
}

.footer-action a i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

/* main_footer-society ======================================== */
.main_footer-society {
    padding: 40px 0px 0 20px;
}

.social-title {
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0 0 8px 0;
    color: #7d7d7d;
}

.warning-notice {
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 20px 0 20px 0;
    color: #7d7d7d;
}

.warning-notice span {
    margin-right: 8px;
}


/* main_footer-bottom ======================================== */
.main_footer-bottom {
    margin-top: 48px;
    height: 36px;
    line-height: 36px;
    color: #7d7d7d;
    background: #383838;
    border-top: 1px solid #2f2f2f;
    font-size: 13px;
}

.main_footer-bottom:after {
    content: " ";
    display: block;
    clear: both;
}

.main_footer-bottom p {
    margin: 0;
    padding: 0;
}

.footer_lang_links a {
    color: #666666;
    text-decoration: underline;
    margin-left: 10px;
}


/****************************
Buy wallet amount vauchers
 */
.amount-variant {
    display: block;
    background: #f1f1f1;
    height: 75px;
    margin: 10px 0;
    text-decoration: none;
    color: #444444;
}
.amount-variant:hover {
    text-decoration: none;
    background: #eeeeee;
    color: #8e5573;
}
.amount {
    height: 75px;
    width: 75px;
    line-height: 75px;
    font-size: 24px;
    font-weight: bold;
    float: left;
    color: #ffffff;
    text-align: center;
}
.amount-0 {background: #888;}
.amount-1 {background: #5cb85c;}
.amount-2 {background: #40a0ea;}
.amount-3 {background: #e45e48;}
.amount-4 {background: #8f5574;}
.amount-5 {background: #dd9619;}

.amount-info {
    /*float: left;*/
    margin-left: 78px;
    padding-left: 5px;
    padding-top: 10px;
    text-align: left;
    font-size: 12px;
}
.pay-sum {
    font-weight: bold;
}
.amount span {
    font-weight: normal;
}

.m-top-10 {
    margin-bottom: 10px;
}

.advertising-error-message {
    margin-top: 20px;
}

/* Buy wallet pay_types =========== */
.wallet-pay-btn {
    border-radius: 5px;
    height: 76px;
    position: relative;
    color: #8d5472;
    text-decoration: none;
}
#pay_types a:hover {
    text-decoration: none;
}
.pay_commission {
    font-size: 12px;
    color: #337ab7;
}
#pay_types li a:hover {
    opacity: 0.9;
}
.wallet-btn {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    opacity: 1;
}
.wallet-btn .name {
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.wallet-btn .balance {
    font-size: 10px;
    color: #ffffff;
}

/* ============================
banner-android
==============================*/
.page-googlePlay-w {
    min-width: 728px;
}

.page-googlePlay {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding: 16px;
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

.googlePlay-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding: 0 16px;
    /*margin: 16px 0;*/
}

.googlePlay-title,
.googlePlay-txt {
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
    margin: 0;
}

.googlePlay-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 8px 0;
}

.googlePlay-txt {
    font-size: 14px;
  }

.googlePlay-liticon {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width: 64px;
}

.googlePlay-liticon img,
.googlePlay-lnk img {
    display: block;
    width: 100%;
    height: auto;
}

.googlePlay-lnk {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width: 212px;
}

/* add banner =========== */
.ad,
.ad img {
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 10px;
}

.l-slider-multiItem .l-item {
    padding:16px 16px 8px 0;
    outline:none;
}

.bookExcerpt {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    min-height:190px;
    width:380px;
    /*background:#ffffff;*/
}

.bookExcerpt-content-left {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    position: relative;
    width:126px;
}

.bookExcerpt-content-left .adult_only {
    position: absolute;
    top: 12px;
    left: 2px;
}

.bookExcerpt-content-right {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:8px;
}

.bookExcerpt-cover {
    display:block;
    padding:8px;
    outline: none;
}
.bookExcerpt-cover:hover,
.bookExcerpt-cover:focus {
    outline: none;
}

.bookExcerpt-cover img {
    display:block;
    width:110px;
    height:auto;
    margin:0 auto;
}

.bookExcerpt-title {
    padding:0;
    margin:0 0 6px 0;
}
.bookExcerpt-title a {
    display: inline-block;
    font-size:16px;
    font-weight:bold;
    line-height:1.2;
    color:#222222;
    text-decoration: none;
    transition: all .15s ease;
}
.bookExcerpt-title a:hover {
    color:#ec8139;
    text-decoration: none;
}

.bookExcerpt-author a {
    display:block;
    font-size:12px;
    line-height:1.2;
    margin-bottom:8px;
    color:#777777;
}

.excerpt-content {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:100%;
    padding:0 8px 8px 0;
    font-size:12px;
}
.excerpt-content p {
    margin: 0;
}

.bookExcerpt-meta {
    list-style:none;
    margin:0 0 8px 0;
    padding:0;
}
.bookExcerpt-meta i {
    display:inline-block;
    margin:0 4px 0 0;
}
.bookExcerpt-meta span {
    font-size:12px;
}

.bookExcerpt-tags {
    margin:0;
    padding:0;
    list-style:none;
}
.bookExcerpt-tags li {
    display: inline-block;
    font-size: 12px;
    margin: 0 0 2px 0;
    padding: 0 6px;
    line-height: 20px;
    border-radius: 15px;
    color: #222222;
    border: 1px solid #cccccc;
}
.bookExcerpt-tags li a {
    font-size:12px;
    line-height:1.2;
    color:#777777;
    transition: all .15s ease;
}
.bookExcerpt-tags li:hover a {
    text-decoration: none;
    color:#ec8139;
}

.bookExcerpt-price {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:100%;
    text-align:right;
    padding:0 8px 8px 8px;
}
.bookExcerpt-price span {
    font-size:14px;
    color:#388e3c;
}

/* ===========================================================================
END [ _widget-bookSlider.scss ]
=========================================================================== */
.g-paddingH8 {
    padding: 0 8px;
}

@media only screen and (max-width: 25.625em) {
    .bookExcerpt {
        width:280px;
    }
}
.l-slider-bg-w {
    background: #f1f1f1;
    margin: 0 -24px;
    padding: 0 24px;
    border: 1px solid #dddddd;
}

.l-slider {
    margin: 0 -8px 0 -8px;
    padding: 16px 8px;
    overflow: hidden;
}

.l-slider-single,
.l-slider-multiItem {
    white-space: nowrap;
}

.l-slider-single .l-item {
    width: 100%;
}

.l-slider-single .slick-dots {
    bottom: -32px;
}

.l-slider-single .slick-dots li {
    margin: 0 4px;
}

.l-slider-single .slick-dots li button:before {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #7a365a;
}

.l-slider .l-item {
    white-space: normal;
    display: inline-block;
    vertical-align: top;
}

.l-slider.pc-header-slider {
    padding: 8px 0 24px 0;
    /*margin: -15px -8px 0 -8px;*/
    margin: 0;
}

.l-slider.pc-header-slider img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.l-slider a:focus {
    outline: none;
    text-decoration: none;
}

.l-slider .slick-dotted.slick-slider {
    margin: 0;
}
.l-slider .slick-arrow {
    visibility:hidden;
    transition:all .3s ease;
}
.l-slider .l-slider-w:hover .slick-arrow {
    visibility:visible;
}
.l-slider .slider-prev,
.l-slider .slider-next {
    cursor:pointer;
    width:36px;
    height:50px;
    line-height:50px;
    font-size:24px;
    text-align:center;
    position:absolute;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#ffffff;
    border-radius: 2px;
    background:rgba(0, 0, 0, .6);
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    transition:all .3s ease;
    z-index:3;
}
.l-slider .slider-prev svg,
.l-slider .slider-next svg {
    display:inline-block;
    vertical-align:middle;
    line-height:1;
    width:1em;
    height:1em;
    fill:currentColor;
}
.l-slider .slider-prev:hover,
.l-slider .slider-next:hover {
    background:rgba(0, 0, 0, .85);
}
.l-slider .slider-prev {
    left:-8px;
}
.l-slider .slider-next {
    right:-8px;
}

.l-slider .l-slider-single .slider-prev {
    left:0;
}
.l-slider .l-slider-single .slider-next {
    right:0;
}

.l-slider-multiItem .slick-dots {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0;
    padding:0;
    position:absolute;
    top:4px;
    left:0;
    bottom:auto;
}
.l-slider-multiItem .slick-dots li {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:auto;
    height:auto;
    margin:0;
    padding:0;
}
.l-slider-multiItem .slick-dots li button {
    display:block;
    width:100%;
    height:2px;
    margin:0;
    padding:8px 0;
}
.l-slider-multiItem .slick-dots li button:before {
    content: '';
    display:block;
    height:2px;
    width:100%;
    background:#7a365a;
}
.card {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}
/* ===========================================================================
[ _blog-slider.scss ]
=========================================================================== */
.blogSlide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:400px;
    padding:8px;
}
@media only screen and (max-width: 25.625em) {
    .blogSlide {
        display: block;
        width:280px;
    }
}

.blogSlide-cover {
    display: block;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width: 100px;
    margin:0 16px 4px 0;
    outline: none;
}

.blogSlide-cover:hover,
.blogSlide-cover:focus {
    outline: none;
}

.blogSlide-cover img {
    display:block;
    width:100px;
    height:auto;
}
.blogSlide-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.blogSlide-content p {
    margin: 0;
    font-size: 12px;
}

.blogSlide-title {
    margin:0 0 6px 0;
    padding:0;
}
.blogSlide-title a {
    display: inline-block;
    font-size:16px;
    line-height:1.2;
    color:#7a365a;
    transition: all .3s ease;
}
.blogSlide-title a:hover {
    color:#ec8139;
    text-decoration: none;
}

.blogSlide-author {
    display:block;
    font-size:12px;
    margin:0 0 8px 0;
    color:#222222;
}
.blogSlide-author span {
    margin:0 4px 0 0;
    color:#777777;
}

.blogSlide-meta {
    padding:8px 0 0 0;
}
.blogSlide-meta li {
    display:inline;
    font-size:12px;
    color:#777777;
}
.blogSlide-meta li i {
    display:inline-block;
    margin:0 4px 0 0;
}

/* ===========================================================================
END [ _blog-slider.scss ]
=========================================================================== */
/* =========== article-title ============== */
.slider-title {
    margin: 0;
    padding: 0;
    font-size: 24px;
    color: #7a365a;
}
.slider-title a {
    display: inline-block;
    text-decoration: none;
    outline: none;
    color: #7a365a;
    transition: all .15s ease;
}
.slider-title a:hover {
    color: #ec8139;
    text-decoration: none;
    outline: none;
}
/* =========== END article-title ============== */

/* =========== lang-switch ============== */
.lang-switch-block {
    padding: 8px 0;
    background: #f1f1f1;
    border-top: 1px solid #dddddd;
}

.lang-switch {
    display: inline-block;
}

.lang-switch span {
    font-size: 16px;
    margin: 0 8px 0 0;
    color: #666666;
}

.lang-select-w {
    display: inline-block;
    margin: 0 24px 0 0;
}

.lang-select-w select {
    outline:none;
    width:170px;
    padding: 0 8px;
    line-height:36px;
    height: 36px;
    font-size:14px;
    color:#222222;
    -webkit-border-radius:none;
    border-radius:none;
    background: #ffffff;
    border: 1px solid #dddddd;
    z-index:2;
}
/* =========== END lang-switch ============== */
/* === save-message pop-up in book editing page === */
.save-message-w {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}
.save-message {
    display: none;
    width: 728px;
    padding: 10px;
    text-align: center;
    color: #ffffff;
}
.save-success {
    background: rgba(0,200,83,.8);
}
.save-error {
    background: rgba(178,34,37,.8);
}
/* END === save-message pop-up in book editing page === */

/* === adult-reg message === */
.adult-heading {
    font-size: 36px;
    text-align: center;
    font-weight: 300 !important;
    margin: 24px 0;
    padding: 0;
    color: #923a65
}
.adult-txt {
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 16px;
    color: #777777;
    padding: 0 0 24px 0;
    margin: 24px;
    border-bottom: 1px solid #cccccc;
}
.adult-reg {
    margin: 24px;
}
.adult-reg-heading {
    font-size: 24px;
    text-align: center;
    margin: 36px 0 24px 0;
}
.adult-reg-txt {
    font-family: Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    color: #777777;
}
.adult-reg-txt a {
    font-weight: bold;
    color: #923a65
}
.adult-reg-block {
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 24px 0;
}
.adult-reg-block .fa-lnk {
    display: inline-block;
    vertical-align: top;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin: 4px;
    padding: 0;
    border-radius: 6px;
    font-size: 20px;
    color: #ffffff;
}
.adult-reg-block .fa-lnk:hover {
    color: #ffffff;
}
.content-wrapper .adult-reg-block i.fa-instagram {
    display: inline-block;
    font-size: 51px;
    line-height: 1;
    margin-top: -4px;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.content-wrapper .adult-reg-block .reg-instagram,
.content-wrapper .adult-reg-block .reg-instagram:hover {
    background: transparent;
}
.content-wrapper .adult-reg-block .reg-instagram:hover i.fa-instagram  {
    background: linear-gradient(145deg, #6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%) no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.adult-reg-block .reg-tel a {
    display: inline-block;
    font-size: 16px;
    text-decoration: underline;
    margin: 24px 0 0 0;
    color: #999999;
}
.adult-reg-block .reg-tel a:hover {
    color: #ec8139
}
@media screen and (max-width: 410px) {
    .adult-reg-block {
        text-align: center;
    }
    .adult-reg-block .fa-lnk {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 20px;
        border-radius: 6px;
    }
    .adult-reg-block i.fa-instagram {
        font-size: 44px;
    }
}
/* END === adult-reg message === */
/* ===========================================================================
[ _informer.scss ]
=========================================================================== */
.informer {
    padding:24px 0;
    background:#ffffff;
}

table.table-informer {
    width:100%;
    table-layout:fixed;
}
table.table-informer tr:last-child td {
    background-color:transparent;
    border:none;
    vertical-align: top;
}
table.table-informer th, table.table-informer td {
    font-size:14px;
    font-size:1.4rem;
    line-height:1.5;
    text-align:center;
    padding:16px;
}
table.table-informer th {
    font-size:14px;
    font-size:1.4rem;
    line-height:1.2;
    text-transform:uppercase;
    font-weight:normal;
    vertical-align:top;
    color:#ffffff;
}
table.table-informer th span {
    display:block;
    font-size:.8em;
    text-transform:lowercase;
    font-weight:normal;
}
table.table-informer th.td-green {
    background:#558c1b;
}
table.table-informer th.td-orange {
    background:#ec7604;
}
table.table-informer th.td-gray {
    background:#777777;
}
table.table-informer td {
    font-size:14px;
    font-size:1.4rem;
    vertical-align:middle;
    border-bottom:1px solid #dddddd;
}
table.table-informer td a.table-informer-btn {
    display:block;
    padding:8px;
    font-size:14px;
    font-size:1.4rem;
    text-transform:uppercase;
    text-decoration:none;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 0 7px 0 rgba(0, 0, 0, .5);
    box-shadow:0 0 7px 0 rgba(0, 0, 0, .5);
    color:#ffffff;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
}
table.table-informer td a.table-informer-btn:hover {
    text-decoration:none;
}
table.table-informer td.td-nomination {
    text-align:left;
}
table.table-informer td.td-green {
    background:#acff53;
    border-bottom:1px solid #7aec00;
}
table.table-informer td.td-green a.table-informer-btn {
    background:#558c1b;
}
table.table-informer td.td-green a.table-informer-btn:hover {
    background:#3b6113;
}
table.table-informer td.td-orange {
    background:#ffe743;
    border-bottom:1px solid #f0d200;
}
table.table-informer td.td-orange a.table-informer-btn {
    background:#ec7604;
}
table.table-informer td.td-orange a.table-informer-btn:hover {
    background:#ba5d03;
}
table.table-informer td.td-gray {
    background:#eeeeee;
}
table.table-informer td.td-gray a.table-informer-btn {
    background:#777777;
}
table.table-informer td.td-gray a.table-informer-btn:hover {
    background:#555555;
}
table.table-informer .choose-terms {
    display: none;
    color: green;
    font-weight: bold;
    margin-top: 10px;
}
/* ===========================================================================
END [ _informer.scss ]
=========================================================================== */

/*book-gift ===========================*/
.book-gift-mes {
    padding: 20px 0 12px 0;
}

.book-gift-mes-i {
    margin: 0;
    padding: 22px 22px 22px 16px;
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

.book-gift-mes  p {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
    padding: 3px 0 0 48px;
}

.book-gift-mes  i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 36px;
    color: #6fbd49;
}

.modal-change-lang {
    width:  800px;
}

.modal-change-lang .modal-container {
    height: 100%;
    overflow-y: hidden;
}
/* END book-gift ===========================*/
/* book in bxslider (last page in reader)  ===========================*/
.reader-text .b-recommended.widget-block {
    width: 460px;
    margin: 10px auto;
    padding-top: 10px;
    padding-bottom: 8px;
    border-radius: 5px;
    border: 1px solid #eeeeee;
    background: #ffffff;
}
.reader-text .b-recommended.widget-block .widget-heading {
    display: block;
    font-size: 16px;
    text-align: center;
}
.bxslider .bw-title {
    margin: 0;
}
.bxslider .bw-author {
    font-size: 11px;
}
/* END book in bxslider (last page in reader)  ===========================*/
/* pageReader book modal (last page in reader) ===========================*/
.pageReader-book-modal .modal-dialog h1 {
    text-align: left;
}
.pageReader-book-modal .modal-dialog p {
    margin: 0 0 8px 0;
    text-align: left;
}
.pageReader-book-modal .book-view-box a.to_lib {
    bottom: 0;
    border-bottom: none;
    font-size: 14px;
}
.pageReader-book-modal .book-view-box .to_lib .glyphicon-ok {
    color: #29a14b;
}
.pageReader-book-modal .btn-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    background-color: transparent;
    color: #cccccc;
    z-index: 2;
}



/* END pageReader book modal (last page in reader) =======================*/
/* [ _widget-halfOpen.scss ] ============================================ */
/*.half-open-title {*/
    /*user-select: none;*/
    /*cursor: pointer;*/
    /*height: 48px;*/
    /*line-height: 48px;*/
    /*margin: 0;*/
    /*padding: 0;*/
/*}*/
/*.half-open-content {*/
    /*position: relative;*/
    /*height: 100px;*/
    /*margin-bottom: 24px;*/
    /*overflow: hidden;*/
    /*color: #7d7d7d;*/
/*}*/
/*.half-open-content:after {*/
    /*content: '';*/
    /*display: block;*/
    /*visibility: visible;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /*height: 100px;*/
    /*background: url(/common/img/content-bg.png) 0 0 repeat-x;*/
    /*z-index: 1;*/
/*}*/
/*.half-open-content.half-open_isVisible {*/
    /*height: auto;*/
/*}*/
/*.half-open-content.half-open_isVisible:after {*/
    /*visibility: hidden;*/
    /*z-index: -1;*/
/*}*/
/*.half-open .icon-arrow-down {*/
    /*font-size: 20px;*/
    /*line-height: 48px;*/
/*}*/
/*.half-open .js-isActive > i {*/
    /*transform: rotateX(180deg);*/
/*}*/
/* END [ _widget-halfOpen.scss ] ============================================ */
/* END book-gift ===========================*/
/* svg-icon =========================*/
.svg-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
/* END svg-icon =====================*/

/* rental-book widget =====================*/
.rental-book-plus {
    display: block;
}
.rental-book-plus > span {
    display: block;
    text-align: center;
    width: 116px;
    height: 176px;
    padding-top: 48px;
    background: #eeeeee;
}
.rental-book-plus > span > i {
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    font-size: 36px;
    color: #ffffff;
    background: #999999;
    margin: auto;
    transition: all .25s;
}
.rental-book-plus > span > span {
    display: block;
    font-size: 12px;
    line-height: 1.15;
    text-align: center;
    margin: 0;
    padding: 4px 0 0 0;
    color: #999999;
    transition: all .25s;
}

.rental-book-plus:hover,
.rental-book-plus:focus {
    text-decoration: none;
}
.rental-book-plus:hover > span > i,
.rental-book-plus:focus > span > i {
    background: #83325a;
}

.rental-book-plus:hover > span > span,
.rental-book-plus:focus > span > span {
    color: #83325a;
}

.rental-books-heading {
    position: relative;
}
.rental-books-heading .icon-close {
    cursor: pointer;
    display: inline-block;
    padding: 8px;
    position: absolute;
    font-size: 13px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    right: 0;
}
.rental-book-progress {
    max-width: 116px;
    font-size: 11px;
    color: #777777;
}
.rental-book-progress .readProgress {
    width: 100%;
    height: 2px;
    margin: 0 0 4px 0;
    background: #bbbbbb;
}
.rental-book-progress .readProgress .progress2 {
    display: block;
    position: relative;
    height: 2px;
    z-index: 1;
    background: #1c8a59;
}
.rental-book-time {
    max-width: 116px;
    display: flex;
    align-items: center;
}
.rental-book-time i {
    flex: none;
    width: 24px;
    font-size: 18px;
    color: #ae889d;
}
.rental-book-time span {
    flex: 1;
    font-size: 11px;
    line-height: 1.2;
    color: #777777;
}

.rental-book-lnk-all {
    display: inline-block;
}
.rental-book-lnk-all:hover {
    color: #23527c;
    text-decoration: underline;
}
/* END rental-book widget =====================*/
/* rental-book finish-question =====================*/
.rental-books-finish-question {
    text-align: center;
    margin: 24px 0;
}
.rb-finish-question-time {
    display: block;
    font-size: 14px;
}
.rb-finish-question-btn > span {
    display: block;
    margin: 0 0 8px 0;
}
.rb-finish-question-btn .btn {
    text-transform: uppercase;
}
/* END rental-book finish-question =====================*/
.rental-books-widget .book-img {
    margin-bottom: 2px;
}
.bw-book-card {
    width: 116px;
    margin: 0 auto;
    padding: 4px 4px 0 0;
}
.rental-book-mark {
    display: flex;
    align-items: center;
    font-size: 12px;
    position: absolute;
    top: -4px;
    right: 0;
    padding: 3px 4px;
    color: #ffffff;
    z-index: 1;
    border-radius: 0 2px 2px 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.col-xs-2 .rental-book-mark {
    right: 4px;
}
.rental-book-mark:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border: 2px solid transparent ;
    border-bottom: 2px solid #333333;
    border-right: 2px solid #333333;

    position: absolute;
    left: -4px;
    top: 0;
}
.rental-book-mark i {
    margin: 0 2px 0 0;
}
.rental-book-mark span {
    font-size: 10px;
}

.mt-5 {
    margin-top: 5px;
}

.breadcrumb-litnet {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.breadcrumb-book {
    margin-bottom: 5px;
}

.breadcrumb-contest {
   background-color: #ffffff;
}

.breadcrumb > li + li:before{
    padding: 0px;
}
/* ----------------------- vidio --- */
.videoEmbed-w,
.vidio-w {
    max-width:800px;
    margin: 0 auto;
}

.videoEmbed,
.vidio {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
}

.videoEmbed.v3-4,
.vidio.v3-4 {
    padding-bottom:75%;
}

.videoEmbed iframe,
.vidio iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* END ----------------------- vidio --- */

/* ===========================================================================
[ _ln_modal ]
=========================================================================== */
.ln_modal {
    background: rgba(0,0,0, .4);
}
.ln_modal .modal-dialog {
    border-radius: 6px;
    background: #ffffff;
    padding: 24px;
    /*box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);*/
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}
.ln_modal .modal-dialog.modal-dialog-p40 {
    padding: 40px;
}
.ln_modal-head {
    display: flex;
    padding: 0 0 24px 0;
    margin: 0 0 24px 0;
    border-bottom: 1px solid #dddddd;
}
.ln_modal-head-title {
    flex: 1;
    font-size: 22px;
    line-height: 1.15;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 0;
    color: #333333;
}
.ln_modal-head .close {
    flex: 0 0 48px;
    margin-top: -2px;
    text-align: right;
    outline: none;
}
.ln_modal-body {
    padding: 0;
    margin: 0;
}
.ln_modal-text strong {
    color: #923a65;
}
.ln_modal-footer {
    padding: 24px 0 0 0;
    margin: 24px 0 0 0;
    border-top: 1px solid #dddddd;
}
/* ===========================================================================
[ END _ln_modal ]
=========================================================================== */
/* ===========================================================================
[ _ln_buy_reward ]
=========================================================================== */
.ln_buy_reward {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    margin: 24px 0;
    border-radius: 5px;
    border: 1px solid #dddddd;
}
.ln_buy_reward-icon {
    flex: 0 0 76px;
    text-align: center;
}
.ln_buy_reward-desctiption {
    flex: 1;
    line-height: 1.2;
}
.ln_buy_reward-bonus {
    flex: 1;
    max-width: 128px;
    text-align: center;
    border-left: 1px solid #dddddd;
}
.ln_buy_reward-icon i {
    font-size: 36px;
    line-height: 1;
}
.ln_buy_reward-desctiption--name {
    font-size: 14px;
}
.ln_buy_reward-desctiption--bonus {
    font-size: 16px;
    font-weight: bold;
    color: #923a65;
}
.ln_buy_reward-bonus ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.ln_buy_reward-bonus ul li {
    list-style: none;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 6px 0;
    color: #923a65;
}
.ln_buy_reward-bonus ul li:last-of-type {
    margin: 0;
}
.ln_buy_reward-bonus i {
    font-size: 14px;
    position: relative;
    top: -1px;
}
.ln_buy_reward-bonus span {
    display: block;
    font-size: 12px;
    line-height: 1;
    font-weight: normal;
    color: #999999;
}
/* ===========================================================================
[ END _ln_buy_reward ]
=========================================================================== */


/*==========AUDIO======================================================================*/
.audio-panel {
    padding: 24px;
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #cccccc;
}
.audio-panel_control-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.audio-panel_control-box > div {
    display: flex;
    align-items: center;
}
.audio-panel_control {
    cursor: pointer;
    color: #923a65;
    background: #ffffff;
    border: none;
    box-shadow: none;
    transition: all .25s ease;
    outline: none;
    user-select: none;
}
.audio-panel_control:hover,
.audio-panel_control:focus {
    color: #923a65;
}
.audio-panel_control-box > div .audio-panel_control {
    margin: 0 6px;
}
.audio-panel_next30 i,
.audio-panel_prev30 i {
    font-size: 28px;
}
.audio-panel_control.audio-panel_play i,
.audio-panel_control.audio-panel_pause i {
    font-size: 40px;
}
.audio-panel_control.audio-panel_speed,
.audio-panel_control.audio-panel_volume {
    position: relative;
    height: 24px;
    width: 24px;
    line-height: 23px;
    text-align: center;
    border-radius: 50%;
    background: #eeeeee;
    color: #333333;
    padding: 0;
}
.audio-panel_control.audio-panel_speed:before,
.audio-panel_control.audio-panel_volume:before {
    content: '';
    display: block;
    height: 36px;
    width: 1px;
    background: #dddddd;
    position: absolute;
    top: -6px;
}
.audio-panel_control.audio-panel_speed:before {
    right: -24px;
}
.audio-panel_control.audio-panel_volume:before {
    left: -24px;
}
.audio-panel_control.audio-panel_speed i,
.audio-panel_control.audio-panel_volume i {
    font-size: 18px;
    line-height: 24px;
}
.audio-panel_control.disabled {
    opacity: .4;
    pointer-events: none;
}
/* --- input range --------------------------------- */
.range_container {
    position: relative;
    padding-top: 8px;
}
.audio-panel_range_time {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #999999;
}
.range_container input[type=range] {
    position: relative;
    -webkit-appearance: none;
    width: 100%;
    margin: -3px 0;
    z-index: 1;
    background: transparent;
}
.range_container input[type=range]:focus {
    outline: none;
}
/* --- track--- */
.range_container input[type=range]::-webkit-slider-runnable-track {
    cursor: pointer;
    width: 100%;
    height: 3px;
    background-color: transparent;
    border-radius: 2px;
    margin: 8px 0;
}
.range_container input[type=range]:focus::-webkit-slider-runnable-track {
    background-color: transparent;
}
.range_container input[type=range]::-moz-range-track {
    cursor: pointer;
    width: 100%;
    height: 3px;
    background-color: transparent;
    border-radius: 1px;
}
.range_container input[type=range]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
.range_container input[type=range]::-ms-fill-lower {
    background-color: transparent;
}
.range_container input[type=range]::-ms-fill-upper {
    background-color: transparent;
}
.range_container input[type=range]:focus::-ms-fill-lower {
    background-color: transparent;
}
.range_container input[type=range]:focus::-ms-fill-upper {
    background-color: transparent;
}
/* --- thumb --- */
.range_container input[type=range]::-webkit-slider-thumb {
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-top: -4px;
    background: #83325a;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    z-index: 2;
}
.range_container input[type=range]::-moz-range-thumb {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #83325a;
    cursor: pointer;
    border: none;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
.range_container input[type=range]::-ms-thumb {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-top: 2px;
    background: #83325a;
    cursor: pointer;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
/* --- progress --- */
.range_container progress {
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    margin: 0;
    border-radius : 2px;
    position: absolute;
    top: 12px;
    left: 0;
    border: none;
    box-shadow: none;
    overflow:hidden;
    z-index: 1;
}
.range_container progress::-moz-progress-bar {
    margin-bottom: 8px;
    background: rgba(179, 71, 125, 0.78);
    border-radius: 2px;
}
.range_container progress::-webkit-progress-bar {
    background: #F1F1F1;
    box-shadow: none;
}
.range_container progress::-webkit-progress-value {
    background: rgba(179, 71, 125, 0.78);
    border-radius: 2px;
}

/* --- drop --- */
.audio-panel_speed_box,
.audio-panel_volume_box {
    position: relative;
}
.audio-panel_speed_box:hover .audio-panel_control,
.audio-panel_volume_box:hover .audio-panel_control {
    color: #ffffff;
    background: #923a65;
}
.audio-panel_speed-value {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: 100%;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #eeeeee;
    box-shadow: none;
    border-radius: 6px;
}
.audio-panel_speed-value li {
    cursor: pointer;
    padding: 6px 16px;
    color: #cccccc;
    transition: all .25s ease;
}
.audio-panel_speed-value li:hover {
    color: #333333;
    background: #eeeeee;
}
.audio-panel_speed-value li.current {
    color: #333333;
}
.audio-panel_volume-value {
    display: none;
    width: 160px;
    position: absolute;
    top: -6px;
    right: 88px;
    z-index: 2;
    margin: 0;
    padding: 16px 8px;
    background: #FFFFFF;
    border: 1px solid #eeeeee;
    box-shadow: none;
    border-radius: 6px;
    align-items: center;
    transform: rotate(-90deg);
    transform-origin: top right;
}
.audio-panel_volume-value i {
    font-size: 18px;
    color: #bbbbbb;
    transform: rotate(90deg);
}
.audio-panel_speed_box:hover .audio-panel_speed-value {
    display: block;
}
.audio-panel_volume_box:hover .audio-panel_volume-value  {
    display: flex;
}
.audio-panel_volume-value .range_container {
    margin: -8px 8px 0 8px;
}

/* --- page btn / select --- */
.reader-control {
    display: flex;
    align-items: center;
    margin: 0 0 24px 0;
}
.reader-btn-w {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #dddddd;
}

.reader-btn {
    white-space: nowrap;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    display: block;
    padding: 0 12px;
    line-height: 42px;
    color: #bbbbbb;
    transition: all .25s ease;
}
a.reader-btn.active,
a.reader-btn:hover {
    text-decoration: none;
    color: #333333;
}
a.reader-btn.reader-btn-brand  {
    color: #923a65;
}

.reader-btn span {
    margin: 0 0 0 8px;
}
.reader-btn i {
    position: relative;
    top: 8px;
    font-size: 24px;
}
.reader-btn i.fz16 {
    top: 5px;
    font-size: 16px;
}
.ln_btn_divider:before {
    content: '';
    display: block;
    width: 1px;
    height: 72%;
    background: #dddddd;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.form-control22.audio_track_list {
    height: 42px;
    padding: 0 8px;
    border-radius: 6px;
    border: 1px solid #dddddd;
    outline: none;
}
/* ------------------------- select_change_arrow ---*/
.select_change_arrow {
    flex: 1;
    position: relative;
}
.select_change_arrow select {
    width: 100%;
    padding-right: 36px !important;
    -webkit-appearance: none !important;
}
.select_change_arrow:before {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: 3px;
    transform: translateY(-50%);
    z-index: 1;
    display: block;
    height: 0;
    width: 0;
    border: 6px solid transparent ;
    border-top-color: #777777;
}
/* ----------------------------------------------------*/
.audio_btn_prompt {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(16px);
    padding: 15px;
    width: 340px;
    border-radius: 8px;
    color: #ffffff;
    background-color: #923a65;
    z-index: 3;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.audio_btn_prompt p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
}
.audio_btn_prompt p i {
    position: relative;
    top: 3px;
    font-size: 1.2em;
}
.audio_btn_prompt:before {
    content: '';
    position: absolute;
    top: -4px;
    right: 162px;
    width: 20px;
    height: 20px;
    background-color: #923a65;
    transform: rotate(-45deg);
}
.audio_btn_prompt a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    margin: 16px 0 0 0;
    color: #ffffff;
}
.audio_btn_prompt a:hover,
.audio_btn_prompt a:focus {
    text-decoration: none;
    color: #ffffff;
}

/*===== AUDIO =============================================================*/
.author_avatar {
    position: relative;
}
.author_audio_lbl {
    position: absolute;
    left: 8px;
    bottom: 8px;
    display: flex;
    width: 24px;
    height: 24px;
    font-size: 16px;
    /*text-align: center;*/
    /*line-height: 23px;*/
    border-radius: 3px;
    background: #ffffff;
    color: #923a65;
}
.author_audio_lbl i {
    margin: auto;
    font-size: inherit;
    color: inherit;
}

.book_parts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    transition: all .25s ease;
}
.book_parts-hover:first-child .book_parts {
    border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.book_parts-hover .book_parts {
    padding: 0 16px;
}
.book_parts-block .book_parts-hover:hover {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}

.book_parts.active-track + .book_parts_desc {
    background: #f1f1f1;
}
.book_parts-block .book_parts-hover:hover .book_parts_desc {
    background: #ffffff;
}
.book_parts_desc {
    margin-top: -1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.book_parts_desc p {
    font-size: 12px;
    margin: 0 16px;
    padding: 8px 4px 16px 4px;
    color: #777777;
    border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.book_parts.parts_move:hover {
    border-color: transparent;
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);*/
    box-shadow: 0 7px 3px -3px rgba(0, 0, 0, .15), 0 -5px 3px -3px rgba(0, 0, 0, .15);
}
.book_parts button, .book_parts .button {
    display: flex;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.book_parts button > i, .book_parts .button > i {
    margin: auto;
}
.book_parts_name {
    flex: 1;
    margin: 0 8px 0 0;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.book_parts_name a {
    color: #333333;
}
.book_parts_name a:hover {
    text-decoration: none;
    color: #923a65;
}
.book_parts_status {
    display: block;
    font-size: 10px;
    line-height: 1;
    color: #cccccc;
}
.book_parts_name input {
    width: 100%;
    padding: 4px 0;
    font-size: 14px;
    color: #333333;
    outline: none;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.book_parts_name input:disabled{
    color: #333333;
    border-bottom: 1px solid transparent;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.book_parts_player {
    display: flex;
    flex: 0 0 48px;
    padding: 0;
    text-align: center;
    color: #923a65;
}
.book_parts_player.book_parts_player-play {
    flex: 0 0 64px;
}
.book_parts_attr {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: rgba(51, 51, 51, 0.6);
}
.book_parts_attr-audio {
    flex: 0 0 360px;
}
.book_parts_attr-text {
    flex: 0 0 400px;
}
.book_parts_attr_date,
.book_parts_attr_time,
.book_parts_attr_size {
    flex: 0 0 100px;
}
.book_parts_attr_access {
    flex: 0 0 140px;
    text-align: right;
    padding: 0 24px 0 0;
    white-space: nowrap;
    border-right: 1px solid rgba(0, 0, 0, 0.13);
}
.book_parts_attr_date {
    margin: 0 8px 0 20px;
}
.book_parts_attr-audio .book_parts_attr_size {
    text-align: right;
    padding: 0 24px 0 0;
}
.book_parts_attr-audio .book_parts_attr_time {
    padding: 0 0 0 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.13);
}
.book_parts_attr-audio .book_parts_attr_format {
    flex: none;
    display: inline-block;
    padding: 0 16px;
}
.book_parts_attr-audio .book_parts_attr_format span {
    font-size: 10px;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 16px;
    color: #923a65;
    background: #F9E6EF;
}


.book_parts_attr-text {
    flex: 0 0 400px;
}
.book_parts_attr-text .book_parts_attr_date {
    /*flex: 0 0 120px;*/
    text-align: right;
    padding: 0 24px 0 0;
}
.book_parts_attr-text  .book_parts_attr_size {
    padding: 0 0 0 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.13);
}

.book_parts_attr-text .book_parts_time {
    padding: 0 16px;
}
.book_parts-i .book_parts_time {
    font-size: 12px;
    padding: 0 8px;
    color: #777777;
}
.book_parts_move,
.book_parts_menu {
    cursor: pointer;
    color: #dddddd;
    transition: all .25s ease;
}
.book_parts_move:hover {
    color: #333333;
}
.book_parts_move {
    position: relative;
    text-align: left;
    padding: 0 8px 0 0;
    margin: 0;
}
.book_parts_move button, .book_parts_move .button {
    cursor: move;
}
.book_parts_attr_voice {
    position: relative;
    margin: 0 0 0 16px;
    color: #dddddd;
}
.book_parts_attr_voice a {
    color: inherit;
}
.book_parts_attr_voice .additional_icon {
    position: absolute;
    bottom: 2px;
    right: -6px;
    font-size: 14px;
}
.book_parts_menu {
    position: relative;
    text-align: right;
    padding: 0 0 0 16px;
    margin: 0 0 0 24px;
}
.book_parts_menu:hover {
    color: #333333;
}
.book_parts_menu:hover .book_parts_menu_list {
    display: block;
}
.book_parts_menu_list {
    display: none;
    min-width: 160px;
    position: absolute;
    right: 6px;
    top: 20px;
    padding: 0;
    margin: 0;

    background: #FFFFFF;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.08), 0 -4px 20px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
}
.book_parts_menu_list a {
    display: block;
    text-decoration: none;
    text-align: left;
    padding: 8px 16px;
    color: #333333;
    transition: all .25s ease;
    white-space: nowrap;
}
.book_parts_menu_list a:hover,
.book_parts_menu_list a:focus {
    text-decoration: none;
    background: #f1f1f1;
}
.book_parts_attr-range,
.book_parts_attr-progress {
    flex: none;
    width: 420px;
    padding: 0 8px;
}
.book_parts_attr-progress progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 4px;
    border: none;
    margin: 0 6px;
    flex: 1;
}
.book_parts_attr-progress progress::-webkit-progress-bar {
    border-radius: 2px;
    background: #f1f1f1;
}
.book_parts_attr-progress progress[value]::-moz-progress-bar {
    border-radius: 2px;
    background: #f1f1f1;
}
.book_parts_attr-progress progress[value]::-webkit-progress-value {
    border-radius: 2px;
    background: #923a65;
}
.book_parts_attr-range,
.book_parts_attr-progress span {
    font-size: 10px;
    color: rgba(51, 51, 51, 0.6);
}
.ln_tabs_nav {
    display: flex;
}
.ln_tabs_nav-item {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    flex: 1;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    overflow: hidden;
    white-space: nowrap;
}
.ln_tabs_nav-item.active {
    color: #923a65;
    border-bottom: 2px solid #923a65;
}

.ln_btn-i_left > i {
    margin-right: 12px;
}

.contents-drop-block {
    padding-left: 3px;
}
.contents-drop-list  {
    margin-right: -1px;
}
.contents-drop-block:hover .contents-drop-list {
    display: block;
}

.files-upload-block .jFiler-input-dragDrop {
    margin: 0 0 24px 0;
    padding: 50px 16px;
    width: 100%;
    background: rgba(245, 245, 245, 0.5);
    border: 1px dashed rgba(51, 51, 51, 0.3);
}
.files-upload-block .jFiler-input-icon {
    font-size: 0;
    margin: 0;
}
.files-upload-block .jFiler-input-icon {
    font-size: 56px;
    line-height: 1;
    margin: 0 0 12px 0;
}
.files-upload-block  .jFiler-input-text h3 {
    font-size: 14px;
    line-height: 1.4;
    font-weight: normal;
    color: rgba(51, 51, 51, 0.3);
}
.files-upload-block .jFiler-choose-btn {
    cursor: pointer;
}
.ln_confirm_block {
    font-family: 'Roboto', sans-serif;
    padding: 24px;
    margin: 24px 0;
    border-radius: 6px;
    border: 1px solid #cccccc;
}
.ln_confirm_block .ln_checkbox {
    font-size: 16px;
    color: #333333;
    margin: 0;
    padding: 0;
    font-weight: 500;
}
.ln_confirm_block .ln_checkbox label {
    font-weight: 500 !important;
    margin: 0 !important;
}
.ln_confirm_block_text {
    font-size: 13px;
    margin: 8px 0 0 36px;
    padding: 0;
    color: #999999;
}
.l_line_gray {
    border-top: 1px solid #cccccc;
}

/* ------------------- подача заявки ---- */
.block-disable {
    display: none;
}
.ln_voiced_field .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 36px;
}
.ln_voiced_field .select2-selection {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 47px;
    padding: 0 16px;
    border-radius: 6px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.ln_voiced_field  .form-group {
    margin-bottom: 20px;
}
.ln_voiced_field .select2-selection__rendered {
    line-height: 47px !important;
}
.ln_voiced_field .select2-selection__arrow {
    height: 45px !important;
}
.ln_voiced_field .field-audiorightrequestform-bookid {
    position: absolute;
    z-index: -1;
}
.ln_voiced_field .field-audiorightrequestform-commission.required.has-error .help-block {
    position: absolute;
    font-size: 11px;
    line-height: 1.15;
}

.ln_voiced_field .info-commission {
    padding: 24px 24px 0 24px;
    margin: 0 0 20px 0;
    border-radius: 6px;
    border: 1px solid #cccccc;
}
.ln_voiced_field .info-commission-item {
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 24px 0;
}
.ln_voiced_field .info-commission-item span {
    float: right;
}

.ln_voiced_field .field-audiorightrequestform-commission {
    position: relative;
}
.ln_voiced_field .field-audiorightrequestform-commission:after {
    content: '';
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    width: 0;
    position: absolute;
    top: 50px;
    right: 16px;
}
.ln_voiced_field .select2-container .select2-selection--single {
    height: 48px;
}
.ln_voiced_field .field-audiorightrequestform-commission .form-control {
    height: 48px;
    padding: 0 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #999999;
}


/*====ln_range ===================================================*/
.ln_range_box {
    position: relative;
    height: 12px;
    width: 100%;
    margin: 0 6px;
}
.ln_range_progress,
.ln_range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    border: none;
}
.ln_range_progress {
    height: 3px;
}
.ln_range {
    height: 12px;
}
.ln_range_box progress::-moz-progress-bar {
    background: rgba(179, 71, 125, 0.78);
    border-radius: 2px;
}
.ln_range_box progress::-webkit-progress-bar {
    background: #dddddd;
    box-shadow: none;
}
.ln_range_box progress::-webkit-progress-value {
    background: rgba(179, 71, 125, 0.78);
    border-radius: 2px;
}
/* --- type=range--- */
input[type=range].ln_range {
    -webkit-appearance: none;
    border-radius: 2px;
    background-color: transparent;
}
input[type=range].ln_range:focus {
    outline: none;
}
/* --- type=range track--- */
.ln_range_box  progress[value]  {
    /* Reset the default appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: rgba(179, 71, 125, 0.78);
}
/* --- type=range thumb --- */
input[type=range].ln_range::-webkit-slider-thumb {
    cursor: pointer;
    -webkit-appearance: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #83325a;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
input[type=range].ln_range::-moz-range-thumb {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #83325a;
    cursor: pointer;
    border: none;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
input[type=range].ln_range::-ms-thumb {
    height: 10px;
    width: 10px;
    margin-top: 1px;
    border-radius: 50%;
    background: #83325a;
    cursor: pointer;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
/*===== end AUDIO =============================================================*/


.ln_btn.ln_btn-loading {
    display: inline-flex;
    justify-content: center;
    position: relative;
    color: transparent;
    text-align: center;
    cursor: wait;
    background: #CA819E !important;
    border-color: #CA819E !important;
}
.ln_btn.ln_btn-loading:hover {
    color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.ln_btn.ln_btn-loading:before {
    position: absolute;
    font-size: 16px;
    content: "\f1ce";
    font-family: 'FontAwesome';
    color: #ffffff;
    -webkit-animation: ln-spin 2s infinite linear;
    animation: ln-spin 2s infinite linear;
}

.ln_btn.ln_btn-sm.ln_btn-loading:before {
    font-size: 12px;
}
.ln_btn.ln_btn-md.ln_btn-loading:before {
    font-size: 18px;
}
.ln_btn.ln_btn-lg.ln_btn-loading:before {
    font-size: 24px;
}

@-webkit-keyframes ln-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/*--- Reader message about paid -------------------------------------------------------------------*/
.chapter_paid {
    text-align: center;
    padding: 24px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    background: #ffffff;
}
.chapter_paid_title {
    font-family: "Roboto", sans-serif;
    text-align: center;
    font-size: 22px;
    margin: 0 0 20px 0;
}
.chapter_paid p {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    max-width: 500px;
    margin: 0 auto 30px auto;
    color: #333333;
}
.chapter_paid .ln_btn-full,
.chapter_paid .ln_btn_get {
    max-width: 280px;
    margin: 10px auto;
}
/*----------------------------------------------------------*/

/*------------------ New wallet ----------------------------*/
.balance-hero {
  display: block;
  border-radius: 8px;
  float: left;
}

.balance-hero .col-sm-12,
.balance-hero .col-sm-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.balance-hero-header {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 41px;
  color: #333333;
}

.balance-plate {
  box-shadow: inset 0px 0px 1px 1px #f1f1f1;
  margin: 0 0 12px 0;
  border-radius: 6px;
  padding: 16px 18px;
}

.balance_value {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.balance_value .btn-primary {
  background: #923A65;
  border: none;
  border-radius: 6px;
  padding: 14px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  text-transform: uppercase;
}

.balance_value .btn-primary:active {
  background: #783053;
}

.balance-value-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 28px;
  color: #777777;
  text-transform: uppercase;
}

.balance-value-sum {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  color: #923A65;
}

.balance-hero-controls {}

.balance_line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.balance_line-toolbar {
  display: flex;
  justify-content: flex-end;
}

.balance_line-toolbar-button {
  border-color: transparent;
  background: #f1f1f1;
  /* margin: 0 4px; */
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  color: #444444;
}

.balance_line-toolbar-button:hover {
  background: #f1f1f1;
  border-color: #dddddd;
  color: #444444;
}

.balance_line-toolbar-button:focus,
.balance_line-toolbar-button:active,
.balance_line-toolbar-button:active:hover {
  background: #777777;
  border-color: transparent;
  box-shadow: none;
  color: #444444;
}

.balance-value-title_2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: #777777;
}

.balance-list {
  margin-left: 0;
  padding-left: 0;
}

.balance-value-sum_2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: #923A65;
}

.balance-list-item {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  flex-wrap: nowrap;
  margin: 9px 0;
}

.balance-list_status svg {
  visibility: collapse;
  width: 14px;
  height: 14px;
  margin: 0 9px 0 0;
}

.balance-list_status.hot svg {
  visibility: visible;
}

.balance-list-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #777777;
  margin-bottom: 18px;
}

.balance-list_status-icon {}

.balance-list_date {
  margin-right: 18px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
}

.balance-list_value {
  margin-right: 18px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
}

.balance-list_exp {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
}

.balance-list-controls-link {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #337AB7;
}

/*----------------------------------------------------------*/
.cke_editable img[style="float:left;"],
.blog-post img[style="float:left;"] {
    margin: 10px 15px 10px 0;
}

.cke_editable img[style="float:right;"],
.blog-post img[style="float:right;"] {
    margin: 10px 0 10px 15px;
}

.blog-post p:last-of-type:after {
    content: " ";
    display: block;
    clear: both;
}

.price-snippet span{
    font-family: 'Roboto', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
}

.price-snippet span.price-prefix-text,
.price-snippet span.price-book-free{
    color: #71747A;
}

.price-snippet span.price-strikethrough-text {
    text-decoration-line: line-through;
    color: #DA2B2B;
}

.price-snippet span.price-actual-price,
.price-snippet span.price-book-bought{
    font-weight: 600;
    color: #508C46;
}

.price-snippet span.price-book-rent svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    position: relative;
    top: 3px;
}

.price-snippet span.price-book-rent span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #DC2626;
}