:root {
    --primary-color: #0FA6AB;
    --modal-bg: #fff;
    --text-color: #000;
    --accent-color: #006b6b;
    --body-bg: #f5f5f0;
    --border-gray: #b0b0b0;
    --hover-start: #fefcea;
    --hover-end: #f1da36;
}
body {
    -webkit-text-size-adjust: 100%;
}
div.noselect {
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
}

div.chapt,
div.chaptfree,
div.fillvk {
    border-radius: 5px;
    font-size: 20px;
    line-height: 150%
}

canvas,
div.backpno,
div.fly,
div.noselect {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

div.backp,
div.boxg2r,
div.crism,
div.jm,
div.menu1,
div.pad2px,
label.iaccept {
    cursor: pointer
}

/* 
.push-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background: var(--modal-bg);
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    max-width: 300px;
    z-index: 1000;
}

.push-notification__title {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.push-notification__text {
    margin: 0;
}

.push-notification__close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: transparent;
    border: none;
    font-size: 16px;
    cursor: pointer;
}
 */

div.backpno,
div.cookie,
h2.bookname,
h3.psum {
    font-weight: 700
}
.button,
.cntl_2 div.ratmsg,
.footer__text-p {
    letter-spacing: .003em
}

.header__second-inner,
.user-message-container,
.user__main-bar {
    scrollbar-color: #999999 transparent;
    scrollbar-width: thin
}

.aside-left-top,
.number-1,
div.bookst,
div.cookie .cookietxt {
    font-feature-settings: 'clig' off, 'liga' off
}

.deployable.header__link.in svg>path,
.header__link svg:hover>path,
a.header__link:hover>* path,
button.header__link:hover>* path,
a.header__link_click>* path {
    stroke: var(--primary-color);
}

.deployable i,
.header__link>:first-child,
.owl-nav,
.reader__btn-font i {
    pointer-events: none
}
@font-face {
    font-family: Times New Roman sans-serif;
    font-display: swap
}
html,
body {
    overflow-y: scroll;
}
body {
    font-size: 16px;
    background: var(--body-bg);
    margin: 0 !important;
    position: relative;
}

.txt {
    color: var(--accent-color);
}

div.city3 {
    color: #038c8c;
    font-size: 20px;
    margin: 4px 0
}

.blog_item_content .content,
.display_flex,
.popup-reader_active,
div.flex {
    display: flex !important;
}

div.cookie {
    color: var(--text-color);
    position: fixed;
    width: calc(100% - 8px);
    box-shadow: 2px -1px 6px #2f6c36;
    left: 4px
}

div.logo {
    width: 123px;
    height: 45px
}

div.widepane {
    position: relative;
    left: -8px;
    width: 876px
}

div.newvotes {
    float: left;
    padding: 32px 0 0;
    width: 60px;
    text-align: center
}

div.rating {
    padding: 4px 3px 8px;
    margin: 0 auto
}

div.of,
tbody,
td,
tfoot,
th,
thead,
tr {
    overflow: hidden
}

div.h175 {
    height: 175px
}

div.rstat {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.cnt-wrapper div.intro,
a,
div.booktc,
div.wsp {
    white-space: normal
}

audio {
    width: 100%;
    height: 38px
}

div.chapt,
div.chaptfree {
    padding: 12px;
    background-color: #adc0c0;
    margin-bottom: 4px
}

div.fillvk {
    padding: 24px;
    background-color: #f6eda4;
    margin: 8px 0 4px
}

input.moveto {
    width: 40px;
    margin-right: 4px;
    line-height: 16px;
    font-size: 12px
}

div.pad2px {
    margin-top: 2px
}

section {
    width: 100%;
    width: calc(100% - 8px);
    position: relative
}

div.pad12topb {
    padding: 12px 0
}

.podpiska-start,
div.blogcol,
div.f20,
li,
p.j {
    text-align: justify
}

li.wh0 {
    background: var(--modal-bg);
    margin-bottom: 16px;
    padding: 0 0 8px
}

div.feedbcntr {
    float: left;
    width: 41px;
    height: 32px;
    margin: 1px 4px 0 0;
    border: 1px solid silver;
    text-align: center;
    color: gray;
    line-height: 30px
}

div.h4p {
    height: 4px
}

div.booktc {
    width: 100%;
    height: 48px;
    overflow: hidden
}

div.balline {
    height: 6.1vh;
    line-height: 6vh;
    float: right;
    color: #fce45e
}

#cnt1:hover #child,
.mobhid,
div.mobstyle,
div.nomob2,
div.shown {
    display: block
}

.mobhidt {
    display: table-cell
}

.hidden-menu,
.mobshow,
.msg-info_hid,
.w700 div .star,
div.chat1,
div.cntr,
div.feedbdlg .capts>div.clb,
div.hid,
div.hiddn,
div.menu01,
div.mob2,
div.nmstyle,
div.nomobstyle,
img.hid {
    display: none
}

div.menu01 {
    height: 100px;
    width: 297px;
    position: absolute
}

div.menu1 {
    border-left: 1px solid var(--border-gray);
    border-right: 1px solid var(--border-gray);
    position: absolute;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 1px 0, rgba(0, 0, 0, .6) 12px 12px 54px 4px;
    margin: 46px 0 0 -1px;
    background: var(--modal-bg);
    text-align: left
}

div.subm {
    padding: 12px 24px 12px 10px;
    font-size: 20px;
    font-family: Times New Roman, sans-serif;
    border-bottom: 1px solid var(--border-gray);
    color: var(--text-color);
}

.dropdown-item:hover,
div.subm:hover {
    background: var(--hover-start);
    background: linear-gradient(to right, var(--hover-start) 0, var(--hover-end) 100%)
}

div.textcenter {
    text-align: center;
    position: relative
}

:not(.item)>.toptile .textcenter {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    position: static !important
}

div.trophy {
    font-size: 12px;
    background: #cae5cf;
    float: right;
    padding: 2px 4px;
    margin-top: 6px
}

h2.bookname {
    font-family: Tahoma, Liberation Serif, sans-serif;
    padding: 0;
    margin: 0;
    text-align: left;
    line-height: 100%
}

h3.bookname {
    padding: 0 8px 0 0;
    margin: 0;
    display: inline
}

div.cnt {
    margin: 0 auto
}

div.f16,
div.f24,
div.header {
    height: 56px
}

div.jm {
    float: left;
    height: 67px;
    width: 96px
}

div.gnres {
    line-height: 140%;
    text-align: left
}

div.basiclux {
    color: #5b4636;
    -webkit-box-shadow: 0 2px 3px 0 #5b463630;
    -moz-box-shadow: 0 2px 3px 0 #5b463630;
    box-shadow: 0 2px 3px 0 #5b463630
}

div.bluxhdr {
    width: 100%;
    height: 30px;
    color: #909090;
    text-align: center;
    font-size: 14px
}

p.promo2 {
    text-align: justify;
    font-size: 14px;
    line-height: 140%;
    margin: 0 0 0 3px;
    color: #666
}

div.promo2 {
    padding: 8px;
    margin: 0 0 24px;
    text-align: justify;
    display: block
}

.cntl_2 .h24,
div.zeroh,
div.zigzag1,
div.zigzag2 {
    height: 0
}

div.zero {
    position: absolute
}

div.backpno,
div.scrollhelp,
div.smi {
    position: relative
}

div.scrollhelp {
    font-size: 24px;
    text-align: center;
    color: var(--text-color);
    top: 200px;
    left: 8px;
    z-index: 100;
    height: 50px;
    line-height: 50px;
    background: silver;
    opacity: .7
}

div.smi {
    float: left;
    font-size: 15px;
    line-height: 24px;
    width: 55px;
    height: 65px;
    text-align: center;
    margin: 0 3px 0 0;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    -webkit-box-shadow: inset rgba(250, 250, 250, .8) -1px 1px 0 0;
    -moz-box-shadow: inset rgba(250, 250, 250, .8) -1px 1px 0 0;
    box-shadow: inset rgba(250, 250, 250, .8) -1px 1px 0 0
}

h3.psum,
p.bdvotes,
p.pad,
textarea.chcomm {
    line-height: 100%
}

div.smi:hover {
    background: #e2fff2
}

div.maket3 {
    padding: 1px 1px 0;
    border: 1px solid silver;
    float: right
}

textarea.chcomm {
    padding: 4px 1px 1px 6px;
    font-size: 16px;
    background: #f8f8e0;
    width: 226px;
    height: 145px;
    color: #0f0f0f;
    border: 1px solid silver
}

div.correction3,
div.correction5 {
    width: 14px;
    float: left
}

div.moveleft {
    padding: 30px 15px 32px
}

label.iaccept {
    padding: 8px 16px 4px 0;
    float: left;
    text-align: left
}

div.correction3 {
    height: 406px
}

div.progressbar {
    width: 668px;
    height: 20px;
    border: 1px solid #c7c7c7;
    cursor: pointer;
    margin-left: 0;
    box-shadow: inset rgba(221, 221, 221, .5) 0 0 2px 2px;
    border-radius: 3px
}

div.bookframe3 {
    width: 660px;
    padding: 0
}

div.bkpg_0 {
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    box-shadow: inset rgba(230, 230, 230, .9) 1px 1px 3px 3px;
    margin: 0 0 4px 12px;
    background: #f3f3f3
}

div.colont_ {
    width: 638px;
    color: #a0a0a0;
    font-size: 12px;
    margin: 0 0 2px 10px;
    padding: 4px 0 0 8px;
    border-bottom: 1px solid var(--border-gray)
}

div.pagecomms {
    font-size: 14px;
    padding-left: 12px;
    background: var(--modal-bg);
}

div.col3,
div.col3res {
    width: 230px;
    float: left;
    margin: 0 8px 0 0;
    min-height: 156px
}

div.col30 {
    width: 240px;
    float: left;
    margin: 0 7px;
    min-height: 156px
}

div.boxg2r {
    float: left;
    color: #909090;
    margin: 0 0 2px 1px;
    padding: 8px 4px;
    text-align: center;
    border: 1px solid #d0d0d0
}

div.backp,
div.backpackR {
    border: 1px solid #e0e0e0;
    float: left
}

div.box2f:hover,
div.box3f:hover,
div.boxg2r:hover {
    background: #e1f2e1
}

div.backpackL {
    width: 572px;
    float: left;
    margin: 1px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px
}

div.backpackR {
    width: 292px;
    min-height: 452px;
    margin: 2px 1px 1px;
    float: left;
    position: relative
}

div.backp {
    width: 110px;
    height: 110px;
    margin: 1px;
    position: relative;
    flex: 0 0 auto
}

div.backp:hover {
    border: 1px solid #202020;
    z-index: 1
}

div.backpno {
    top: 86px;
    left: 70px;
    width: 32px;
    height: 20px;
    background: #e8e8e8;
    color: #202020;
    text-align: right;
    opacity: .7;
    padding: 0 4px 0 0
}

div.crtitle,
div.crtitle2 {
    padding: 4px;
    background: #f0f0f0;
    text-align: center;
    font-size: 20px
}

div.posterL {
    width: 210px;
    float: left;
    clear: both;
    margin-bottom: 8px
}

div.posterR {
    width: 600px;
    float: left
}

div.crtitle {
    width: calc(100% - 8px)
}

div.crtitle2 {
    width: 100%
}

div.crpic {
    width: 110px;
    height: 110px;
    border: 1px solid #f0f0f0;
    margin: 8px auto
}

div.crinfo {
    padding: 4px 8px;
    text-align: justify
}

div.modal {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

div.modalc {
    position: fixed;
    top: calc(50% - 150px);
    left: calc(50% - 250px);
    height: 300px;
    width: 500px;
    margin: 0 auto;
    z-index: 10001;
    background: var(--modal-bg);
    border: 1px solid #ccc;
    -webkit-box-shadow: 10px -10px 0 2000px rgba(0, 0, 0, .7);
    -moz-box-shadow: 10px -10px 0 2000px rgba(0, 0, 0, .7);
    box-shadow: 10px -10px 0 2000px rgba(0, 0, 0, .7)
}

div.cri,
div.crism {
    background-repeat: no-repeat
}

div.crism1,
div.crism11,
div.crism12,
div.crism2,
div.crism3 {
    background-position-y: 0
}

div.cri {
    margin: 4px;
    width: 100px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat
}

div.crism {
    background-image: url("/assets/img/posters/crystals_sm.png");
    margin: 2px;
    width: 25px;
    height: 25px;
    float: left
}

div.loot1,
div.loot2 {
    margin: 4px auto;
    text-align: center
}

div.crism1 {
    background-position-x: 0
}

div.crism2 {
    background-position-x: -25px
}

div.crism11 {
    background-position-x: -50px
}

div.crism3 {
    background-position-x: -75px
}

div.crism12 {
    background-position-x: -100px
}

div.crism10,
div.crism6,
div.crism7,
div.crism8,
div.crism9 {
    background-position-y: -25px
}

div.crism6 {
    background-position-x: 0
}

div.crism7 {
    background-position-x: -25px
}

div.crism8 {
    background-position-x: -50px
}

div.crism9 {
    background-position-x: -75px
}

div.crism10 {
    background-position-x: -100px
}

div.crism14,
div.crism15,
div.crism17,
div.crism18,
div.crism19 {
    background-position-y: -50px
}

div.crism15 {
    background-position-x: 0
}

div.crism18 {
    background-position-x: -25px
}

div.crism17 {
    background-position-x: -50px
}

div.crism14 {
    background-position-x: -75px
}

div.crism19 {
    background-position-x: -100px
}

div.crism13,
div.crism16,
div.crism4,
div.crism5 {
    background-position-y: -75px
}

div.crism16 {
    background-position-x: 0
}

div.crism13 {
    background-position-x: -25px
}

div.crism5 {
    background-position-x: -50px
}

div.crism4 {
    background-position-x: -75px
}

div.loot {
    float: left;
    padding-top: 5px
}

div.loot1 {
    width: 292px
}

div.loot2 {
    width: 147px
}

p.pad {
    font-size: 14px;
    margin: 0 0 16px 40px
}

div.payt,
div.payt1 {
    margin: 4px;
    position: relative;
    cursor: pointer;
    text-align: center;
    float: left
}

div.payt {
    border: 1px solid #e0f8e0;
    padding: 15px
}

div.payt:hover {
    border: 12px solid #e0f8e0;
    padding: 4px
}

div.payt1,
div.payt1:hover {
    border: 12px solid #038c8c;
    padding: 4px
}

.payt .komission,
.payt1 .komission {
    position: absolute;
    bottom: 8px;
    font-size: 14px
}

@media(max-width:767px) {

    .payt .komission,
    .payt1 .komission {
        bottom: 0;
        font-size: 8px
    }
}

img.ctr {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

h3.psum {
    font-family: Times New Roman, sans-serif;
    font-size: 50px;
    text-shadow: 2px 2px 2px rgba(87, 87, 87, .8);
    color: #333;
    margin: 0 0 12px
}

input.w354 {
    width: 354px
}

div.w800_m {
    float: left;
    width: 100%
}

p.bdvotes {
    font-size: 14px;
    padding: 8px
}

.fa-pull-left,
.pull-left,
.small_afisha .toptile .textcenter a.txt img,
div.awi,
div.floatstyle,
div.lft,
div.radiogrp {
    float: left
}

div.star {
    cursor: pointer;
    color: #c73f30;
    font-size: 2rem
}

div.lftA {
    float: left;
    width: 168px;
    text-align: center
}

div.lftB,
td.c2 {
    width: calc(100% - 170px)
}

div.lftB {
    float: left;
    padding: 0 0 0 16px
}

div.progress1 {
    float: left;
    width: 0;
    height: 100%;
    background: var(--text-color);
    opacity: .2
}

div.progress2 {
    float: left;
    width: 22px;
    height: 100%;
    background: gray
}

@media (max-width:934px) {
    div.rating {
        width: 100%;
        margin-bottom: 1rem
    }

    div.progress2 {
        width: 22px
    }

    div.lftA,
    div.lftB,
    div.radiogrp2 {
        width: 100%
    }

    div.lftB {
        padding: 0;
        font-size: 20px
    }

    div.synopsis {
        padding: 20px 0 0;
        font-size: 28px;
        line-height: 130%;
        color: #707570;
        float: left;
        text-align: justify;
        width: 100%
    }

    img.logo {
        height: 7vh;
        width: 19vh
    }

    div.floatstyle {
        float: none
    }

    div.mobstyle,
    div.nomob,
    div.relat {
        display: none
    }

    div.mob,
    div.nmstyle,
    h4.mi {
        display: block
    }

    div.nomobstyle {
        display: block;
        margin-bottom: 2rem
    }

    h2.bookname {
        padding: 0;
        font-weight: 700;
        font-size: 4rem;
        line-height: 100%;
        font-family: Tahoma, Liberation Serif, sans-serif;
        clear: left
    }

    div.trophy {
        font-size: 2rem;
        color: #3f7741;
        background: #cae5cf;
        float: right;
        padding: 0 .5rem;
        line-height: 4rem;
        margin-top: 2.9rem
    }

    div.imgl {
        width: 2.3rem;
        height: 4rem;
        font-size: 2rem
    }

    div.city3 {
        font-size: 3rem;
        margin-top: .5rem;
        line-height: 3rem;
        text-align: left
    }

    div.leftblk {
        float: left;
        width: 222px;
        height: 350px;
        text-align: center
    }

    div.toptile {
        width: 213px
    }

    div.newcomm {
        float: left;
        font-size: 16px;
        line-height: 130%;
        padding: 4px 0 0;
        min-height: 230px;
        width: calc(100% - 60px)
    }

    div.capts {
        font-size: 24px
    }

    div.edinner2 {
        font-size: 20px
    }

    textarea.bigtxt {
        margin: 2px 0 4px;
        padding: 32px 32px 16px;
        background: #f0f0f0;
        width: 100%;
        height: 442px;
        color: #038c8c;
        border: 1px solid #e0e0e0;
        line-height: 160%
    }

    div.fullw2 {
        position: relative;
        width: calc(100% - -16px);
        left: -8px;
        padding: 0 15px;
        line-height: 140%
    }

    div.colont_ {
        margin: 0 0 2px 8px
    }

    div.bkpg_0 {
        margin: 0 0 4px
    }

    div.cnt,
    h4.mi {
        margin: 0
    }

    ::-webkit-scrollbar {
        display: none;
        width: 0 !important
    }

    div.bookframe3,
    div.widepane {
        width: 668px
    }

    div.progressbar {
        width: 668px;
        margin-left: 0
    }

    div.correction3,
    div.correction5 {
        width: 18px
    }

    div.cnt,
    div.r1,
    div.r2 {
        width: 100%
    }

    a.mil1:active,
    a.mil1:link,
    a.mil1:visited,
    a.mil:active,
    a.mil:link,
    a.mil:visited {
        font-family: Arial, sans-serif;
        color: #111
    }

    div.h88 {
        height: 8px
    }

    div.h48 {
        height: 1px
    }

    div.blog {
        font-size: 28px
    }

    div.header {
        height: 80px
    }

    a.mil,
    h4.mi {
        height: 50px
    }

    div.cntl {
        padding: 22px 8px 0;
        background: var(--modal-bg)
    }

    div.mi,
    div.mi1,
    div.mil {
        border-top: 1px solid #404040;
        padding: 16px 8px;
        font-size: 32px
    }

    div.cnt1l a.mi {
        color: var(--text-color)
    }

    div.mi,
    div.mil {
        color: #111
    }

    div.mi:hover {
        background: var(--hover-start);
        background: linear-gradient(to right, var(--hover-start) 0, var(--hover-end) 100%)
    }

    div.mi1 {
        background: #84b7a0;
        color: #fce45e
    }

    a.mi1 {
        font-size: 32px
    }

    h4.mi {
        font-size: 32px;
        padding: 16px 8px 4px
    }

    div.logo {
        font-family: Arial, sans-serif;
        float: left;
        margin: 17px 0 18px;
        cursor: pointer
    }

    div.r1 {
        text-align: right;
        padding: 10px 0 16px;
        font-size: 12px
    }

    div.r2 {
        padding: 6px 0 16px;
        text-align: justify;
        color: gray
    }

    div.bar,
    div.bar1 {
        width: 16px
    }

    div.bar2,
    div.box2r,
    div.relat1 {
        text-align: center
    }

    div.w700 div.pad32 {
        padding: 0
    }

    div.bookinfo {
        font-size: 14px;
        color: var(--text-color);
        padding: 4px 4px 24px 0
    }

    div.relat1 {
        float: left;
        margin: 6px 0 0
    }

    div.bar {
        margin: 0;
        float: right;
        font-size: 12px
    }

    div.bar2 {
        width: 14px;
        border: 1px solid #a0a0a0;
        padding: 2px;
        cursor: help
    }

    div.statistics,
    div.statistics2 {
        width: 100%;
        margin: 0 0 32px;
        font-size: 12px;
        color: gray
    }

    div.statistics2 {
        height: 270px
    }

    div.pad8 {
        width: 8px;
        height: 24px
    }

    select.bookslist {
        width: calc(100% - 200px);
        line-height: 160%;
        font-family: Times New Roman, sans-serif;
        font-style: italic;
        background: beige;
        color: #038c8c;
        margin: 4px 0 12px;
        font-size: 18px;
        cursor: pointer
    }

    div.w130 {
        width: 205px !important;
        font-size: 26px
    }

    div.smi {
        height: 80px;
        padding-top: 35px;
        margin: 0 8px 8px 0
    }

    textarea.sitemail {
        padding: 4px;
        background: #f0f0f0;
        width: 100%;
        height: 100px;
        color: #038c8c;
        border: 1px solid var(--modal-bg);
        font-family: Arial, sans-serif;
        font-size: 28px
    }

    div.box2r {
        float: left;
        cursor: pointer;
        color: #909090;
        margin: 0 0 2px 1px;
        padding: 8px 0;
        width: 64px;
        border: 1px solid #d0d0d0
    }

    div.back,
    div.fwd {
        width: 0;
        height: 0;
        border-top: 73px solid transparent;
        border-bottom: 73px solid transparent;
        cursor: pointer
    }

    div.maket3 {
        float: left;
        margin-left: 4px
    }

    div.fwd {
        float: right;
        margin: 15px 0 4px;
        border-left: 11px solid silver
    }

    div.back {
        float: left;
        margin: 15px 16px 4px 0;
        border-right: 11px solid silver
    }

    label.iaccept {
        width: 300px
    }

    textarea.chcomm1 {
        padding: 1px;
        font-size: 14px;
        background: #f8f8e0;
        width: 226px;
        height: 106px;
        color: #707070;
        border: 1px solid silver;
        margin-left: 4px
    }
}

.clear,
div.clb,
div.flyfr,
div.warning_red,
input.radio2 {
    clear: both
}

@media (min-width:934px) {

    div.fullw2,
    div.relat,
    div.relat1 {
        position: relative
    }

    div.ovfroll {
        overflow-x: hidden
    }

    div.synopsis {
        padding: 8px 0 0;
        font-size: 20px;
        line-height: 130%;
        color: #707570;
        float: left;
        text-align: justify;
        width: 100%
    }

    div.bar2,
    div.box2r,
    div.leftblk,
    div.relat,
    div.relat1 {
        text-align: center
    }

    div.leftblk {
        float: left;
        width: 222px
    }

    div.toptile {
        width: 220px
    }

    div.capts {
        font-size: 36px
    }

    div.edinner2 {
        font-size: 28px
    }

    textarea.bigtxt {
        margin: 2px 0 4px;
        padding: 32px 32px 16px;
        background: #f0f0f0;
        width: 890px;
        height: 442px;
        color: #038c8c;
        border: 1px solid #e0e0e0;
        line-height: 160%
    }

    div.newcomm {
        float: left;
        font-size: 16px;
        line-height: 130%;
        padding: 4px 0 0;
        min-height: 230px;
        width: calc(100% - 60px)
    }

    textarea.chcomm1 {
        padding: 1px;
        font-size: 14px;
        background: #f8f8e0;
        width: 226px;
        height: 106px;
        color: #707070;
        border: 1px solid silver
    }

    div.fullw2 {
        left: -15px;
        width: 920px;
        padding: 0 15px;
        line-height: 140%
    }

    div.back,
    div.fwd {
        width: 0;
        height: 0;
        border-top: 68px solid transparent;
        border-bottom: 68px solid transparent;
        cursor: pointer
    }

    div.fwd {
        float: right;
        margin: 15px 0 4px;
        border-left: 12px solid silver
    }

    div.back {
        float: left;
        margin: 15px 16px 4px 0;
        border-right: 12px solid silver
    }

    div.col30,
    div.mob {
        display: none
    }

    div.box2r {
        float: left;
        cursor: pointer;
        color: #909090;
        margin: 0 0 0 1px;
        padding: 8px 0;
        border: 1px solid #d0d0d0;
        width: 30px
    }

    textarea.sitemail {
        padding: 4px;
        background: #f0f0f0;
        width: 100%;
        height: 100px;
        color: #038c8c;
        border: 1px solid var(--modal-bg);
        font-family: Arial, sans-serif
    }

    select.bookslist {
        width: 780px;
        line-height: 160%;
        font-family: Times New Roman, sans-serif;
        font-style: italic;
        background: beige;
        color: #038c8c;
        margin: 4px 0 12px;
        font-size: 18px;
        cursor: pointer
    }

    div.radiogrp2 {
        width: 658px;
        float: left
    }

    div.bar {
        width: 25px;
        margin: 2px 2px 2px 1px;
        float: right
    }

    div.bar1,
    div.bar2 {
        width: 20px
    }

    div.statistics,
    div.statistics2 {
        margin: 0 0 32px;
        font-size: 12px;
        color: gray
    }

    div.bar2 {
        border: 1px solid #a0a0a0;
        padding: 2px;
        cursor: help
    }

    div.statistics {
        width: 100%
    }

    div.statistics2 {
        width: 868px;
        height: 270px
    }

    div.bookinfo {
        font-size: 14px;
        color: var(--text-color);
        padding: 4px 0 24px
    }

    div.w700 {
        width: calc(100% - 222px);
        float: left;
        margin-left: 12px
    }

    div.relat {
        float: left;
        width: 100%;
        margin: 6px 0 0;
        font-size: 16px;
        line-height: 150%
    }

    div.relat1 {
        float: left
    }

    img.img100 {
        margin: 7px 6px 0 0
    }

    div.w130 {
        width: 142px !important;
        font-family: Tahoma, Liberation Serif, sans-serif, Times New Roman Cyr !important;
        font-size: 20px
    }

    div.r1 {
        float: right;
        width: 220px;
        text-align: right;
        padding: 10px 0 16px;
        font-size: 12px
    }

    div.r2 {
        float: left;
        padding: 6px 0 16px;
        width: 610px;
        text-align: justify;
        color: gray
    }

    div.cntl {
        width: 920px;
        float: right;
        padding: 8px 15px 0;
        background: var(--modal-bg);
        z-index: 100;
        -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
        -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
        box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px
    }

    input.srch {
        border: 0 solid var(--modal-bg);
        cursor: pointer;
        margin: 2px 0 0;
        width: 15px;
        height: 22px
    }

    div.srch {
        margin: 10px 0 0 4px;
        width: 90px;
        height: 28px;
        padding: 0;
        color: #707070;
        background: #f8f8f8;
        border: 1px solid var(--border-gray);
        border-radius: 5px
    }

    h4.mi {
        font-family: Tahoma, Liberation Serif, sans-serif;
        font-size: 14px;
        margin: 0;
        padding: 0;
        font-weight: 400;
        display: inline
    }

    div.mi,
    div.mi1 {
        font-weight: 400;
        font-family: Tahoma, Liberation Serif, sans-serif;
        font-size: 16px;
        line-height: 25px
    }

    div.mi {
        height: 45px;
        float: left;
        padding: 10px 8px 0
    }

    div.menr {
        height: 41px;
        cursor: pointer;
        text-align: center;
        width: 100%;
        float: none
    }

    div.menr>* {
        display: inline-block;
        float: none !important;
        vertical-align: middle
    }

    div.menr>*+* {
        margin-left: 20px
    }

    div.mi1 {
        height: 43px;
        float: left;
        padding: 8px 8px 2px;
        color: #fce45e;
        margin-top: 2px
    }

    div.mil,
    div.mil1 {
        font-size: 20px;
        float: left;
        margin-right: 16px;
        z-index: 100
    }

    div.nomob {
        display: block
    }

    .cntl_2 div.w700 {
        width: 100%;
        float: none
    }
}

@media (min-width:1220px) {
    div.leftblk {
        float: unset;
        width: 222px;
        text-align: center
    }

    div.toptile {
        width: 216px
    }

    div.capts {
        font-size: 36px
    }

    div.edinner2 {
        font-size: 28px
    }

    textarea.bigtxt {
        margin: 2px 0 4px;
        padding: 32px 32px 16px;
        background: #f0f0f0;
        width: 874px;
        height: 442px;
        color: #038c8c;
        border: 1px solid #e0e0e0;
        line-height: 160%
    }

    div.newcomm {
        float: left;
        font-size: 16px;
        line-height: 130%;
        padding: 4px 0 0;
        min-height: 230px;
        width: calc(100% - 60px)
    }

    div.fullw2 {
        position: relative;
        left: -15px;
        width: 904px;
        padding: 0 15px;
        line-height: 140%
    }

    div.cnt {
        position: relative;
        -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
        -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
        box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
        overflow: hidden;
        display: -webkit-flex;
        display: flex
    }

    div.cntl {
        width: 904px;
        float: right;
        padding: 8px 15px 0;
        background: var(--modal-bg);
        z-index: 100;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    div.cntr {
        display: block;
        width: 296px;
        border-right: 1px solid silver;
        background: #f0f0f0;
        float: left;
        height: 100%
    }

    div.cnt,
    div.cnt-wrapper {
        width: 1440px;
        margin: 0 auto
    }
}

.nav-scroller .nav,
div.bookstatus1 {
    overflow-x: auto;
    white-space: nowrap
}

div.menu {
    height: 55px
}

div.lef321 {
    left: -8px
}

div.menuoff {
    border-left: 1px solid #111;
    border-right: 1px solid #111
}

.nav-item:hover,
div.menuoff:hover {
    background: #333
}

div.pad8 {
    padding: 0 8px 3px
}

div.padx {
    padding: 64px 0 0 30px
}

div.pad32top {
    padding: 32px 0 0
}

div.pad12top {
    padding: 12px 0 0
}

textarea.aboutme,
textarea.aboutme2 {
    padding: 4px;
    color: #038c8c;
    margin: 4px 0 8px;
    background: #f0f0f0;
    border: 1px solid var(--modal-bg);
    font-family: Arial, sans-serif;
    height: 140px
}

textarea.aboutme2 {
    width: calc(100% - 9px)
}

textarea.forumcom {
    margin: 4px 0 0;
    padding: 8px 8px 8px 12px;
    background: #f0f0f0;
    width: calc(100% - 4px);
    height: 278px;
    color: #111;
    border: 1px solid var(--modal-bg);
    font-family: Arial, sans-serif;
    font-size: 28px
}

div.ftopic,
h3.series {
    font-family: Tahoma, Liberation Serif, sans-serif;
    font-weight: 400
}

div.ebk {
    float: left;
    width: 281px
}

h3.ebook {
    font-weight: 400;
    padding: 0 0 12px;
    margin: 0
}

h3.series {
    font-size: 24px;
    padding: 40px 0 12px;
    margin: 0;
    color: #901090
}

div.ftopic {
    width: 100%;
    margin: 6px 0 24px;
    padding: 12px 0;
    border-top: 3px solid #777;
    border-bottom: 3px solid #777;
    font-size: 36px;
    line-height: 36px;
    color: #777
}

div.upic {
    float: right;
    margin-left: 6px;
    height: 36px;
    line-height: 36px;
    -webkit-box-shadow: inset rgba(155, 155, 155, .5) 1px 1px 2px 0, rgba(100, 100, 100, .5) 1px 1px 3px;
    -moz-box-shadow: inset rgba(155, 155, 155, .5) 1px 1px 2px 0, rgba(100, 100, 100, .5) 1px 1px 3px;
    box-shadow: inset rgba(155, 155, 155, .5) 1px 1px 2px 0, rgba(100, 100, 100, .5) 1px 1px 3px
}

div.offer,
input.leavefb {
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px
}

div.upic100 {
    width: 80px;
    float: right
}

h3.ftopic {
    padding: 0;
    margin: 0
}

select.books,
select.discounts {
    line-height: 160%;
    font-family: Times New Roman, sans-serif;
    background: var(--modal-bg);
    color: #038c8c;
    margin: 12px 0 0;
    border: 1px solid var(--modal-bg);
    cursor: pointer;
    font-weight: 700
}

div.pad5 {
    padding: 5px 0
}

div.bname {
    font-size: 24px;
    padding: 16px 0 0 32px;
    float: left
}

div.pad32 {
    padding: 0 0 0 16px
}

div.pad16right {
    padding: 0 16px 0 0
}

div.genre {
    float: left;
    width: 80px
}

div.glav {
    float: left;
    width: 54px
}

div.fav {
    float: left;
    width: 120px
}

div.serie {
    float: left;
    text-align: justify;
    width: 100%
}

select.books {
    font-size: 18px;
    width: 278px
}

select.discounts {
    font-size: 48px;
    width: auto;
    text-align: right
}

div.cntdown,
div.prc,
div.stxt {
    font-family: Arial, sans-serif
}

div.exclusive,
div.sale {
    cursor: help;
    display: inline-block;
    position: absolute
}

h4 {
    margin: 0 0 16px;
    font-size: 20px;
    color: var(--text-color) !important
}

div.sociallike {
    padding: 8px 4px 0 0;
    width: 140px;
    float: left
}

div.sociallike3 {
    padding: 8px 8px 0;
    width: 104px;
    float: left
}

div.sociallike3c,
div.sociallike3d,
div.sociallike4 {
    padding: 8px 0 0 8px;
    float: left
}

div.sociallike3c {
    width: 90px
}

div.sociallike3d {
    width: 114px
}

div.sociallike4 {
    width: 16px
}

div.social {
    width: 100%;
    height: 35px
}

div.sale {
    border-radius: 50%;
    border: 1px solid #efdf00;
    top: -10px
}

div.exclusive {
    width: 180px;
    height: 67px;
    top: 0;
    left: 0;
    z-index: 100
}

div.offer {
    background: #e0f8e0;
    margin: 24px 12px 0;
    border: 1px solid #879292;
    padding: 24px 4px 16px;
    text-align: center;
    width: calc(100% - 24px);
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px
}

div.onesale,
div.saleval {
    border: 1px dashed #909090
}

div.prc {
    width: 100%;
    opacity: .7;
    font-size: 12px;
    color: var(--text-color);
    padding: 4px 2px 2px
}

div.stxt {
    text-align: center
}

div.saleval {
    margin: 4px 0 12px;
    padding: 8px;
    font-weight: 700;
    background: #f0f0f0
}

div.cntdown {
    font-size: 24px;
    margin: 4px 0
}

div.onesale {
    margin: 12px 0;
    padding: 12px
}

div.pagescnt {
    width: 224px;
    padding: 8px;
    border: 1px solid #f0f0f0;
    margin-right: 8px;
    float: left;
    text-align: left
}

select.price,
select.pricew90 {
    font-size: 20px;
    font-weight: 700;
    font-family: FontAwesome, Times New Roman, sans-serif;
    color: #038c8c;
    background-color: #cfc;
    border: 5px solid #cfc;
    cursor: pointer;
    line-height: 160%
}

select.pricew90 {
    width: 90px;
    margin-top: 2px;
    height: 36px
}

select.price {
    width: 130px
}

div.d0,
div.d1 {
    height: 8px;
    width: 12px;
    margin: 1px 1px 1px 0;
    float: left
}

div.d0 {
    background: #f7f7f7
}

div.d1 {
    background: #e1f2e1
}

select.dictor,
select.wish {
    font-weight: 700;
    margin: 1px;
    font-size: 18px;
    height: 32px;
    font-family: Times New Roman, sans-serif;
    color: #038c8c;
    border: 1px solid #f0f0f0;
    cursor: pointer
}

select.wish {
    width: 116px;
    line-height: 160%
}

select.dictor {
    width: 100%;
    text-align: center
}

select.width220 {
    width: 220px
}

select.genremod {
    font-size: 18px;
    width: 400px;
    height: 32px;
    font-family: Times New Roman, sans-serif;
    color: #038c8c;
    border: 1px solid #f0f0f0;
    margin: 1px 1px 0 0;
    padding: 4px;
    cursor: pointer
}

input.phone,
input.phone2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 160%;
    font-family: Times New Roman, sans-serif;
    color: #038c8c;
    margin: 2px 0
}

input.phone {
    width: 130px;
    background-color: #cfc;
    border: 1px solid #cfc
}

input.phone2 {
    width: 100px;
    background: #f0f0f0;
    border: 1px solid #a0a0a0;
    padding: 0 4px
}

input.gotobook,
input.gotobook2,
input.title {
    font-family: Times New Roman, sans-serif;
    color: #038c8c;
    background-color: #e0f8e0;
    border: 1px solid #a8c9a8;
    font-weight: 700
}

input.gotobook,
input.gotobook2 {
    height: 44px;
    padding: 2px 4px 0 10px
}

input.gotobook {
    width: 100px;
    margin: 6px 0 2px 16px
}

.wrapper-left-blk img.shadow1,
input.gotobook2 {
    margin-bottom: 12px
}

input.title {
    width: 100%
}

div.picprv {
    display: inline-block;
    border: 1px solid #fcfcfc;
    margin: 0 4px 4px 0
}

div.bookstatus1 {
    margin: 2px 0;
    padding: 0;
    color: #909090;
    font-size: 15px;
    width: 100%;
    text-align: justify;
    overflow-y: hidden;
    scrollbar-width: thin;
    cursor: pointer
}

div.booktext,
div.intro,
div.viewdoc {
    white-space: pre-wrap
}

div.ovf2 {
    width: auto
}

div.price {
    float: left;
    height: 54px;
    padding: 4px 8px 0;
    margin: 0 8px;
    background-color: #cfc;
    border: 1px solid #e0e0e0
}

div.bmsel:hover,
div.greencolor {
    background: #e0f8e0
}

div.fbt {
    float: left;
    font-family: Tahoma, Liberation Serif, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    color: var(--modal-bg)
}

input.leavefb,
input.uplaudio {
    padding: 4px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #afba99;
    float: left
}

input.leavefb,
input.uplaudio,
select.series {
    color: #038c8c;
    cursor: pointer
}

input.leavefb {
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    width: 180px;
    height: 32px;
    background: beige;
    background: linear-gradient(to bottom, beige 0, beige 32%, #e2e2bc 100%)
}

input.bluebtn,
input.bluebtn2,
input.btngray,
input.btnorder,
input.grayb,
input.regmein,
input.uplaudio {
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px
}

input.w192 {
    width: 196px
}

input.btngray:hover,
input.grayb:hover,
input.leavefb:hover,
input.uplaudio:hover {
    background: #f0f0f0;
    background: linear-gradient(to bottom, #f0f0f0 0, #d1d1d1 100%);
    background: linear-gradient(to bottom, #f0f0f0 0, #d1d1d1 100%)
}

input.uplaudio {
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    width: 180px;
    height: 35px;
    margin: 2px 0 0 5px;
    background: beige;
    background: linear-gradient(to bottom, beige 0, beige 32%, #e2e2bc 100%);
    background: linear-gradient(to bottom, beige 0, beige 32%, #e2e2bc 100%)
}

select.series {
    width: 580px;
    line-height: 160%;
    font-family: FontAwesome, Times New Roman, sans-serif;
    font-style: italic;
    background: var(--modal-bg);
    margin: 4px 0 12px;
    border: 1px solid var(--modal-bg);
    font-size: 28px
}

option.s {
    color: #909090;
    background-color: silver;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0 4px 4px
}

option.sn,
p.gry,
span.offl1 {
    color: gray
}

input.series {
    width: 548px;
    padding: 16px
}

div.newseries {
    padding: 16px;
    position: absolute;
    margin-top: 2px;
    background-color: #d0d0d0;
    border: 1px solid #a0a0a0;
    display: none
}

div.short {
    text-align: justify;
    background-color: #f7dddc;
    font-size: 18px;
    line-height: 140%;
    padding: 12px 0 12px 12px;
    margin: 0 0 18px;
    display: none
}

div.plslogin {
    padding: 20px 50px;
    position: fixed;
    text-align: center;
    top: 100px;
    left: 212px;
    background-color: #d0d0d0;
    border: 2px solid #a0a060;
    display: none;
    z-index: 100;
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .4) 6px 6px 6px 6px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .4) 6px 6px 6px 6px;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .4) 6px 6px 6px 6px
}

input.radio {
    height: 24px;
    width: 32px;
    margin-top: 4px;
    float: left;
    cursor: pointer;
    margin-bottom: 1rem
}

input.radio4 {
    height: 22px;
    width: 24px;
    margin: 9px 4px 0 -5px;
    float: left;
    cursor: pointer
}

label.radioF {
    padding: 3px 0 0 2px;
    cursor: pointer;
    float: left;
    width: calc(100% - 50px)
}

label.radio {
    padding: 4px 0 0 2px;
    width: 150px;
    height: 24px;
    float: left;
    cursor: pointer
}

label.radio2,
label.radio3,
label.radio4 {
    padding: 4px 0 4px 4px;
    text-align: left;
    cursor: pointer;
    float: left
}

input.radio2 {
    height: 24px;
    width: 32px;
    margin-top: 4px;
    float: left;
    cursor: pointer
}

label.radio2 {
    width: 350px
}

label.radio3 {
    width: 650px
}

label.radio5 {
    padding: 4px 0 0 2px;
    cursor: pointer;
    float: left;
    width: calc(100% - 34px)
}

div.hl {
    height: 84px
}

div.imginf {
    font-size: 12px;
    padding: 4px
}

label.r204,
label.radios,
label.radios3 {
    padding: 4px 0 4px 4px;
    text-align: left;
    cursor: pointer
}

div.bookimg {
    border: 1px solid var(--modal-bg);
    float: left;
    margin: 4px 4px 0 0
}

div.bookimg:hover {
    border: 1px solid #038c8c
}

label.radios {
    width: 170px;
    float: left
}

label.r204 {
    width: 204px;
    float: left
}

label.radios3 {
    display: block
}

div.astable {
    display: table
}

div.saledesc {
    border: 1px dashed #909090;
    margin: 12px 0;
    text-align: justify
}

div.salebooks {
    float: left;
    width: 218px;
    height: 312px;
    padding: 4px 4px 4px 0
}

div.donat {
    float: left;
    width: 260px;
    height: 35px
}

img.pad {
    margin: 0 0 0 25px
}

p.headline {
    font-family: Arial, cursive;
    font-size: 88px;
    color: #038c8c;
    margin: 0
}

div.rht,
td.ar {
    text-align: right
}

div.buyalls {
    float: right;
    width: 150px;
    font-size: 14px
}

div.buyall {
    float: right;
    padding: 4px 8px 8px;
    line-height: 140%;
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .2) 0 6px 18px 0;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .2) 0 6px 18px 0;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .2) 0 6px 18px 0
}

div.cyellow {
    background: #f6eda4
}

div.cgray {
    background: #f5f5f5
}

span.lnk {
    color: #038c8c;
    cursor: pointer
}

span.lnk16 {
    color: #038c8c;
    cursor: pointer;
    font-size: 16px
}

canvas {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.fly,
div.rl3 {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

td.w86 {
    width: 86px
}

td.w230 {
    width: 240px
}

#ask_age-popup .popup .popup-body p,
.popup .popup-footer .checkboxes,
.rstat p,
td.ac {
    text-align: center
}

a:active,
a:link,
a:visited {
    text-decoration: none
}

a.gray:hover,
a:hover,
div.lnk1:hover,
div.lnk:hover {
    text-decoration: underline
}

a.lnkdot:active,
a.lnkdot:link,
a.lnkdot:visited {
    border-bottom: 1px dotted #038c8c;
    text-decoration: none
}

a.gray:active,
a.gray:link,
a.gray:visited {
    color: #606060;
    text-decoration: none
}

.span_cursor,
a.txt,
a.txt:active,
a.txt:link,
a.txt:visited,
div.ptr,
td.ptr {
    cursor: pointer
}

a.smi1:active,
a.smi1:link,
a.smi1:visited,
a.txt:hover {
    color: var(--text-color)
}

a.logo:active,
a.logo:link,
a.logo:visited {
    color: #7ab099;
    text-decoration: none
}

a.lnk1:active,
a.lnk1:link,
a.lnk1:visited,
a.lnk:active,
a.lnk:link,
a.lnk:visited,
a.logo:hover,
div.city2 {
    color: #038c8c
}

a.sm:active,
a.sm:link,
a.sm:visited {
    color: #707070;
    font-size: 12px
}

a.taglnk0:active,
a.taglnk0:link,
a.taglnk0:visited {
    color: #038c8c;
    font-size: 14px
}

a.taglnk2:active,
a.taglnk2:link,
a.taglnk2:visited,
a.taglnk3:active,
a.taglnk3:link,
a.taglnk3:visited {
    color: #038c8c;
    padding: 2px 12px 2px 0
}

a.chptitle:active,
a.chptitle:link,
a.chptitle:visited {
    color: #038c8c;
    line-height: 32px
}

a.taglnk4:active,
a.taglnk4:link,
a.taglnk4:visited {
    font-family: Tahoma, Liberation Serif, sans-serif;
    color: var(--text-color);
    padding: 2px 12px 2px 0
}

a.booklnk4:active,
a.booklnk4:link,
a.booklnk4:visited {
    font-family: Tahoma, Liberation Serif, sans-serif;
    color: var(--text-color);
    font-size: 32px;
    line-height: 100%
}

a.tag28:active,
a.tag28:link,
a.tag28:visited {
    font-family: Tahoma, Liberation Serif, sans-serif;
    font-size: 28px;
    color: var(--accent-color)
}

div.fquote {
    font-style: italic;
    color: gray;
    padding: 2px 2px 2px 8px;
    border-left: 4px solid gray;
    margin-left: 24px;
    text-align: justify;
    font-size: 16px;
    line-height: 120%
}

div.gt {
    display: inline;
    padding: 0 8px
}

a.mi:active,
a.mi:link,
a.mi:visited {
    color: beige;
    font-size: 18px
}

a.mi1:active,
a.mi1:link,
a.mi1:visited,
i.yellow {
    color: #fce45e
}

a.mil1:active,
a.mil1:link,
a.mil1:visited {
    text-decoration: none;
    color: #111
}

a.mil:active,
a.mil:link,
a.mil:visited {
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #111;
    text-decoration: none
}

a.footer__menu-link:hover,
div.st4 {
    text-decoration: underline
}

div.coauthor {
    padding: 10px;
    margin: 0 10px 0 0;
    background: #f8fcf8
}

input.w468 {
    width: 468px !important
}

.cntl_2 .small_afisha section.series,
input.w866 {
    width: 100% !important
}

div.suggest {
    position: absolute;
    margin-top: 2px;
    width: 580px;
    height: 260px;
    background-color: #d0d0d0;
    overflow: auto;
    display: none
}

input.newpwd,
input.picdescr {
    font-family: Times New Roman, sans-serif;
    font-style: italic;
    background: #f0f0f0
}

div.suggitem {
    padding: 16px 4px 16px 16px;
    cursor: pointer
}

div.city {
    font-size: 14px;
    color: #038c8c
}

div.cityc {
    color: #038c8c;
    overflow: hidden;
    height: 21px
}

div.citycnt {
    display: inline;
    font-size: 14px;
    color: #909090;
    padding-left: 8px
}

input.picdescr {
    width: 100px;
    height: 20px;
    border: 0;
    border-bottom: 1px dashed #909090;
    padding: 0 4px 0 1px;
    margin-right: 4px
}

div.picdescr {
    width: 846px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 4px;
    padding-bottom: 16px;
    font-style: italic
}

input.newpwd {
    width: 140px;
    color: #038c8c;
    border: 0;
    border-bottom: 1px dashed #909090;
    padding: 4px 10px;
    margin: 20px 8px 0 0;
    height: 33px;
    font-size: 28px
}

.user,
.user-message,
div.sgray2,
h3.commn {
    font-style: normal
}

input.bluebtn,
input.bluebtn2,
input.btngray,
input.btnorder,
input.grayb,
input.regmein {
    color: var(--modal-bg);
    height: 60px;
    cursor: pointer;
    border: 1px solid #038c8c;
    width: 240px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    background: #04a5a5;
    background: linear-gradient(to bottom, #04a5a5 0, #038c8c 32%, #007c7c 63%, #007c7c 100%);
    font-family: FontAwesome, sans-serif
}

div.bluebtn2,
input.bluebtn4 {
    color: var(--modal-bg);
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    cursor: pointer;
    font-family: FontAwesome, sans-serif
}

div.bluebtn2 {
    margin: 8px 9px 16px 0;
    border: 1px solid #038c8c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    background: #04a5a5;
    background: linear-gradient(to bottom, #04a5a5 0, #038c8c 32%, #007c7c 63%, #007c7c 100%);
    float: left
}

div.bluebtn2:hover {
    color: #fce45e;
    margin: 9px 8px 15px 1px
}

input.bluebtn2:hover,
input.bluebtn4:hover,
input.bluebtn:hover,
input.bluesmbtn:hover,
input.regmein:hover {
    background: #98d6bb;
    background: linear-gradient(to bottom, #98d6bb 0, #98d6bb 44%, #aaedcf 100%);
    background: linear-gradient(to bottom, #98d6bb 0, #98d6bb 44%, #aaedcf 100%);
    font-family: FontAwesome, sans-serif
}

input.bluebtn4 {
    font-size: 18px;
    border: 1px solid #038c8c;
    width: 162px;
    height: 43px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    background: #04a5a5;
    background: linear-gradient(to bottom, #04a5a5 0, #038c8c 32%, #007c7c 63%, #007c7c 100%);
    background: linear-gradient(to bottom, #04a5a5 0, #038c8c 32%, #007c7c 63%, #007c7c 100%)
}

input.tinybtn {
    font-size: 12px;
    background: #e0e0e0;
    height: 20px;
    line-height: 17px;
    color: #400000;
    cursor: pointer;
    margin-right: 2px
}

input.tinybtn:hover {
    background: #dbf7db
}

.hormenu .btn,
input.marg0 {
    margin: 0 !important
}

input.bluebtn {
    width: 162px;
    height: 43px;
    margin: 20px 0 0;
    color: var(--modal-bg);
    cursor: pointer
}

input.bluebtn2,
input.grayb {
    height: 32px;
    cursor: pointer
}

input.bluebtn2 {
    width: 220px;
    margin: 20px 0 0;
    color: var(--modal-bg) !important;
    background: var(--primary-color) !important;
    border-radius: 4px;
    border: 1px solid var(--primary-color)
}

input.back {
    background-color: var(--primary-color);
    color: var(--modal-bg);
    padding: 12px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    line-height: 16px
}

a.og_btn.bir:hover,
input.bluebtn2:hover,
input.grayb:hover {
    background: #59ccd0 !important
}

span.online {
    color: #a7d1a7
}

span.offl {
    color: #c9c05a
}

input.bluesmbtn {
    margin: 2px 4px 0 0;
    font-weight: 400;
    color: var(--modal-bg);
    cursor: pointer;
    border: 1px solid #038c8c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    background: #04a5a5;
    background: linear-gradient(to bottom, #04a5a5 0, #038c8c 32%, #007c7c 63%, #007c7c 100%);
    font-family: FontAwesome, sans-serif
}

input.btnorder {
    color: var(--text-color);
    background: #c7de96;
    background: linear-gradient(to bottom, #c7de96 0, #89b76b 37%, #388335 100%)
}

input.btnorder:hover {
    background: #cde1a1;
    background: linear-gradient(to bottom, #cde1a1 0, #95be7a 37%, #419a3e 100%);
    background: linear-gradient(to bottom, #cde1a1 0, #95be7a 37%, #419a3e 100%)
}

input.grayb {
    padding: 0;
    width: 180px;
    margin: 2px 0 0;
    color: var(--primary-color) !important;
    background: var(--modal-bg) !important;
    text-align: center;
    font-family: FontAwesome, sans-serif
}

div.box00,
div.box01 {
    height: 28px;
    float: left
}

h3.subg,
p.j2 {
    text-align: justify
}

div.itemname,
h1.itemname,
h2.title,
h3.itemname {
    font-family: Tahoma, Liberation Serif, sans-serif;
    font-weight: 400
}

input.btngray,
input.grayb {
    background: beige;
    background: linear-gradient(to bottom, beige 0, beige 32%, #e2e2bc 100%);
    color: #038c8c;
    border: 1px solid #afba99
}

h1.itemname {
    font-size: 38px;
    margin: 0
}

h2.title,
h3.itemname {
    margin: 0
}

div.itemname {
    font-size: 20px;
    margin: 24px 0 12px
}

p.j2 {
    font-size: 14px;
    color: #333
}

h1.booktitle,
h1.txt,
h2.txt,
h3.txt {
    font-family: Tahoma, Liberation Serif, sans-serif;
    font-weight: 400;
    color: var(--accent-color)
}

h1.txt {
    font-size: 36px;
    padding: 24px 0;
    margin: 0
}

h1.booktitle {
    font-size: 36px;
    padding: 0;
    margin: 30px 0 0
}

h2.txt {
    padding: 14px 0 24px;
    margin: 0
}

h3.txt {
    margin: 0
}

h2.gcapt2 {
    line-height: 100%;
    font-family: Times New Roman, sans-serif;
    font-size: 40px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(200, 200, 200, .8);
    color: #35958e;
    padding: 60px 0 0 20px;
    margin: 0
}

h3.chapter,
h3.subg,
h3.title,
h3.txt2 {
    font-family: Tahoma, Liberation Serif, sans-serif;
    font-weight: 400
}

div.txt {
    padding: 39px 0 24px
}

span.txt {
    font-size: 32px
}

h1,
h3.chapter,
h3.txt2 {
    font-size: 28px
}

h3.txt2 {
    color: var(--accent-color);
    padding: 16px 0 24px;
    margin: 0
}

div.box,
div.box00,
div.box01,
div.box02,
div.box2,
h2.gray {
    color: #909090
}

h3.chapter {
    padding: 0 0 12px;
    margin: 0
}

h3.subg {
    font-size: 18px;
    padding: 0;
    margin: 0
}

h3.title {
    font-size: 36px;
    margin: 20px 0;
    line-height: 40px
}

h2.gray,
h2.uname {
    font-family: Tahoma, Liberation Serif, sans-serif;
    font-weight: 400;
    margin: 16px 0 0
}

h2.gray {
    font-size: 14px
}

h2.uname {
    padding: 0 0 4px
}

h1.book,
h2.book {
    padding: 0;
    font-weight: 400;
    margin: 0;
    font-family: Tahoma, Liberation Serif, sans-serif
}

h1.book {
    font-size: 36px
}

h1 {
    font-family: Tahoma, Liberation Serif, sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 18px 0 0
}

h4.t {
    font-family: Tahoma, Liberation Serif, sans-serif;
    padding: 16px 0 4px
}

h4.t1 {
    font-family: Tahoma, Liberation Serif, sans-serif;
    padding: 0 0 4px
}

div.uname {
    margin: 16px 0 0;
    font-size: 20px
}

div.title,
h3 {
    font-size: 28px;
    font-weight: 400
}

div.title {
    margin: 0 16px 0 4px;
    display: inline;
    float: left
}

h3 {
    font-family: Tahoma, Liberation Serif, sans-serif;
    margin: 20px 0 10px
}

div.box02 {
    float: left;
    padding: 5px 0 7px 5px
}

div.box {
    float: left;
    margin: 0 4px 0 0;
    padding: 8px 8px 8px 0
}

div.box2,
div.box2f {
    padding: 8px
}

div.box00 {
    margin: 19px 16px 16px 0
}

div.box01 {
    margin: 0 12px 40px 0
}

div.pollv {
    color: #404040;
    margin: 8px 0 0
}

div.box2 {
    float: left;
    margin: 0 4px 4px 0;
    border: 1px solid var(--border-gray);
    font-family: FontAwesome, Times New Roman, sans-serif
}

div.box2f,
div.box3f {
    margin: 2px 2px 0 1px;
    border: 1px solid var(--border-gray);
    cursor: pointer;
    color: #909090;
    text-align: center;
    float: left
}

div.box3f {
    height: 42px;
    width: 38px;
    line-height: 38px
}

div.box3f .fa-font {
    font-weight: 700 !important
}

div.box2d {
    float: left;
    color: #909090;
    margin: 0 0 1px 1px;
    padding: 4px;
    border: 1px solid #d0d0d0;
    text-align: center
}

div.mark0,
div.rndb2:hover {
    background: #f0f0f0
}

div.mark1 {
    background: #f7dddc
}

div.mark2 {
    background: #f7e2dc
}

div.mark3 {
    background: #f7e9dc
}

div.mark4 {
    background: #f7efdc
}

div.mark5 {
    background: #f7f5dc
}

div.mark6 {
    background: #f2f7dc
}

div.mark7 {
    background: #ecf7dc
}

div.mark8 {
    background: #e6f7dc
}

div.mark9 {
    background: #dff7dc
}

div.mark12 {
    background: #f0f7f0
}

li.attn {
    background: #0c7324;
    border-radius: 4px;
    padding-bottom: 0
}

div.box2rd {
    margin: 0 0 0 1px
}

div.boxpoll {
    margin: 4px 0;
    padding: 8px;
    border: 1px solid #d0d0d0;
    background: #f8f8f8
}

div.boxpoll:hover {
    background: #f8fcf8
}

a.lnk3:active,
a.lnk3:link,
a.lnk3:visited,
a.smi:active,
a.smi:link,
a.smi:visited,
span.cgry,
span.gray {
    color: #145e7a
}

div.blog {
    margin: 10px 0 32px;
    padding: 24px 0;
    line-height: 160%;
    border-radius: 5px
}

div.ovf {
    height: 1312px;
    overflow: auto
}

div.siteml {
    float: left;
    margin: 4px 8px 0 0;
    border: 1px solid silver;
    text-align: center;
    color: gray
}

div.comment,
div.commitm,
div.feedbdlg,
div.sgrayj,
div.sm {
    text-align: justify
}

div.red3 {
    background: #3357af
}

div.darkgr {
    background: #505050;
    color: var(--border-gray);
    font-size: 14px;
    padding: 2px 7px 3px;
    float: right;
    border-radius: 5px;
    margin: 2px 0 0 4px;
    line-height: 17px
}

div.red2 {
    display: inline;
    background: red;
    color: beige;
    font-size: 28px;
    border-radius: 5px;
    padding: 0 5px 2px 4px
}

input.chptitle {
    background: #f8f8e0;
    width: 400px;
    height: 36px;
    color: #038c8c;
    border: 1px solid #b0b0b0;
    padding-left: 4px;
    display: block;
    float: left
}

input.chpsave,
input.chpsave1 {
    background: #e0f8e0
}

input.chpsave1 {
    margin: 2px 0 0 12px;
    height: 37px;
    color: #038c8c;
    border: 1px solid var(--border-gray);
    cursor: pointer;
    display: block;
    float: left
}

input.chpdel,
input.chpsave {
    margin: 0 4px 4px;
    color: #038c8c;
    border: 1px solid var(--border-gray);
    float: left;
    display: block;
    cursor: pointer
}

input.chpsave1:hover,
input.chpsave:hover,
input.setd:hover {
    background: #d0f8d0
}

input.chpdel {
    background: #f8e0e0;
    width: 135px;
    height: 36px
}

input.chpdel:hover {
    background: #f8d0d0
}

input.setd {
    margin: 4px 4px 4px 1px;
    background: #e0f8e0;
    width: 80px;
    height: 27px;
    color: #038c8c;
    border: 1px solid var(--border-gray);
    cursor: pointer;
    display: block;
    float: left
}

input.tag,
input.tag2 {
    color: #606060;
    background: #f8f8f8;
    border: 0 solid
}

input.tag {
    font-size: 15px;
    margin-bottom: 1px;
    width: 130px;
    height: 23px
}

input.tag2 {
    font-size: 12px;
    margin-right: 6px;
    padding: 2px 0 0;
    width: 50px;
    height: 22px;
    outline: 0
}

select.tag {
    margin: 0;
    padding: 2px 0 0;
    font-size: 16px;
    background: #f8f8e0;
    width: 150px;
    height: 29px;
    color: #00f;
    border: 1px solid var(--border-gray)
}

textarea.blog,
textarea.comm {
    margin: 2px 0 0;
    border: 1px solid var(--border-gray)
}

textarea.blog {
    background: #f8f8e0;
    height: 200px;
    color: #038c8c;
    overflow: auto;
    display: block
}

.cntl_2 div.commitm,
div.commitm {
    overflow-wrap: break-word;
    word-wrap: break-word
}

textarea.comm {
    background: #f8f8a0;
    width: 600px;
    height: 60px;
    color: #00f
}

img {
    border: 0;
    max-width: 100%;
    max-height: 100%
}

div.from {
    color: #909090;
    font-size: 12px;
    height: 20px
}

div.comment {
    font-size: 16px
}

#font-minus.reader__btn-font,
.cntl_2 div.bookst,
div.onecmt,
div.sm,
p.j4,
p.s2,
small,
span.ji16 {
    font-size: 12px
}

div.details {
    float: left;
    width: 600px;
    padding-right: 8px
}

div.h8 {
    height: 8px
}

div.h40 {
    height: 40px
}

div.h12 {
    height: 12px
}

p.s2 {
    line-height: 100%;
    margin-bottom: 8px
}

div.sm {
    padding-top: 16px;
    color: #888
}

a.taglnk3:active,
a.taglnk3:link,
a.taglnk3:visited,
a.taglnk4:active,
a.taglnk4:link,
a.taglnk4:visited,
div.blue4,
div.gnres a,
div.gnres a span,
div.newstext,
div.sgray2,
div.size14,
h3.itemname,
p.j1,
p.j20,
p.jb,
small.s,
ul.j1 {
    font-size: 14px
}

div.sgrayj {
    color: #909090;
    padding: 0
}

div.sgray2 {
    color: #909090;
    padding: 4px 0 24px;
    line-height: 120%
}

div.commitm,
div.edinner2,
div.edinner3,
div.feedbdlg {
    line-height: 140%
}

div.commitm {
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 12px;
    padding-bottom: 18px;
    font-size: 20px;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

div.myrow {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

h3.commn {
    font-size: 16px;
    color: #707070;
    margin: 0 0 24px
}

div.abtme,
div.st3,
div.whycorr,
select.mylist {
    font-style: italic
}

div.onecmt {
    padding: 10px 0 0;
    color: #707090
}

div.tt,
div.tt_hover {
    padding-bottom: 4px;
    font-size: 12px
}

div.tt {
    display: none;
    color: #f4ecd8
}

div.tt_hover {
    display: inline;
    color: silver;
    padding-left: 8px
}

div.small {
    font-size: 12px;
    color: #909090
}

div.capts {
    font-weight: 700;
    background: #a9ffbf;
    padding: 8px 8px 8px 16px;
    border-bottom: 1px solid #202020
}

div.feed {
    width: 100%;
    display: none
}

div.closebtns,
p.ji14,
p.ji16,
p.ji18 {
    display: inline-block
}

div.feedbdlg {
    border: 1px solid #202020;
    width: calc(100% - 36px);
    background: var(--modal-bg);
    color: #010204;
    -webkit-box-shadow: 9px 9px 18px 4px rgba(0, 0, 0, .6);
    -moz-box-shadow: 9px 9px 18px 4px rgba(0, 0, 0, .6);
    box-shadow: 9px 9px 18px 4px rgba(0, 0, 0, .6);
    max-width: 1150px;
    z-index: 1000;
    margin: 8px auto
}

div.cap {
    float: left;
    padding: 8px;
    text-align: left
}

div.closebtns {
    float: right
}

div.close {
    float: right;
    color: var(--text-color);
    margin: 7px 16px 0 0;
    padding: 8px 16px;
    border: 1px solid var(--text-color);
    cursor: pointer;
    -webkit-box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, .6);
    -moz-box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, .6);
    box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, .6);
    border-radius: 4px
}

div.close:hover {
    color: #bd0000;
    background: #67a878
}

div.edinner2 {
    padding: 16px 24px 0
}

div.edinner3 {
    padding: 0 16px 8px
}

td.sm {
    font-size: 12px;
    color: #909090;
    text-align: right
}

div.maket4,
p.jb {
    text-align: justify
}

div.tt2 {
    color: var(--border-gray);
    font-size: 12px
}

div.lab,
div.usr2 {
    color: #909090;
    width: 126px;
    float: left
}

form {
    margin: 0;
    padding: 0
}

div.usr2 {
    font-size: 12px
}

input.filebox {
    font-size: 18px;
    background: #cfc;
    color: #038c8c;
    width: calc(100% - 10px);
    padding: 4px;
    line-height: 18px;
    margin-top: 2px
}

p.j1,
p.ji,
span.ji,
span.ji16,
ul.j1 {
    line-height: 140%
}

input.filebox1 {
    margin: 3px 0;
    width: 267px
}

div.referr {
    width: 870px;
    height: 350px
}

div.maket4 {
    width: 506px;
    float: left;
    font-size: 20px;
    padding: 0 32px 32px
}

div.top2 {
    margin: 2px 0 0 4px;
    float: left
}

p.jb {
    margin: 8px 0 0;
    color: var(--text-color)
}

p.j0,
p.j12 {
    text-align: justify;
    margin: 0
}

p.j12 {
    font-size: 12px
}

p.j24 {
    font-size: 24px
}

p.j0 {
    font-size: 14px
}

p.j1,
p.ji14,
p.ji16,
p.ji18 {
    margin: 0 0 18px;
    text-align: justify
}

p.ji,
ul.j1 {
    text-align: justify
}

span.ji12 {
    font-size: 12px;
    line-height: 140%
}

span.j14c,
span.ji14 {
    font-size: 14px;
    line-height: 140%
}

span.j14c {
    color: #2d6262
}

span.ji18 {
    font-size: 18px;
    line-height: 140%
}

span.ji30 {
    font-size: 30px;
    font-weight: 700;
    line-height: 140%
}

p.ji14 {
    font-size: 14px;
    line-height: 140%
}

p.ji16,
p.ji18 {
    line-height: 140%
}

div.defmark {
    position: relative;
    top: 100px;
    left: 100px;
    height: 50px;
    width: 50px;
    z-index: 1000;
    cursor: pointer
}

div.definition {
    padding: 8px 8px 12px;
    position: relative;
    font-size: 14px;
    line-height: 100%;
    display: none;
    background-color: #e4e4d8;
    border: 1px solid #888;
    z-index: 140;
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .4) 2px 2px 3px 1px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .4) 2px 2px 3px 1px;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .4) 2px 2px 3px 1px
}

div.fly,
div.twi {
    position: absolute
}

h3.t,
p.gj {
    font-size: 20px
}

ul.j3 {
    line-height: 150%;
    color: var(--accent-color)
}

div.intro {
    text-align: justify;
    line-height: 140%;
    color: #333;
    margin: 0 0 24px;
    border-bottom: 1px solid #699682;
    border-top: 1px solid #699682
}

p.gj {
    text-align: justify;
    margin: 0 20px 8px
}

table.b {
    vertical-align: bottom;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}

table.regtbl,
table.rt2 {
    border-collapse: unset
}

table.regtbl {
    margin: 4px;
    padding: 6px
}

div.buyfrag,
div.notfound {
    margin: 16px 0;
    text-align: center;
    border: 1px solid silver
}

div.p8 {
    float: left;
    padding: 4px 8px 8px
}

div.notfound {
    padding: 100px 0
}

div.buyfrag {
    padding: 16px 0
}

div.onechp {
    margin-bottom: 8px;
    padding: 16px;
    border: 1px solid silver;
    background: #cee8ae
}

#backToTop,
table.r {
    background-color: var(--primary-color)
}

div.aut {
    padding: 4px 0 4px 4px;
    height: 20px
}

div.gpl {
    height: 30px;
    width: 100px;
    float: left;
    margin: 0 0 0 4px
}

tr.r1,
tr.r2 {
    height: 40px
}

li.j,
li.l {
    width: 100%
}

h3.t {
    font-family: Tahoma, Liberation Serif, sans-serif;
    margin: 8px 0 0
}

div.votes,
div.votesred,
table.r,
table.r3 {
    margin-top: 4px
}

.cnt-wrapper div.leftblk:not(:last-child),
div.votes {
    margin-bottom: 20px
}

li.l {
    padding-bottom: 4px;
    text-align: left
}

li.j {
    padding-bottom: 8px;
    text-align: justify
}

ul {
    list-style-type: disc;
    padding-left: 32px
}

ul.g {
    list-style-type: square;
    padding-left: 70px
}

.fa-ul,
ul.b,
ul.g0 {
    list-style-type: none
}

ul.b,
ul.g0 {
    padding-left: 0
}

div.w168 {
    width: 168px
}

div.votes {
    color: var(--accent-color)
}

div.votesred {
    color: #8f5757
}

div.stat {
    font-size: 12px;
    color: gray
}

div.w600 {
    width: 594px;
    float: left
}

table.r,
table.r1,
table.r3 {
    width: 100%;
    border-collapse: unset;
    border-radius: 5px
}

div.r5,
i {
    margin-right: 5px
}

progress {
    width: 760px;
    margin-bottom: 32px
}

table.r3 {
    background-color: var(--border-gray)
}

td.top {
    border-top: 2px solid #f0f0f0;
    background: #e0e0d8
}

div.bookstatus,
div.fb2status {
    border: 1px solid #909090;
    text-align: justify
}

.blog_add button.btn_add:hover::before,
tr.ha,
tr.hb,
tr.hc0,
tr.ho,
tr.r,
tr.r1 {
    background-color: var(--modal-bg)
}

tr.r1 {
    cursor: pointer
}

tr.r2 {
    background-color: #f0f0f0;
    cursor: pointer
}

tr.h {
    background-color: var(--primary-color)
}

tr.he {
    background: #e6f7e6;
    background: linear-gradient(to bottom, #e6f7e6 0, #d2f7d2 100%);
    background: linear-gradient(to bottom, #e6f7e6 0, #d2f7d2 100%)
}

tr.ho:hover {
    background-color: #edf4ed
}

tr.hb:hover,
tr.hc0:hover,
tr.hc1:hover {
    background-color: #ededf4
}

tr.ha:hover {
    background-color: beige
}

tr.hc1 {
    background-color: #f7e8e3
}

tr.red {
    background-color: #f4ebeb
}

tr.green {
    background-color: #dcf7df
}

div.err {
    color: #f56000
}

span.err {
    color: #cf352f
}

div.fb2status {
    margin: 8px 0 2px;
    padding: 12px;
    color: #412b2b;
    font-size: 18px;
    background-color: #fefefe
}

div.bookstatus {
    margin: 2px 0;
    padding: 2px 8px;
    background-color: #edf4ed
}

div.advsearch,
div.awards,
div.boxes,
textarea.bookstatus {
    border: 1px solid var(--border-gray)
}

textarea.bookstatus {
    margin: 0 0 4px;
    padding: 12px;
    background: #f8f8f8;
    height: 160px;
    color: #00f
}

div.fly,
div.flyfr {
    background: #f3f3f3
}

iframe {
    border: 0;
    display: block
}

div.flyfr {
    margin: 100px 40px 20px 20px;
    padding: 0 20px
}

div.booktext {
    width: 600px;
    line-height: 140%
}

div.f16,
div.f24 {
    line-height: 42px
}

div.booktitle {
    float: left;
    color: #202020
}

div.bookpg {
    float: right;
    padding-right: 8px;
    color: #202020
}

div.f16 {
    font-size: 20px
}

div.f24 {
    font-size: 32px
}

div.fly {
    display: none;
    left: 0;
    top: 0;
    z-index: 105;
    user-select: none
}

div.lnk,
div.lnk1,
div.stopped,
div.vis {
    display: inline
}

div.rbtn {
    float: right;
    padding: 20px 30px 0 0
}

div.mybm {
    float: left;
    margin: 0 0 0 12px;
    width: calc(100% - 90px)
}

div.bmsel {
    padding: 4px 12px;
    margin: 4px
}

div.boxes {
    color: #038c8c;
    width: 67px;
    margin: 0 2px 2px 0;
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    float: left;
    -moz-box-shadow: inset rgba(175, 186, 153, .7) 0 1px 0 0, rgba(175, 186, 153, .7) 0 1px 1px 1px
}

div.bkfront,
div.clr1 {
    -webkit-box-shadow: rgba(000, 000, 000, .3) 0 1px 1px;
    -moz-box-shadow: rgba(000, 000, 000, .3) 0 1px 1px
}

div.boxb:hover {
    background: #e0e0e0
}

div.abtme {
    padding-left: 42px;
    text-align: justify
}

.cntl_2 .mb8,
div.ratmsg {
    margin-bottom: 8px
}

div.advsearch {
    width: 882px;
    margin: 2px 0 0;
    padding: 8px
}

div.w60 {
    float: right;
    width: 58px
}

div.editfbc {
    color: var(--text-color);
    font-size: 14px;
    background: #3cc93c;
    padding: 2px;
    cursor: pointer
}

div.editfbc:hover {
    background: #14f914
}

div.stop {
    color: #9d9d9d;
    cursor: pointer
}

div.stop:hover {
    color: #900;
    background: #f4d9cc
}

div.stopped {
    color: var(--border-gray);
    font-size: 12px;
    background: #900;
    cursor: help
}

div.lnk,
div.lnk1,
div.lnk1rht {
    cursor: pointer
}

div.half {
    float: left;
    width: 460px;
    padding: 0 38px 0 8px;
    font-size: 18px;
    text-align: left
}

div.testim {
    padding: 8px 4px;
    margin: 8px 0 24px
}

div.fbtext {
    font-size: 18px;
    text-align: justify;
    line-height: 130%
}

div.bar12c,
div.line2,
div.lnk1rht {
    text-align: center
}

div.col2 {
    width: 418px;
    float: left;
    padding: 0 16px 8px 0
}

div.awards {
    margin: 4px 0 24px;
    width: 580px
}

div.aw {
    float: left;
    height: 42px;
    width: 186px;
    padding: 1px;
    margin: 2px
}

div.awl {
    float: right;
    width: 136px;
    margin: 10px 0 0
}

div.lnk {
    padding-right: 12px;
    color: #2424cc
}

div.lnk1 {
    color: #038c8c
}

#backToTop,
#child,
div.twi {
    display: none
}

div.lnk1rht {
    float: right;
    color: #71053c;
    width: 40px;
    border: 1px solid transparent;
    font-size: 28px
}

div.lnk1rht:hover {
    color: #00f
}

div.beauthor {
    margin: 32px 0 0;
    border: 1px solid var(--border-gray);
    height: 160px;
    padding: 20px
}

div.age18 {
    margin: 7px 8px 0 0;
    height: 62px;
    width: 66px;
    float: left
}

img.hlp {
    cursor: help;
    float: left
}

img.star {
    cursor: pointer;
    float: left
}

div.a18_0,
div.bar12b,
div.bar12c,
div.hlp,
div.hlp44 {
    cursor: help
}

div.circle,
div.genregrp,
div.guide {
    position: relative
}

div.h48 {
    height: 32px
}

div.viewdoc {
    line-height: 140%
}

h3.gsum,
h3.gsum3 {
    line-height: 100%;
    font-family: Times New Roman, sans-serif;
    font-weight: 700
}

div.bkfront {
    font-size: 14px;
    color: #707070;
    box-shadow: rgba(000, 000, 000, .3) 0 1px 1px
}

div.clr1 {
    height: 46px;
    background: #7ab099;
    box-shadow: rgba(000, 000, 000, .3) 0 1px 1px;
    border-radius: 5px
}

div.line1,
div.line2 {
    height: 20px;
    float: left
}

div.bar12b,
div.line2 {
    border: 1px solid #a0a0a0
}

div.line {
    margin: 0
}

div.line1 {
    padding: 1px 0 0 4px
}

div.line2 {
    background: #e0f8e0
}

div.bar12 {
    width: 7%;
    margin: 2px 2px 2px 1px;
    float: right
}

div.bar12a,
div.center {
    width: 100%;
    text-align: center
}

div.bar12b {
    width: 100%
}

div.bar12c {
    width: 100%;
    height: 36px;
    padding: 2px 1px
}

div.pad4 {
    margin: 4px 4px 4px 12px;
    width: 590px;
    float: right
}

div.accordeon {
    -webkit-box-shadow: rgba(000, 000, 000, .3) 0 1px 1px;
    -moz-box-shadow: rgba(000, 000, 000, .3) 0 1px 1px;
    box-shadow: rgba(000, 000, 000, .3) 0 1px 1px
}

img.gshadow,
img.shadow {
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 1px 2px 2px 1px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 1px 2px 2px 1px
}

div.more {
    text-align: right;
    margin: 16px 0 0
}

p.j3,
p.j4 {
    text-align: justify
}

span.star {
    color: #d91828;
    width: 20px
}

h3.gsum,
p.j3,
p.j4 {
    color: #333
}

span.star:before {
    content: '\2605'
}

div.h88 {
    height: 42px
}

div.stop0,
div.stop1 {
    margin: 6px 0 0 6px;
    width: 58px;
    height: 58px
}

div.a18_0 {
    width: 64px;
    height: 64px
}

div.a18_1 {
    width: 62px;
    height: 62px
}

div.lj,
div.rss {
    width: 25px;
    height: 25px
}

div.bm2 {
    width: 210px;
    height: 41px
}

div.wallet {
    margin: 4px 0;
    width: 72px;
    height: 54px
}

div.visa {
    margin: 11px 16px 7px 0;
    float: left;
    width: 56px;
    height: 18px
}

div.master {
    margin: 4px 0 0;
    float: left;
    width: 52px;
    height: 32px
}

div.contact,
div.post,
div.psb {
    height: 42px;
    margin: 4px 8px 0 0;
    float: left
}

div.contact,
div.post {
    width: 86px
}

div.psb {
    width: 80px
}

div.terms {
    margin: 4px 8px 0 0;
    float: left;
    width: 106px;
    height: 99px
}

div.rbk {
    margin: 4px 0 0;
    width: 78px;
    height: 34px
}

div.info {
    width: 27px;
    height: 25px
}

div.icon-fast-bw {
    margin: 5px 0 0 24px;
    width: 15px;
    height: 13px
}

div.icon-left-open,
div.icon-right-open {
    margin: 3px 0 0 24px;
    width: 13px;
    height: 19px
}

div.icon-mobile {
    margin: 2px 0 0 16px;
    width: 16px;
    height: 22px
}

div.guide {
    padding: 0;
    left: -15px;
    margin: 0;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #7bca9a;
    width: 903px;
    height: 510px
}

img.glogo {
    border: 0;
    margin: 20px
}

p.j3 {
    font-size: 16px;
    padding: 0 0 0 20px;
    width: 440px
}

p.j4 {
    padding: 16px;
    background: #e0f8e0
}

div.corrtxt,
div.wrongtxt {
    background: #f4f484;
    display: inline
}

h3.gsum {
    float: left;
    text-shadow: 2px 2px 2px rgba(87, 87, 87, .8);
    padding: 0 0 0 220px;
    margin: 0
}

div.gsum3,
p.gsum2 {
    font-size: 32px;
    margin: 0;
    float: left
}

p.gsum2 {
    padding: 90px 0 0 20px
}

div.gsum3 {
    text-align: right;
    width: 210px;
    padding: 14px 10px 0 0
}

div.soclj,
div.soclj:hover,
div.socvk,
div.socvk:hover {
    width: 29px;
    height: 29px
}

h3.gsum3 {
    float: left;
    font-size: 100px;
    text-shadow: 1px 1px 2px #585b5d;
    color: #d0d0d0;
    padding: 0;
    margin: 0
}

div.fixspell,
div.whycorr {
    font-family: Tahoma, Liberation Serif, sans-serif;
    text-align: justify
}

img.gshadow {
    border: 0;
    margin: 20px;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 1px 2px 2px 1px
}

#child {
    width: 260px;
    height: 30px;
    margin: -7px 5px 0 auto;
    padding: 3px 3px 3px 73px;
    background: #d7f2d5;
    top: 45px;
    z-index: 0;
    float: right;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

div.soclj,
div.socvk {
    float: left
}

div.socs {
    padding-bottom: 6px;
    float: right
}

div.rndb2 {
    float: left;
    width: 268px;
    height: 440px;
    padding: 3px 10px
}

div.rndb {
    padding-top: 2px
}

div.padtop {
    padding-top: 16px;
    text-align: justify
}

div.hlite {
    padding: 4px;
    line-height: 180%;
    color: #038c8c;
    display: inline
}

div.wrongtxt {
    padding: 2px 4px;
    line-height: 1.5;
    color: red
}

div.corrtxt {
    padding: 4px;
    color: #038c8c;
    border: 1px solid #f4f484
}

div.fixspell {
    font-size: 28px;
    width: 640px;
    font-weight: 400;
    color: var(--accent-color);
    padding: 40px 0 24px;
    margin: 0
}

div.whycorr {
    font-size: 14px;
    width: 632px;
    color: #202020;
    background: #eee;
    margin-top: 20px;
    padding: 4px
}

div.fragm_text,
span.smdate {
    font-family: Verdana, sans-serif
}

div.fragm_text {
    font-size: 16px;
    text-align: justify;
    color: #202222;
    padding: 4px 0
}

div.w640 {
    width: 640px;
    border-bottom: 1px solid silver;
    margin-bottom: 16px;
    padding-bottom: 16px
}

div.news {
    margin: 24px 0 16px;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: #c0c3a0 2px 2px 4px -2px;
    -moz-box-shadow: #c0c3a0 2px 2px 4px -2px;
    box-shadow: #c0c3a0 2px 2px 4px -2px
}

div.newstitle {
    border-bottom: 1px solid silver;
    background: #f8f8f8;
    color: var(--accent-color);
    font-size: 20px;
    padding: 2px 0 2px 4px
}

div.newstext {
    padding: 8px;
    background: #feffee;
    text-align: justify;
    line-height: 120%;
    color: #333
}

span.smdate {
    color: #909090;
    font-size: 12px
}

td.td_notchecked {
    background: var(--modal-bg);
    cursor: pointer
}

div.warning_green {
    background: #e0f8e0;
    border: 1px solid silver;
    text-align: justify;
    border-radius: 4px;
    display: inline-block
}

div.warning_blue,
div.warning_red {
    padding: 8px;
    margin: 24px 0 12px;
    border: 1px solid silver;
    text-align: justify
}

div.warning_blue {
    background: #e0e0f8;
    display: block
}

img.shadow {
    border: 0;
    width: 100%;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 1px 2px 2px 1px
}

img.shadow1 {
    border: 0;
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 1px 2px 2px 1px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 1px 2px 2px 1px;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 1px 2px 2px 1px
}

img.pad2 {
    margin: 4px 8px 2px 4px;
    float: left
}

img.pad3 {
    margin: 4px 4px 4px 0;
    float: left
}

div.gnrsel {
    padding: 8px 0
}

div.poll {
    width: 828px;
    margin-top: 32px;
    padding: 20px;
    background-color: #d0d0d0;
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .3) 0 1px 2px 1px;
    text-align: justify
}

div.paysys {
    width: 230px;
    text-align: center;
    padding: 10px;
    float: left
}

select.mylist {
    float: left;
    width: 147px;
    font-family: Times New Roman, sans-serif;
    color: #038c8c;
    border: 1px solid #038c8c;
    margin: 8px 2px 0 0;
    font-size: 12px;
    cursor: pointer
}

select.gotopage,
select.pages {
    color: #038c8c;
    font-size: 14px;
    float: left;
    cursor: pointer
}

select.pages {
    height: 50px;
    line-height: 50px;
    margin: 2px 0 4px;
    padding: 0 8px 0 0;
    text-align: right;
    border: 1px solid var(--border-gray);
    font-family: Courier, sans-serif
}

select.gotopage {
    width: 142px;
    font-family: Times New Roman, sans-serif;
    border: 1px solid #038c8c;
    margin: 8px 2px 0 0
}

div.fc1,
div.fc2,
div.fc3,
div.fc4,
div.fc7,
div.fc8,
div.fc9 {
    color: var(--modal-bg)
}

div.listbooks {
    float: left;
    width: 270px;
    height: 420px;
    padding: 12px 8px 12px 0
}

div.h50 {
    height: 58px
}

div.pad32left {
    padding: 0 0 0 32px
}

label.radios100 {
    padding: 4px 0 4px 4px;
    width: 220px;
    float: left;
    cursor: pointer;
    text-align: left
}

div.circle,
div.gen,
div.sz {
    text-align: center
}

div.blist {
    padding: 8px;
    border: 1px solid var(--modal-bg)
}

div.blist:hover {
    padding: 8px;
    background-color: beige;
    border: 1px solid #f0f0d0
}

.cntl_2.blist {
    padding: 32px
}

div.bl3 {
    float: left;
    opacity: .6;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    width: 18px;
    height: 24px
}
div.bl5lux {
    float: left;
    opacity: .6;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    width: 14px
}
div.bl3:hover,
div.bl5lux:hover {
    background: #f99
}

div.offslines3,
div.offslines5lux {
    height: 3px
}
div.rl3,
div.rl5 {
    width: 662px;
    float: left;
    -webkit-tap-highlight-color: transparent
}

div.capt {
    background: #eef;
    padding: 8px 0 10px 16px;
    border-bottom: 1px solid #a0a0a0
}

div.edinner {
    padding: 16px
}

div.editdlg5 {
    top: 190px
}

div.rl3 {
    height: 24px;
    user-select: none
}

div.rl5 {
    height: 28px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.circle {
    float: left;
    top: 150px;
    left: 30px;
    width: 188px;
    font-size: 56px;
    margin-right: 29px
}

div.gen {
    font-size: 56px;
    line-height: 40px;
    width: 130px;
    margin: 40px 6px 0 7px
}

div.plat {
    padding: 20px;
    height: 120px;
    float: left
}

div.sz {
    float: left;
    font-size: 24px;
    padding: 5px 8px;
    border: 1px solid #f0f0f0;
    cursor: pointer;
    margin: 4px 1px;
    height: 30px
}

div.sz:hover {
    background: #f0f0f0;
    color: var(--text-color)
}

div.fn1 {
    font-family: "Times New Roman", sans-serif
}

div.fn2 {
    font-family: Tahoma, Liberation Serif, sans-serif
}

div.fn3 {
    padding-top: 7px;
    height: 28px;
    font-family: Arial, sans-serif
}

div.fn5,
div.fn7 {
    padding-top: 9px;
    height: 26px
}

div.fn4 {
    font-family: Verdana, sans-serif
}

div.fn5 {
    font-family: Courier, sans-serif
}

div.fn6 {
    font-family: "Trebuchet MS", sans-serif
}

div.fn7 {
    font-family: Helvetica, sans-serif
}

div.fc1 {
    background: var(--text-color)
}

div.fc2 {
    background: #101010
}

div.fc3 {
    background: #202020
}

div.fc4 {
    background: #303030
}

div.fc7 {
    background: #205020
}

div.fc8 {
    background: #502020
}

div.fc9 {
    background: #202050
}

div.code {
    background: #eef4f9;
    margin: 4px 0;
    font-size: 18px;
    font-family: Courier, sans-serif;
    word-wrap: break-word
}

div.login,
div.st1 {
    font-family: Times New Roman, sans-serif
}

div.login {
    color: #050101;
    -webkit-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .2) 0 6px 18px 0;
    -moz-box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .2) 0 6px 18px 0;
    box-shadow: inset rgba(255, 255, 255, .5) 0 1px 0 0, rgba(0, 0, 0, .2) 0 6px 18px 0
}

div.close,
div.mark10,
div.vklogin,
div.white {
    background: var(--modal-bg)
}

div.yandexlogin {
    background: #fc0
}

div.cl0::before {
    left: 18px
}

div.cl1::before {
    left: 70px
}

div.cl2::before {
    left: 122px
}

div.cl3::before {
    left: 174px
}

div.cl4::before {
    left: 226px
}

div.chat1 {
    font-size: 12px;
    float: left;
    text-align: right;
    padding: 4px 8px 8px 0;
    width: 132px
}

div.chat2 {
    padding-bottom: 16px;
    text-align: justify
}

div.genregrp {
    padding: 2px;
    border-bottom: 2px solid #7ab099;
    font-size: 16px;
    line-height: 24px;
    width: calc(100% - 16px);
    text-align: center;
    margin: 0 1px 3px 0;
    text-shadow: 1px 1px 1px rgba(80, 80, 80, .8);
    border-top: 1px solid #7ab099;
    border-right: 1px solid #7ab099;
    border-left: 1px solid #7ab099
}

div.st6,
div.st7 {
    color: #202222;
    width: 50px
}

div.st1 {
    color: #202222;
    font-size: 14px;
    height: 42px
}

div.st10,
div.st8,
div.st9 {
    font-size: 16px;
    height: 42px;
    font-family: Verdana, sans-serif
}

div.st2 {
    font-weight: 700;
    color: #202222;
    font-family: Verdana, sans-serif;
    height: 42px
}

div.st3,
div.st4 {
    color: #202222;
    font-family: Verdana, sans-serif;
    height: 42px
}

div.st5 {
    text-decoration: line-through;
    color: #202222;
    font-family: Verdana, sans-serif;
    height: 42px
}

div.st6 {
    text-align: center;
    font-family: Verdana, sans-serif;
    height: 42px
}

div.st7 {
    text-align: right;
    font-family: Verdana, sans-serif;
    height: 42px
}

div.st8 {
    color: #019208
}

div.st9 {
    color: #e84040
}

div.st10 {
    color: #354fa3
}

div.st11 {
    color: #909090;
    font-family: Verdana, sans-serif;
    font-size: 16px;
    height: 42px
}

div.st12,
div.st13 {
    font-family: Georgia, serif;
    font-size: 16px;
    height: 42px
}

div.st12 {
    color: #202222
}

div.st13 {
    color: #988c07
}

div.toptile {
    float: left;
    border: 1px solid transparent
}

span.cgrn {
    color: #019208
}

span.cred {
    color: #e84040
}

span.cblu {
    color: #354fa3
}

span.cgold {
    color: #988c07
}

span.url {
    color: #354fa3;
    font-family: Courier, sans-serif
}

div.sm14 {
    display: inline-block;
    margin: 0 4px;
    width: 31px;
    height: 33px
}

div.sm15,
div.sm20 {
    height: 30px;
    display: inline-block;
    margin: 0 4px
}

div.sm15 {
    width: 30px
}

div.sm20 {
    width: 41px
}

div.sm49 {
    display: inline-block;
    margin: 0 4px;
    width: 32px;
    height: 33px
}

@media (max-width:985px) {

    div.col3,
    div.col30 {
        width: calc(100% - 50px)
    }

    div.col3,
    div.col30,
    div.col3res {
        margin: 8px 24px 16px;
        min-height: 60px
    }

    div.nomob2 {
        display: none
    }

    div.mob2 {
        display: block
    }

    div.col3 {
        float: none
    }

    div.col30 {
        display: none
    }

    div.col3res {
        width: calc(100% - 144px)
    }

    div.newcomm {
        float: left;
        font-size: 16px;
        line-height: 130%;
        padding: 4px 0 0;
        min-height: 230px
    }

    div.capts {
        font-size: 24px
    }

    div.edinner2 {
        font-size: 20px
    }
}

nav.pads,
nav.padsrdr {
    padding: 0;
    min-height: 45px
}

@media (max-width:1220px) {
    div.tileroll {
        width: 888px
    }
}

@media (max-height:740px) {
    div.ovfroll {
        overflow-x: scroll
    }

    div.tileroll {
        width: 2664px
    }
}

@media (max-width:640px) {
    div.tstyle1 {
        display: block
    }

    div.tstyle2 {
        display: none
    }

    label.iaccept {
        width: calc(100% - 35px)
    }
}

@media (min-width:641px) {
    div.tstyle1 {
        display: none
    }

    div.chat1,
    div.tstyle2 {
        display: block
    }
}

@media (max-width:600px) {
    div.w600 {
        width: calc(100% - 4px)
    }

    div.col3res {
        width: 230px
    }

    div.chat1 {
        display: none
    }
}

body,
html {
    font-family: Times New Roman, sans-serif !important
}

.cntl_2 .new_block,
body.stripes,
div,
html,
html body,
span {
    font-family: Roboto, sans-serif !important
}

div.maket3 {
    width: 272px
}

div.siteml {
    width: 48px;
    height: 30px
}

.w700,
div.cnt-wrapper aside .cntr,
div.cnt-wrapper aside .cntr .leftblk,
div.coauthor,
div.newseries input.series,
nav.pads,
select.width440,
textarea.aboutme,
textarea.bookstatus {
    width: 100%
}

.nav-link {
    color: beige !important
}

.nav-item {
    padding-left: 2px
}

.block_new__info>div>div>div:first-child:not(:has(.subscribe)),
.block_new__info>div>div>div:nth-child(2):not(:has(.subscribe)),
div.basiclux {
    margin-bottom: 0
}

nav.pads {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    position: fixed;
    z-index: 2000
}

nav.padsrdr {
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3)
}

.dropdown-item {
    padding: 1rem 1.5rem !important
}

.dropdown-menu {
    margin: 0;
    border-radius: unset;
    padding: 0
}

i.w {
    width: 2ch
}

i.w1 {
    width: 2.2rem
}

div.radiogrp {
    width: 197px
}

div.radiogrp2 {
    width: 652px
}

div.bookframe3 {
    height: 418px
}

select.pages {
    width: 194px
}

table {
    border-collapse: separate !important
}

div.box2d {
    width: 68px
}

div.payt,
div.payt1 {
    width: 205px;
    height: 160px
}

div.boxes {
    height: 122px;
    padding: 51px 0 44px
}

div.colont_ {
    height: 28px
}

div.chat2 {
    float: none;
    margin: 0
}

a.color-yellow {
    color: #fce45e !important
}

div.yellow {
    background: #1a7f0f;
    font-size: 3vh;
    padding: .1rem .6rem;
    border-radius: 5px;
    color: #fce45e;
    margin-top: .5rem
}

@media (max-width:346px) {
    img.logo {
        display: none
    }
}

@media (max-width:630px) {

    .mobhid,
    .mobhidt {
        display: none
    }

    .mobshow {
        display: block;
        background: #d2f2cc;
        padding: 5px 2px 5px 10px
    }

    div.blogcol {
        font-size: 32px;
        line-height: 140%
    }
}

@media (min-width:1200px) {
    img.logo {
        height: 41px;
        width: 104px
    }

    div.darkgr {
        background: #505050;
        color: var(--border-gray);
        font-size: 14px;
        float: left;
        padding: 2px 7px 3px;
        border-radius: 5px;
        margin: 2px 6px 0 0;
        line-height: 17px
    }

    div.synopsis {
        font-size: 22px;
        line-height: 140%
    }

    div.cntl {
        width: 904px
    }

    .button_clear:hover {
        background: var(--primary-color)
    }

    .button_color:hover {
        background: #65c6c9
    }
}

@media (max-width:1199px) {
    .nav-item:hover {
        background: #2d6132
    }

    .nav-link {
        color: #c5ffbe !important
    }

    .nav-item {
        padding-left: 20px
    }

    img.logo {
        height: 7vh;
        width: 19vh
    }

    div.darkgr {
        background: #2aad19;
        color: var(--text-color);
        font-size: 4vh;
        float: left;
        padding: 2px 7px 3px;
        border-radius: 5px;
        margin: .7vh .7vh 0 0;
        line-height: 4vh
    }

    div.cntl {
        width: 100%
    }

    div.fbtext {
        font-size: 22px
    }

    div.blogcol {
        font-size: 26px;
        line-height: 140%
    }

    .offcanvas-collapse {
        position: fixed;
        top: 7vh;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #243728;
        transition-timing-function: ease-in-out;
        transition-duration: .3s;
        transition-property: left, visibility
    }

    .offcanvas-collapse.open {
        left: 0;
        visibility: visible
    }

    div.widepane {
        left: 0;
        width: 100% !important
    }
}

div.genregrp,
div.warning_red {
    background: #cfc
}

.nav-scroller .nav {
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    color: rgba(255, 255, 255, .75);
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d
}

.nav-underline .nav-link:hover {
    color: #007bff
}

.nav-underline .active {
    font-weight: 500;
    color: #343a40
}

.text-white-50 {
    color: rgba(255, 255, 255, .5)
}

.span_green,
a,
div.gnres a span {
    color: var(--primary-color)
}

.bg-purple {
    background-color: #6f42c1
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05)
}

.lh-100 {
    line-height: 1
}

.lh-125 {
    line-height: 1.25
}

.lh-150 {
    line-height: 1.5
}

html {
    font-size: calc(16px);
    background: 0 0
}

#backToTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    color: var(--modal-bg);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1000;
    line-height: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 16px
}

#backToTop::before {
    content: "↑";
    display: block;
    line-height: 1;
    margin-top: -2px
}

@media screen and (max-width:500px) {
    #backToTop {
        display: none !important
    }
}

div,
span {
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    color: #212529
}

main h1 {
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    color: #111
}

.btn .lnk {
    border: none;
    border-radius: 4px;
    color: var(--modal-bg);
    padding: 12px 14px;
    text-decoration: none !important
}

div.feed {
    z-index: 10000;
    position: absolute;
    top: 20px
}

.welcome_block {
    display: inline-flex;
    border-radius: 8px;
    background: var(--modal-bg);
    padding: 25px;
    align-items: stretch;
    gap: 24px;
    word-break: break-all
}

.welcome_block img {
    width: 200px;
    height: 200px;
    border-radius: 8px;
    max-width: 100%;
    max-height: 100%
}

.welcome_block * p {
    font-size: 18px !important;
    word-break: break-all
}

.welcome_block span img {
    width: 40px;
    height: 40px;
    max-width: 100%;
    max-height: 100%
}

.welcome_block .circle__block span {
    display: block;
    background: var(--primary-color);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 15px
}

.longphoto {
    left: 0 !important
}

@media screen and (max-width:980px) {
    .welcome_block {
        gap: 10px
    }

    .welcome_block .circle__block span {
        width: 32px;
        height: 32px;
        padding: 4px
    }

    .welcome_block span img {
        vertical-align: baseline
    }

    li.hormenu a.btn {
        background: var(--modal-bg);
        text-align: left;
        color: #2b3039 !important;
        display: flex !important;
        font-size: 16px;
        line-height: 23px;
        outline: 0 !important;
        padding: 13px 8px;
        justify-content: left !important;
        font-weight: 500;
        height: auto !important;
        border: none;
        border-bottom: 1px solid var(--primary-color);
        border-radius: 0
    }

    li.hormenu a.btn i {
        width: 30px;
        text-align: center
    }
}

.cntl.cntl_2,
div.cnt,
div.cntl,
div.genregrp,
div.warning_red {
    border-radius: 8px
}

.cntl_2 .box02,
div.maketr {
    float: none
}

div.genregrp {
    color: var(--text-color)
}

table.r td {
    width: min-content;
    max-width: 100px
}

div.posterR {
    margin-left: 32px
}

.header__container,
.header__second-inner {
    max-width: 1270px !important;
    margin: 0 auto
}

body.stripes,
html body {
    background: 0 0;
    background-color: #f3f6f9;
    position: relative;
    line-height: 22px;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px
}

a.taglnk2:active,
a.taglnk2:link,
a.taglnk2:visited,
div.btitle,
div.chapt,
div.cnt,
div.sgrayj,
h2.book,
h2.uname,
input.gotobook,
input.gotobook2,
p.ji16,
p.ji18,
span.ji,
ul.j3 {
    font-size: 16px
}

.cnt,
.cntl,
.cntl_2 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.cntl.cntl_2 {
    padding-bottom: 30px;
    width: 940px;
    float: left
}

.cntl_2 div,
.color-picker,
.color-picker *,
.color-picker :after,
.color-picker :before,
.color-picker:after,
.color-picker:before {
    box-sizing: border-box
}

input.bluebtn,
input.bluebtn2,
input.btngray,
input.btnorder,
input.grayb,
input.regmein {
    font-size: 14px;
    min-width: 160px
}

div.cnt {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: auto;
    background-color: #f3f6f9;
    padding: 0 12px 12px;
    overflow-x: hidden
}

div.cnt-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
    min-height: 50vw;
    margin-top: 32px
}

div.f20,
p.ji {
    display: block
}

div.cntl {
    width: 100%;
    padding: 20px
}

@media screen and (max-width:600px) {
    div.cntl {
        width: 100vw !important;
        box-sizing: border-box
    }
}

div.cntl-wrapper {
    width: 75%;
    margin: 0 auto
}
@media (max-width:600px) {
    .cntl-wrapper {
        width: 100% !important
    }
}

.hormenu,
a.chptitle:active,
a.chptitle:link,
a.chptitle:visited,
div.viewdoc,
h3.txt0 {
    font-size: 18px
}

input.chpsave {
    width: 110px;
    height: 38px
}

h3.txt {
    font-size: 20px
}

div.bluebtn2 {
    font-size: 16px;
    padding: 6px 14px
}

.cntl_2 h1.txt,
h2.bookname,
h2.txt {
    font-size: 22px
}

a.taglnk3,
article .sgray2,
div.saledesc {
    padding: 0 !important
}

.cntl_2 h1.txt {
    padding: 14px 0
}

.bookname img {
    height: 26px;
    width: 26px !important;
    float: left;
    margin-right: 10px !important
}

.button,
div.w600 {
    width: fit-content
}

div.warning_green {
    padding: 16px;
    margin: 14px 0;
    background: linear-gradient(to bottom, #e6f7e6 0, #d2f7d2 100%)
}

a.box2rd,
div.box2rd {
    float: left;
    color: var(--primary-color);
    font-weight: 500;
    border: 1px dotted #d0d0d0;
    border-radius: 8px !important;
    display: block;
    padding: 4px 8px !important;
    margin-right: 8px;
    margin-top: 8px;
    line-height: var(--z-body-line-height) !important
}

.box2rd:hover {
    background: #d9f1f2
}

.box2rd:is(.mark9) {
    background: #d9f1f2
}

.box2rd:is(.mark9):hover {
    background: #b2e2e4
}

div.hlite {
    border-radius: 8px;
    background: var(--modal-bg);
    border: 1px solid var(--modal-bg);
    margin: 16px 0
}

p.ji {
    font-size: 14px;
    padding-bottom: .5em;
    margin: 0
}

.cntl_2 div.ratmsg {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #666d6d !important;
    margin: 9px 0;
    font-family: Roboto, sans-serif
}

.cntl_2 .ratingstars {
    margin-top: 14px;
    text-align: center
}

div.buyalls {
    max-width: 200px;
    margin: 0 0 20px 20px
}

div.buyall {
    font-size: 14px;
    position: unset !important;
    margin: 8px 0;
    width: 100%;
    border: 1px solid rgba(255, 124, 3, .3);
    text-align: center;
    -webkit-box-shadow: rgba(255, 124, 3, .3) 0 0 20px 2px;
    -moz-box-shadow: rgba(255, 124, 3, .3) 0 0 20px 2px;
    box-shadow: rgba(255, 124, 3, .3) 0 0 20px 2px;
    background: var(--modal-bg)
}

div.buyall input.btn {
    font-size: inherit
}

.cntl_2 .sgrayj {
    font-size: 10px
}

div.chaptfree {
    font-size: 12px;
    border-radius: 5px
}

input.bluesmbtn {
    padding: 4px 12px;
    font-size: 12px
}

.city3 .txt {
    color: #038c8c !important
}

div.intro {
    font-size: 14px;
    border: none;
    padding: 14px 0;
    hyphens: auto
}

.cnt-wrapper div.leftblk {
    width: 228px;
    background-color: var(--modal-bg);
    border-radius: 8px
}

.wrapper-left-blk div.leftblk {
    border: 2px solid orange;
    border-radius: 8px;
    padding: 24px;
    background-color: var(--modal-bg);
    width: 180px
}

.wrapper-left-blk .top-book-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px
}

div.f20 {
    font-size: 18px;
    line-height: 16px
}

div.lef321 {
    position: initial
}

div.w130 {
    width: auto !important
}

div.smi,
div.smi1 {
    background: var(--modal-bg);
    border: none;
    padding: 12px
}

div.smi1 {
    border-bottom: 2px solid var(--text-color)
}

div.smi1 .active {
    background: 0 0
}

div.h24 {
    height: 16px
}

h3.txt {
    padding: 14px 0
}

div.zigzag,
div.zigzag1 {
    background-position: bottom;
    background-size: contain;
    height: 60px
}

div.booktc {
    font-size: 14px;
    height: fit-content
}

input.gotobook2,
td.w170 {
    width: 110px
}

input.city,
input.email {
    font-size: 25px;
    height: 40px;
    width: 100%;
    background: #f0f0f0;
    color: #038c8c;
    text-align: left;
    border: 0;
    border-bottom: 1px dashed #909090;
    padding: 0;
    margin: 0 10px 10px 0
}

input.title {
    font-size: 16px;
    line-height: 26px
}

.cntl_2 .bluebtn4 {
    font-size: 16px;
    width: 110px;
    height: 32px
}

div.city2 {
    font-size: 14px;
    padding-left: 26px
}

.right-side-wrapper {
    display: grid;
    grid-template-columns: 100px auto;
    grid-column-gap: 15px
}

.right-side-wrapper a.taglnk0 {
    min-height: 140px;
    padding: 0 12px 0 0
}

a.taglnk0 {
    font-size: 14px;
    line-height: 1.4;
    color: #038c8c;
    text-decoration: none
}

.work-title {
    font-size: 14px;
    line-height: 1.4;
    color: var(--text-color)
}

input.email2 {
    font-size: 26px;
    height: 40px
}

h2.title {
    font-size: 16px;
    padding: 14px 0 0
}

div.abtme,
div.cityc,
div.login {
    font-size: 14px
}

div.login {
    padding: 12px
}

div.cnt-wrapper aside {
    width: 292px;
    margin-right: 12px
}

div.cnt-wrapper aside .cntr .leftblk+.leftblk {
    margin-top: .5em
}

.leftblk:nth-child(2) {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.leftblk:nth-child(3) {
    border-radius: 0 !important
}

.leftblk:nth-child(4) {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

@media screen and (max-width:1220px) {
    .cnt-wrapper aside {
        display: none !important
    }
}

@media (max-width:1220px) {
    div.tileroll {
        width: 577px
    }
}

div.toptile,
div.toptile1,
div.toptile2,
div.toptile3 {
    height: auto
}

div.toptile {
    margin: 1px 0 12px
}

div.cityc {
    height: fit-content;
    margin-top: 12px
}

div.booktc {
    line-height: 16px;
    text-align: left
}

.aside__top,
.footer__link,
.footer__login,
a.msg_link {
    text-align: center
}

.cntl_2 .posterL img.shadow1 {
    height: 140px
}

.cntl_2 .blist:hover {
    padding: 32px
}

div.tileroll {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.fa-commenting-o {
    margin-right: 8px
}

@media (max-width:885px) {
    div.backpackL {
        width: 100%
    }

    div.posterR {
        width: auto;
        max-width: calc(100% - 230px)
    }
}

@media (max-width:355px) {
    input.w354 {
        width: 100%
    }
}

div.maketr div.maket3 img {
    max-width: 100%
}

div.radiogrp2 {
    margin-left: 20px
}

@media (max-width:655px) {
    div.radiogrp2 {
        width: 100%
    }
}

@media (max-width:590px) {
    select.series {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 8px 12px;
        font-size: 16px
    }
}

div.abtme {
    color: #606060
}

textarea.blog {
    width: 100%;
    max-width: 600px
}

label.radio4 {
    width: 80%
}

input.leavefb {
    margin: 10px 0 0
}

div.newseries {
    width: calc(100% - 32px)
}

li.hormenu a.btn.active {
    color: var(--text-color) !important;
    border: 1px solid var(--primary-color)
}

div.bgselect {
    height: 80px;
    width: 80px
}

@media (max-width:890px) {
    div.bookctrl {
        width: 199px;
        display: block;
        float: left;
        margin-left: 24px
    }
}

@media (max-width:668px) {

    div.editdlg3 input.w468,
    div.w662 {
        width: 100% !important
    }

    div.w662 {
        margin-left: 0
    }

    div.colont_ {
        width: 100%;
        height: auto;
        padding: 4px 8px 0;
        margin: 0 0 2px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    div.bookframe3 {
        width: 100%;
        padding: 0 5px
    }

    div.bookframe3 span>div>img.nonm,
    div.progressbar {
        width: 100%
    }

    div.correction3 {
        width: 0
    }

    div.editdlg3,
    div.editdlg5 {
        left: 0;
        width: calc(100% - 22px);
        max-width: 500px
    }
}

div.padrdr {
    padding: 1rem 8px
}

div.capts,
div.morebooks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width:488px) {
    textarea.chcomm {
        width: 200px
    }

    div.back,
    div.mob2 {
        display: none
    }

    .newcomm div.col3res {
        width: 100%
    }
}

a.footer__nav-link,
a.footer__user-mouney-link,
a.footer__user-name-link {
    display: block
}

div.capt {
    font-size: 24px;
    line-height: 100%
}

@media (max-width:675px) {
    div.bookframe5 {
        width: 100%
    }
}

div.sale {
    width: 40px;
    height: 40px;
    padding-top: 0;
    bottom: 10px;
    left: 0;
    top: 0;
    background: rgba(205, 36, 36, .8);
    border: none;
    z-index: 1800
}

div.stxt {
    padding: 10px 0 0 1px;
    font-size: 14px;
    text-shadow: unset;
    color: var(--modal-bg);
    font-weight: 400
}

html .aside,
html .footer,
html .header__mobile-items,
html .header__second,
html .msg-author,
html .msg-info,
html .popup-reader,
html .reader,
html header {
    font-family: Roboto, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px
}

.cntl_2 input.phone,
.forum__container,
.podpiska,
.popup-enter,
.user,
.user-message,
a.header__link {
    font-family: Roboto, sans-serif
}

.popup-enter-active {
    display: block !important;
}

.button,
a.a_link {
    text-decoration: none;
    font-size: 14px
}

a.a_link {
    color: var(--primary-color);
    line-height: 22px
}

.button {
    display: inline-block;
    border-radius: 4px;
    padding: 6px 12px;
    font-weight: 500;
    color: var(--modal-bg);
    cursor: pointer
}

.button_clear,
.button_color {
    border: 1px solid var(--primary-color);
    box-sizing: border-box
}

.button:active,
.button:focus {
    outline: 0
}

.button_clear {
    background: inherit
}

.span__number_primary,
a.msg-author__button,
a.msg_link {
    color: var(--modal-bg) !important;
    background-color: var(--primary-color)
}

.button_color {
    background: var(--primary-color)
}

.bluebtn2 a,
footer a:hover {
    color: var(--modal-bg) !important
}

.span__number {
    padding: 2px 5px;
    font-size: 1.1em;
    border-radius: 3px
}

.span__number_secondary {
    background-color: #f2994a;
    color: var(--modal-bg) !important
}

.span__number_tertiary {
    background-color: #9747ff;
    color: var(--modal-bg) !important
}

.span__number_quaternary {
    background-color: #ff209b;
    color: var(--modal-bg) !important
}

.msg-info {
    padding: 24px;
    background: #e7f9f7;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    position: relative;
    margin-bottom: 16px
}

.msg-info__title {
    margin: 0 !important;
    font-weight: 600;
    font-size: 19px;
    color: var(--text-color)
}

.msg-info_text {
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: var(--text-color);
    margin-bottom: 0;
    margin-top: 5px
}

.msg-info__close {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 16px;
    right: 16px
}

.msg-info__close-button::after,
.msg-info__close-button::before {
    content: '';
    width: 116%;
    position: absolute;
    top: 7px;
    border-radius: 2px;
    height: 2px;
    background-color: #698687;
    left: -1px
}

.msg-info__close-button::after {
    rotate: 45deg
}

.msg-info__close-button::before {
    rotate: -45deg
}

.msg-section {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto
}

.msg-section__inner {
    max-width: 940px
}

.msg-author {
    padding: 32px;
    background: linear-gradient(0deg, rgba(248, 248, 248, .2), rgba(248, 248, 248, .2)), url('/assets/img/layout/msg-author.jpg');
    border-radius: 8px
}

.msg-author_margin {
    margin: 40px 0
}

.msg-author__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

.msg-author__title {
    font-weight: 600;
    font-size: 19px;
    line-height: 24px;
    color: var(--text-color)
}

.msg-author_text {
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-color)
}

.list-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 10px !important;
    padding: 0
}

.list-group-item {
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.header__link-arrow,
a.header__mobile-link::after {
    border-bottom: 2px solid var(--modal-bg);
    border-right: 2px solid var(--modal-bg);
    rotate: 45deg
}

.msg-author__right {
    flex-shrink: 0;
    padding: 12px 0
}

a.msg-author__button,
a.msg_link {
    text-decoration: none !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    padding: 12px 34px 12px 14px;
    background-image: url('/assets/img/icons/svg/fi_chevron-right.svg');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 95% center;
    cursor: pointer
}

a.msg_link {
    padding: 16px;
    border-radius: 8px;
    color: var(--modal-bg);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    width: 100%
}

.book_buttons .favorite i::before,
.header__second-list a i,
a.header__link,
html .book-review-block-og .lnk {
    font-size: 16px
}

a.msg-author__button:hover,
a.msg_link:hover {
    background-color: #65c6c9
}

@media (max-width:700px) {
    .msg-author__inner {
        flex-direction: column;
        align-items: flex-start
    }
}

.footer {
    background: var(--text-color)
}

.footer__container {
    padding: 0 88px;
    max-width: 1440px;
    margin: 0 auto
}

.footer__inner {
    padding-top: 48px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px
}

.footer__text-nav {
    display: flex;
    justify-content: space-between;
    gap: 24px
}

.footer__text {
    max-width: none;
    flex: 1;
    padding-left: 0;
    list-style: none;
    margin: 0 15px;
}

.footer__text-p {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    color: #8c9cac
}

.footer__link,
a.header__mobile-link span {
    color: var(--primary-color)
}

.footer__link {
    font-size: 20px
}

.footer__user {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-shrink: 0
}

.footer__user-exit {
    align-self: center
}

.footer__nav {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 24px;
    width: fit-content
}

.footer__nav-items {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 190px;
    gap: 9px;
    padding: 10px 0 0;
    margin: 0
}

.footer__nav-ul {
    display: flex;
    flex-direction: column;
    gap: 9px
}

a.footer__nav-link_circle {
    background-color: #8c9cac;
    color: var(--text-color) !important;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

a.footer__nav-support-link {
    background-image: url('/assets/img/icons/svg/bg-support.svg');
    background-repeat: no-repeat;
    background-position: 14px center;
    padding-left: 38px !important
}

.footer__menu-items {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

.footer__login {
    min-width: 250px
}

a.footer__menu-link:hover {
    color: var(--primary-color)
}

.footer__menu-item {
    list-style: none;
    font-size: 14px;
    position: relative;
    text-align: left !important;
}

.rustore a {
    font-size: 14px;
}

.footer__text:has(.rustore) {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

@media (max-width:780px) {
    .footer {
        background: #021b1c
    }

    .footer__text-p,
    a.footer__nav-link {
        color: #a5babb
    }

    .footer__text-nav {
        flex-direction: column
    }

    .footer__container {
        padding-left: 16px;
        padding-right: 16px
    }

    .footer__menu {
        margin-bottom: 50px
    }

    a.footer__menu-link,
    a.footer__user-mouney-link,
    a.footer__user-name-link {
        text-decoration: underline
    }

    .footer__nav-items {
        min-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .footer__user {
        flex-direction: row
    }

    .desktop-only {
        display: block
    }
}

.header__mobile-items,
header {
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 22px
}

.header__container {
    max-width: 96%;
    margin: 0 auto
}

.header__main {
    background: var(--text-color);
    position: sticky !important;
    top: 0;
    width: 100%;
    z-index: 2000
}

.header__second-link,
a.aside__button-boks {
    background-size: 16px;
    background-repeat: no-repeat
}

.header__inner {
    padding-top: 16px;
    padding-bottom: 16px
}

.header__nav {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header__mobile {
    display: none;
    gap: 10px;
    align-items: center
}

.cntl_2 .pad12topb,
.header__mobile a.header__link,
.mark12 .txt,
html .book-review-block-og .commitm div.blogcol {
    padding: 0
}

.header__mobile * .span__number_secondary {
    margin-left: unset !important
}

.header__mobile-menu {
    width: 40px;
    height: 40px;
    padding: 8px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 5px
}

.header__mobile-menu:hover {
    cursor: pointer
}

.header__mobile-menu.deployable {
    width: 40px;
    justify-content: center
}

.header__mobile-burger {
    display: block;
    height: 2px;
    background-color: var(--modal-bg)
}

.header__mobile-menu_close::after,
.header__mobile-menu_close::before {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 22px;
    background-color: var(--modal-bg)
}

.header__mobile-menu_close::after {
    rotate: 45deg
}

.header__mobile-menu_close::before {
    rotate: -45deg
}

.header__mobile-drop-down,
.header__mobile-menu_close>.header__mobile-burger,
a.header__mobile-link.no-arrow::after {
    display: none
}

.header__mobile-items {
    list-style: none;
    display: none;
    position: fixed;
    max-height: calc(100vh - 72px);
    height: calc(100vh - 72px);
    overflow-y: auto;
    top: 72px;
    left: 0;
    width: 100%;
    background-color: var(--text-color);
    padding: 16px 24px
}

.fa-ul>li,
.header__list,
.header__mobile-list,
.ptr {
    position: relative
}

.header__mobile-list:nth-child(n+2) {
    border-top: 1px solid #2f2f2f
}

a.header__mobile-link,
a.header__mobile-link-active {
    display: block;
    padding: 16px 26px 16px 16px;
    color: var(--modal-bg)
}

a.header__mobile-cash-link {
    color: orange
}

a.header__mobile-link::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 16px;
    right: 20px
}

a.header__mobile-link_close::after {
    rotate: -135deg;
    top: 20px
}

a.header__mobile-link:hover {
    cursor: pointer
}

.header__mobile-items ul {
    list-style: none
}

.cntl_2 .ready a,
.header__mobile-items a,
.sgray2 a:hover {
    text-decoration: none
}

.header__mobile-items a:hover {
    color: var(--modal-bg);
    text-decoration: none
}

.header__mobile-items_show {
    display: block;
    z-index: 2000
}

.header__mobile-drop-down_show {
    display: block
}

a.header__mobile-drop-down-link {
    padding: 16px 16px 16px 5px;
    display: block;
    text-decoration: none;
    text-align: left;
    color: var(--modal-bg)
}

a.header__mobile-drop-down-link:hover {
    cursor: pointer
}

a.header__link,
a.header__link-active {
    display: block;
    padding: 12px 8px;
    text-decoration: none
}

.header__mobile-drop-down-link i.fa {
    color: var(--primary-color);
    margin-right: 10px
}

.header__logo-link {
    margin-right: 12px
}

.header__menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.header__items {
    display: flex;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0
}

.header__list {
    flex-shrink: 0;
    list-style: none
}

.header__list * li {
    list-style: none
}

a.header__link {
    color: var(--modal-bg);
    border-radius: 4px;
    line-height: 22px
}

.header__link img {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

div.fullw2 {
    width: 100%;
    border-radius: 8px;
    left: 0
}

a.header__link:hover {
    color: var(--primary-color);
    text-decoration: none
}

a.header__link-active {
    color: orange;
    border-radius: 4px
}

a.header__link-active:hover {
    color: var(--primary-color);
    text-decoration: none
}

.header__link-arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 12px;
    margin-bottom: 2px
}

.blog_add_sub-link:hover,
.input_row .btn_sel_box.show label:hover,
a.header__link_click,
a.header__link_hover {
    color: var(--primary-color)
}

.header__link-arrow_click,
.header__link-arrow_hover {
    border-bottom: 2px solid var(--primary-color);
    border-right: 2px solid var(--primary-color)
}

.header__link-arrow_click {
    rotate: -135deg;
    margin-bottom: -2px
}

.header__drop-down {
    display: none;
    list-style: none;
    position: absolute;
    transform: translateX(-25%);
    top: 57px;
    background-color: var(--text-color);
    padding: 0 10px 20px 20px;
    border-bottom: 4px solid var(--primary-color);
    border-radius: 0 0 20px 20px
}

.header__drop-down_show {
    display: block;
    z-index: 2000;
    padding: 0 0 10px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

#author-send-message.popup-enter_active,
.cntl_2 .block_box.visible,
.header__drop-down-list,
.og_intro .podskazka:hover p,
.page-profile .book-card-item .commitm,
.popup-enter_active,
div.ovf2 div.toptile {
    display: block !important
}

a.header__drop-down-link {
    display: block;
    white-space: nowrap;
    padding: 10px 32px 10px 5px;
    color: var(--modal-bg);
    text-decoration: none
}

.aside__top-label::before,
.header__second-link:hover,
a.aside__button-boks,
a.aside__card-link,
a.aside__fast-link,
a.aside__tag-link {
    text-decoration: none !important
}

.header__drop-down-link i.fa {
    color: var(--primary-color);
    margin-right: 10px;
    text-align: center
}

a.header__drop-down-link:hover {
    color: var(--primary-color);
    text-decoration: none
}

.cntl_2 .top_mesto .trophy,
.header__find {
    margin-left: 30px
}

a.header__find-link {
    display: block;
    padding: 10px 15px;
    border-radius: 4px
}

a.header__find-link:hover {
    background-color: #303030
}

.estimate button.active>svg path,
a.header__find-link:hover .header__find-img {
    fill: var(--primary-color)
}

.header__buttons {
    display: flex;
    align-items: center;
    gap: 16px
}

@media (max-width:390px) {
    .header__buttons {
        gap: 6px
    }
}
@media (min-width:600px) and (max-width:1200px) {
    .header__menu {
        flex-wrap: wrap;
    }
    .header__items {
        gap: 8px;
    }
    .header__container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.header__second {
    background-color: var(--modal-bg);
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 22px
}

.header__second-inner {
    overflow-x: hidden
}

@media screen and (max-width:1000px) {
    .header__second-inner {
        overflow-x: scroll
    }
}

.header__second-inner::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    display: block
}

.header__second-inner::-webkit-scrollbar-track {
    background: inherit
}

.header__second-inner::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 2px;
    border: 1px solid #999
}

.header__second-nav {
    width: fit-content;
    margin: auto
}

.header__second-items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
    align-items: center
}

.header__second-list {
    position: relative;
    flex-shrink: 0
}

.header__second-link {
    color: var(--text-color);
    text-decoration: none;
    font-size: 14px;
    padding: 16px 0 16px 22px;
    display: block;
    background-position: 0 center
}

.header__second-list:nth-child(n+2)>.header__second-link::before {
    content: '';
    height: 30px;
    width: 1px;
    background-color: #edeff2;
    position: absolute;
    left: -15px;
    top: 12px
}

.header__second-link_last::after {
    display: none
}

.header__second-link:hover {
    color: var(--primary-color)
}

.header__second-link_book-open {
    background-image: url('/assets/img/icons/svg/fi_book-open.svg')
}

.header__second-link_bookmark {
    background-image: url('/assets/img/icons/svg/fi_bookmark.svg')
}

.header__second-link_heart {
    background-image: url('/assets/img/icons/svg/fi_heart.svg')
}

.header__second-link_book {
    background-image: url('/assets/img/icons/svg/book-icon.svg')
}

.header__second-link_smile {
    background-image: url('/assets/img/icons/svg/fi_smile.svg')
}

.header__second-link_message-square {
    background-image: url('/assets/img/icons/svg/fi_message-square.svg')
}

.header__second-link_message-headphone {
    background-image: url('/assets/img/icons/svg/u_headphones-alt.svg')
}

@media (max-width:1300px) {
    .header__container {
        padding: 0 16px;
        margin: 0 auto
    }
}

@media (min-width:1201px) {
    .header__mobile-items {
        display: none !important
    }
}

.aside {
    width: 292px;
    flex-shrink: 0;
    margin-left: 32px;
    float: left
}

.aside__container {
    background-color: var(--modal-bg);
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 16px
}

.aside__container.top100-align .aside__title,
.aside__container.top100-align .leftblk {
    display: inline-block;
    width: 220px;
    max-width: 220px;
    text-align: left;
    word-break: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0
}

.aside__container.top100-align {
    text-align: center
}

.aside__container_hid,
.blog_add_sub,
.input_row .btn_sel_box,
.pop-up_control .control_box,
div.reader__container .totop {
    display: none
}

.aside__title {
    color: var(--text-color);
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 24px
}

.aside__title a:hover,
.author_about_list_book .seria a {
    color: var(--primary-color);
    text-decoration: none
}

.aside__top {
    padding: 24px;
    border: 1px solid #cdea1a;
    border-radius: 8px
}

.aside__top-button {
    margin-top: 10px;
    text-align: center
}

.aside__top-name,
.aside__top-title {
    margin-top: 5px;
    line-height: 16px;
    text-align: center;
    letter-spacing: .003em
}

.aside__top-button-show,
.og_intro .podskazka svg,
.onegenre,
.pointer,
.popup-enter__icons div,
.saledesc td {
    cursor: pointer
}

.aside__top-link {
    display: block;
    padding: 0 16px;
    position: relative
}

.aside__top-label::before {
    display: flex;
    justify-content: center;
    align-items: center;
    content: 'Книга дня';
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: var(--text-color) !important;
    position: absolute;
    top: 10px;
    left: 12px;
    width: 100px;
    height: 25px;
    background-image: url('/assets/img/icons/svg/label_top_book.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0
}

.aside__top-img,
.toptiletoptile img {
    border-radius: 6px;
    width: 100%
}

.aside__top-title {
    font-weight: 400;
    font-size: 12px;
    color: #666d6d
}

.aside__top-name {
    font-weight: 500;
    font-size: 14px;
    color: var(--text-color)
}

a.aside__card-link {
    display: flex;
    gap: 16px
}

.aside__card:nth-child(n+2) {
    margin-top: 24px
}

.aside__card-img {
    width: 110px;
    border-radius: 4px
}

.aside__card-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
}

.aside__card-position {
    padding: 4px 8px;
    color: var(--modal-bg);
    background-color: var(--primary-color);
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px
}

.aside__card-author {
    color: #666d6d;
    font-weight: 400;
    font-size: 12px
}

.aside__card-name {
    color: var(--text-color);
    font-weight: 500;
    font-size: 14px
}

a.aside__button-boks {
    display: inline-block;
    padding: 12px 32px 12px 12px;
    border: 1px solid rgba(78, 90, 109, .11);
    border-radius: 4px;
    color: var(--primary-color) !important;
    margin-top: 24px;
    cursor: pointer;
    background-image: url('/assets/img/icons/svg/fi_chevron-right.svg');
    background-position: 95% center
}

a.aside__button-boks:hover {
    background-color: #f3f6f9
}

.aside__input {
    box-sizing: border-box;
    padding: 12px 36px 12px 12px;
    width: 100%;
    border: 1px solid #dadfe4;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #8c9cac;
    background: url('/assets/img/icons/svg/fi_arrow-right.svg') 95% center no-repeat #f3f6f9
}

.blog_add button.btn_add:before,
.blog_add_sub-link .icon,
.icons_aside,
.input_row .btn_sel_type::after {
    width: 24px;
    height: 24px;
    mask-size: 24px;
    mask-repeat: no-repeat;
    mask-origin: content-box
}

.aside__icon-link,
a.aside__fast-link {
    padding: 8px;
    font-size: 16px;
    color: var(--primary-color) !important;
    line-height: 24px
}

.aside__input:focus {
    outline: var(--primary-color) solid 1px
}

a.aside__fast-link {
    display: block;
    font-weight: 500;
    border-radius: 4px
}

a.aside__fast-link:hover {
    background: #f3f6f9
}

.aside__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

a.aside__tag-link {
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid #edeff2;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--primary-color)
}

.blog_add button.btn_add:hover,
a.aside__tag-link:hover {
    background-color: var(--primary-color);
    color: var(--modal-bg)
}

@media (max-width:1220px) {
    div.tileroll {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .msg-section__inner {
        padding-left: 8px;
        margin: 0 auto
    }

    div.cnt,
    div.cntl,
    div.cntl-wrapper {
        width: 100%
    }

    .aside {
        display: none
    }

    div.blogcol {
        font-size: 16px
    }

    div.cntl {
        border-radius: 8px
    }

    div.cntr {
        margin-top: 10px
    }
}

.aside__fast-links {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.aside__icon-link {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    border-radius: 4px
}

.aside__icon-link:hover,
a.og_btn.bir {
    background: var(--primary-color) !important;
    color: var(--modal-bg) !important
}

.aside__icon-link:hover .icons_aside {
    background-color: var(--modal-bg) !important
}

.icons_aside {
    display: flex;
    margin-right: 10px;
    background-color: var(--primary-color)
}

.icons_aside.stories {
    -webkit-mask-image: url('/assets/img/icons/svg/stories.svg');
    mask-image: url('/assets/img/icons/svg/stories.svg')
}

.icons_aside.blog {
    -webkit-mask-image: url('/assets/img/icons/svg/blog.svg');
    mask-image: url('/assets/img/icons/svg/blog.svg')
}

.icons_aside.fanfic {
    -webkit-mask-image: url('/assets/img/icons/svg/fanfiction.svg');
    mask-image: url('/assets/img/icons/svg/fanfiction.svg')
}

.icons_aside.videos {
    -webkit-mask-image: url('/assets/img/icons/svg/video.svg');
    mask-image: url('/assets/img/icons/svg/video.svg')
}

.icons_aside.poesy {
    -webkit-mask-image: url('/assets/img/icons/svg/poesy.svg');
    mask-image: url('/assets/img/icons/svg/poesy.svg')
}

.icons_aside.comments {
    -webkit-mask-image: url('/assets/img/icons/svg/comment.svg');
    mask-image: url('/assets/img/icons/svg/comment.svg')
}

.icons_aside.reviews {
    -webkit-mask-image: url('/assets/img/icons/svg/notes.svg');
    mask-image: url('/assets/img/icons/svg/notes.svg')
}

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

.blog_add {
    display: flex;
    position: relative
}

.blog_add button.btn_add {
    display: flex;
    position: relative;
    padding: 10px 10px 10px 40px;
    border: none;
    border-radius: 8px;
    background: #f3f6f9;
    color: var(--primary-color)
}

.blog_add button.btn_add:before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--primary-color);
    -webkit-mask-image: url('/assets/img/icons/svg/plus.svg');
    mask-image: url('/assets/img/icons/svg/plus.svg')
}

.blog_add_sub.show {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 50px;
    padding: 10px;
    border-radius: 8px;
    background-color: var(--modal-bg);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    z-index: 100
}

.blog_add_sub .blog_add_sub-link {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    position: relative;
    padding: 5px 5px 5px 40px;
    text-decoration: none;
    border: none;
    background: 0 0
}

.blog_add_sub-link .icon {
    display: flex;
    position: absolute;
    background-color: var(--text-color);
    left: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.blog_add_sub-link .icon.post {
    -webkit-mask-image: url('/assets/img/icons/svg/post_add.svg');
    mask-image: url('/assets/img/icons/svg/post_add.svg')
}

.blog_add_sub-link .icon.artile {
    -webkit-mask-image: url('/assets/img/icons/svg/article_add.svg');
    mask-image: url('/assets/img/icons/svg/article_add.svg')
}

.blog_add_sub-link .icon.video {
    -webkit-mask-image: url('/assets/img/icons/svg/video_add.svg');
    mask-image: url('/assets/img/icons/svg/video_add.svg')
}

.blog_add_sub-link:hover .icon,
.deployable.header__mobile-menu.in>span,
.deployable.header__mobile-menu:hover>span,
.modal_box .modal_info .modal_title .close:hover,
.reply::before,
div.feedbdlg .capts {
    background-color: var(--primary-color)
}

.blogs_lists {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%
}

.blogs_lists .blog-item {
    display: grid;
    grid-template-rows: auto 1fr auto;
    width: 100%;
    min-height: 300px;
    height: auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d0d0
}

.blog_item_content {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 20px;
    margin-bottom: 15px
}

.blog-item_head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0
}

.blog-item_head .head_info,
.blog-item_head .head_info_right,
.pagination {
    display: flex;
    flex-direction: row;
    align-items: center
}

.blog-item_head .head_info .blog_head_category {
    display: flex;
    padding: 5px 10px;
    margin-right: 20px;
    background-color: #f3f6f9;
    border-radius: 8px
}

.blog-item_head .head_info .blog_head_author {
    display: flex;
    margin: 0 20px
}

.pop-up_control {
    display: flex;
    position: relative;
    cursor: pointer
}

.pop-up_control::before {
    display: flex;
    content: '\2026';
    vertical-align: top;
    font-size: 25px;
    font-weight: 700
}

.pop-up_control .control_box.show {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 24px;
    right: 0;
    padding: 10px;
    border-radius: 8px;
    background-color: var(--modal-bg);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    z-index: 100
}

.pop-up_control .control_box a,
.pop-up_control .control_box button {
    padding: 5px;
    text-decoration: none
}

.footer_stat {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.footer_stat .footer_stat_item {
    display: flex;
    flex-direction: row
}

.footer_stat .views {
    display: flex;
    margin-right: 15px
}

.btn_control {
    display: flex;
    border: none;
    background-color: transparent;
    position: relative;
    align-items: center;
    margin-right: 10px
}

.btn_control::before {
    display: flex;
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: var(--text-color);
    mask-size: 18px;
    mask-repeat: no-repeat;
    mask-origin: content-box
}

.favor::before {
    -webkit-mask-image: url('/assets/img/icons/svg/like.svg');
    mask-image: url('/assets/img/icons/svg/like.svg')
}

.btn_control.dislike::before {
    transform: rotateZ(180deg) !important
}

.comment_stat::before {
    -webkit-mask-image: url('/assets/img/icons/svg/comment_icon.svg');
    mask-image: url('/assets/img/icons/svg/comment_icon.svg')
}

.comment_stat.reply::before {
    -webkit-mask-image: url('/assets/img/icons/svg/comment_icon_fill.svg');
    mask-image: url('/assets/img/icons/svg/comment_icon_fill.svg')
}

.favourite::before {
    -webkit-mask-image: url('/assets/img/icons/svg/favourite.svg');
    mask-image: url('/assets/img/icons/svg/favourite.svg')
}

.favourite.reply::before {
    -webkit-mask-image: url('/assets/img/icons/svg/favourite_fill.svg');
    mask-image: url('/assets/img/icons/svg/favourite_fill.svg')
}

.favourites::before {
    -webkit-mask-image: url('/assets/img/icons/svg/bookmarks.svg');
    mask-image: url('/assets/img/icons/svg/bookmarks.svg')
}

.favourites.reply::before {
    -webkit-mask-image: url('/assets/img/icons/svg/bookmarks_fill.svg');
    mask-image: url('/assets/img/icons/svg/bookmarks_fill.svg')
}

.donation {
    margin-right: 0
}

.donation::before {
    -webkit-mask-image: url('/assets/img/icons/svg/donation.svg');
    mask-image: url('/assets/img/icons/svg/donation.svg')
}

.read_later::before {
    -webkit-mask-image: url('/assets/img/icons/svg/read_later.svg');
    mask-image: url('/assets/img/icons/svg/read_later.svg')
}

.favor.reply::before {
    -webkit-mask-image: url('/assets/img/icons/svg/like_reply.svg');
    mask-image: url('/assets/img/icons/svg/like_reply.svg')
}

#modal_form,
.blog_item_footer,
.forum__themes {
    display: flex;
    flex-direction: column
}

.modal_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(2px);
    z-index: 2000
}

#reader_loader,
.reader {
    height: calc(100vh - 72px)
}

.modal_box .modal_info {
    display: grid;
    grid-template-rows: 30px 1fr 40px;
    width: 80vw;
    height: 80vh;
    border-radius: 15px;
    background-color: var(--modal-bg);
    overflow: hidden;
    padding: 10px 20px
}

.reader.fullscreen,
.reader.hideInterface {
    width: 100vw;
    height: 100vh
}
.reader__vertical-pages {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding: 12px 0;
    box-sizing: border-box;
    align-items: center;
    max-width: 100%
}

.reader__vertical-pages.reader__vertical-pages--active {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center
}

.reader.vertical-mode #bookpgm {
    display: none
}

.reader__vertical-page {
    display: flex;
    justify-content: center;
    width: 100%
}

.reader__vertical-canvas {
    display: block;
    max-width: 100%;
    height: auto
}

.popup-reader__mode-buttons {
    display: flex;
    gap: 8px;
    margin-top: 8px
}

.popup-reader__mode-button {
    opacity: .6;
    cursor: pointer
}

.popup-reader__mode-button.active {
    opacity: 1
}

.modal_box .modal_info .modal_title {
    display: flex;
    justify-content: space-between;
    position: relative
}

.modal_box .modal_info .modal_title .close {
    display: flex;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-color: #666d6d;
    transform: rotateZ(45deg);
    mask-size: 32px;
    mask-repeat: no-repeat;
    mask-origin: content-box;
    -webkit-mask-image: url('/assets/img/icons/svg/plus.svg');
    mask-image: url('/assets/img/icons/svg/plus.svg')
}

.modal_box .modal_info .modal_footer {
    display: flex;
    justify-content: flex-end
}

.modal_box .modal_info .modal_footer button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 8px;
    padding: 5px 10px
}

.modal_box .modal_info .modal_footer button:last-child {
    background-color: var(--primary-color);
    margin-left: 20px;
    color: var(--modal-bg)
}

.modal_box .modal_info .modal_content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    overflow-y: auto;
    justify-content: start;
    align-content: start;
    padding: 15px;
    font-size: .75rem
}

.modal_box .modal_info .modal_content::-webkit-scrollbar {
    width: 5px;
    background-color: #f0f2f3
}

.modal_box .modal_info .modal_content::-webkit-scrollbar-thumb {
    background-color: #919eab
}

.modal_box .modal_info .modal_content::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(99, 115, 129, .2) inset;
    background-color: #f0f2f3
}

.modal_box .modal_info .modal_content .form__group {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto
}

.input_row {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    position: relative
}

.input_row input,
.input_row textarea {
    display: flex;
    width: 100%;
    padding: 5px;
    border: 1px solid #edeff2;
    border-radius: 8px;
    outline: 0
}

.input_row textarea {
    min-height: 300px;
    resize: vertical
}

.input_row .btn_sel_type {
    display: flex;
    border: 0;
    background-color: transparent
}

.input_row .btn_sel_type::after {
    display: flex;
    content: '';
    margin-left: 20px;
    background: rgba(0, 0, 0, .2);
    -webkit-mask-image: url('/assets/img/icons/svg/fi_chevron-down.svg');
    mask-image: url('/assets/img/icons/svg/fi_chevron-down.svg')
}

.input_row .btn_sel_box.show {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 200px;
    top: 24px;
    left: 0;
    border-radius: 8px;
    padding: 7px 0;
    background-color: var(--modal-bg);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    z-index: 10
}

.input_row .btn_sel_box.show label {
    display: flex;
    padding: 2px 7px;
    cursor: pointer
}

.input_row .btn_sel_box.show label input[type=radio] {
    appearance: none;
    display: none
}

.reader {
    margin: 0;
    overflow-y: hidden
}

.reader.fullscreen {
    position: fixed;
    top: 0;
    z-index: 9999
}

#reader_loader {
    width: 100vw;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    position: fixed;
    top: 72px;
    left: 0;
    z-index: 999999
}

#reader_loader.fullscreen {
    height: 100vh;
    top: 0
}

#reader_loader .animation,
#reader_loader .animation:after,
#reader_loader .animation:before {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: 1.8s ease-in-out infinite load7;
    animation: 1.8s ease-in-out infinite load7
}

#reader_loader .animation {
    color: var(--text-color);
    font-size: 10px;
    left: 50%;
    top: 50%;
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    position: relative;
    text-indent: -9999em;
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.cntl_2 .donate_button svg,
.popup,
.popup-enter__inner,
.popup-reader__container {
    /*transform:translate(-50%,-50%)*/
}

#reader_loader .animation:after,
#reader_loader .animation:before {
    content: '';
    position: absolute;
    top: 0
}

#reader_loader .animation:before {
    left: -3.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

#reader_loader .animation:after {
    left: 3.5em
}

@-webkit-keyframes load7 {

    0%,
    100%,
    80% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes load7 {

    0%,
    100%,
    80% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

#editdlg {
    top: 50%;
    left: 50%
}

.reader__progressbar {
    height: 6px;
    border: 1px solid gray;
    cursor: pointer;
    display: flex;
    width: calc(100% - 20px);
    margin-left: 16px;
    z-index: 100;
    position: relative
}

.reader__progress1 {
    width: 0;
    height: 100%;
    background: var(--text-color);
    opacity: .2
}

.reader__progress2 {
    width: 22px;
    height: 100%;
    background: gray
}

.reader__container {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.fa-inverse,
.header__drop-down-link span,
.reader__btn-font,
.start_author .left * {
    color: var(--modal-bg)
}

.wrapper-box2 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.wrapper-box2 .box2 {
    width: min-content;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    height: 45px;
    border: 1px solid #909090
}

.wrapper-box2 .mark10 {
    border-color: var(--accent-color)
}

.podpiska {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .003em;
    color: var(--primary-color);
    opacity: .5
}

.reader__main .reader__container {
    margin-top: 0 !important;
    height: 100%
}

.reader__main {
    top: 0;
    height: calc(100% - 66px)
}

#popup-vote * .owl-item,
.popup .popup-body iframe,
.reader.fullscreen #bookpgm,
.reader.fullscreen canvas,
.reader.hideInterface .reader__main {
    height: 100%
}

.reader.hideInterface #toggleInterface {
    position: fixed;
    bottom: 1rem
}

div.morebooks div.toptile {
    width: 18%
}

.reader__can {
    display: flex;
    position: relative;
    height: calc(100% - 81px)
}

.reader.fullscreen .reader__can {
    height: calc(100vh - 157px)
}

.reader.hideInterface .reader__can {
    height: calc(100% - 68px)
}

.reader__bottom,
.reader__top {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 20px 0 20px 16px
}

.reader__top {
    padding: 16px 0
}

.reader__left-btn,
.reader__right-btn {
    display: flex;
    gap: 16px
}

.reader__btn-left,
.reader__btn-right {
    padding: 0 6px
}

#reader-btn-bookmarks.active>svg {
    fill: var(--modal-bg)
}

.reader__arrow {
    display: flex;
    gap: 6px
}

#morebooks0L,
.commitm.seriawrapper,
.small_afisha2 {
    flex-direction: column
}

.w300b,
.w600 {
    padding: 15px
}

#relat21538 {
    margin-left: 15px
}

.bookname {
    margin-top: 20px;
    margin-left: 10px
}

.w300b,
.w600 {
    padding: 10px 5px
}

@media (max-width:1200px) {
    img.shadow1 {
        height: auto !important
    }

    div.fbtext {
        font-size: 14px
    }

    .msg-section__inner {
        padding-left: 8px;
        max-width: 940px
    }

    .header__container {
        padding: 0 16px;
        margin: 0 auto
    }

    .header__items {
        gap: 12px;
        display: none
    }

    .header__inner {
        padding-left: 8px;
        padding-right: 8px
    }

    .header__find {
        margin: 0
    }

    .header__find-link {
        padding: 10px 5px !important
    }

    .header__mobile {
        display: flex
    }

    .header__second-items {
        gap: 24px
    }

    .header__second-link {
        padding: 16px 0
    }

    .header__second-link,
    .header__second-link:hover {
        padding-left: 0;
        background-image: none
    }

    .header__second-list:nth-child(n+2)>.header__second-link::before {
        left: -16px
    }

    .reader__container {
        margin: 0 auto;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .reader__left-btn,
    .reader__right-btn {
        gap: 8px
    }
}

.popup-reader {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: hsl(0, 0%, 0%, .5);
    z-index: 10000;
    display: none
}

.stripes {
    margin-top: 0 !important
}

.popup-reader__container {
    padding: 0 10px;
    width: 420px;
    max-width: 100%;
    height: auto;
    z-index: 600;
    position: absolute;
    left: 50%;
    overflow: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box
}

.popup-reader__inner {
    background-color: var(--modal-bg);
    border-radius: 5px;
    padding: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    overflow-y: auto
}

.popup-reader__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: inherit
}

.popup-reader__close {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.popup-reader__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px
}

.popup-reader__sub-title {
    padding: 8px 0;
    font-size: 16px;
    line-height: 24px;
    color: inherit
}

.popup-reader__color {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px
}

.popup-reader__colors {
    height: 40px;
    min-width: 40px;
    border-radius: 4px;
    border: 1px solid #dadfe4;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

#bookpgAll {
    color: inherit !important
}

.popup-reader__color-1 {
    background: var(--text-color);
    color: var(--modal-bg) !important
}

.popup-reader__color-2 {
    background: #fdefe2;
    color: #3d2323 !important
}

.popup-reader__color-3 {
    background: #edeff2;
    color: #333 !important
}

.popup-reader__color-4 {
    background: var(--modal-bg);
    color: var(--text-color) !important
}

.popup-reader__color-other {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.popup-reader__color_hover:hover {
    border-color: var(--primary-color)
}

.popup-reader__font-select {
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid #dadfe4;
    background: var(--modal-bg);
    width: 100%;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.popup-reader__font-select:focus {
    outline-color: var(--primary-color)
}

.popup-reader__find {
    border-radius: 6px;
    border: 1px solid #dadfe4;
    background: var(--modal-bg);
    padding: 12px 16px
}

.popup-reader__find:focus {
    outline: var(--primary-color) solid 1px
}

.popup-reader__item {
    cursor: pointer;
    padding: 8px 0;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-bottom: 1px solid #dadfe4
}

.popup-reader__item:hover {
    text-decoration: underline
}

.popup-reader__item.active {
    cursor: default !important;
    text-decoration: none !important
}

.popup-reader__item_active {
    color: var(--text-color)
}

.popup-reader__items {
    max-height: 410px
}

.popup-reader__page-all {
    padding: 8px 0;
    color: #8c9cac;
    font-size: 14px;
    line-height: 22px
}

.popup-reader__font-button {
    padding: 10px 16px;
    margin: 0 auto
}

.popup-reader__font-input {
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid #dadfe4;
    background: var(--modal-bg);
    width: 50%;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    flex-shrink: 0
}

.popup-reader__font-input:focus {
    outline-color: var(--primary-color)
}

.popup-reader__font-expert {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border-radius: 6px
}

.popup-reader__font-line {
    display: flex;
    gap: 10px;
    align-items: center;
    color: inherit
}

.popup-reader__font-desc {
    color: inherit
}

#popup-vote * .popup-reader__inner {
    gap: 20px
}

.popup-reader__comments {
    width: 100%;
    padding: 0;
    box-sizing: border-box
}

.popup-reader__comments-item {
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .75);
    border-radius: 10px;
    padding: 10px;
    height: 100%;
    overflow-wrap: anywhere;
    background: var(--modal-bg)
}

.popup-reader__comments-item-top h4 {
    display: flex;
    justify-content: space-between;
    font-size: 16px
}

.popup-reader__comments-item-top p {
    font-size: 10px
}

.popup-reader__comments-item-top * {
    margin: 0
}

.popup-reader__comments-item-text {
    hyphens: auto;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    margin-top: 16px
}

.popup-reader__comments-item-text.expanded {
    -webkit-line-clamp: unset
}

#popup-vote * textarea {
    -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .75);
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .75);
    border: none;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box
}

.popup-reader__comments-footer,
div.commitm {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width:470px) {
    .popup-reader__comments-footer {
        flex-direction: column;
        gap: 20px
    }
}

.estimate button {
    padding: 10px;
    background: #0fa6AB26;
    border: none;
    border-radius: 5px;
    font-size: 14px
}

.estimate button:hover {
    background: #13a5AA17
}

.buttons {
    display: flex;
    gap: 3px
}

@media (max-width:350px) {
    .reader__left-btn {
        margin-right: 8px;
        margin-left: -5px
    }

    .estimate {
        text-align: end
    }

    .buttons {
        gap: 10px
    }

    .buttons button {
        width: 50%
    }
}

#vote-error {
    color: red !important;
    text-align: center
}

.popup-enter {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: hsl(0, 0%, 0%, .5);
    z-index: 10000;
    display: none
}

.popup-enter__container {
    padding: 0 10px;
    width: 420px;
    z-index: 600;
    position: relative;
    left: calc(50% - 210px);
    top: 80px
}

.popup-enter__inner {
    background-color: var(--modal-bg);
    padding: 48px;
    width: 100%;
    position: fixed;
    border-radius: 16px;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .08);
    max-width: 400px;
    overflow-y: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90vh;
}

@media (max-width:440px) {
    .popup-reader__container {
        width: 100%;
        box-sizing: border-box;
    }

    .popup-enter__container {
        width: 100%;
        left: 0
    }

    .popup-enter__inner {
        padding: 24px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%
    }
}

.popup-enter__close {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 16px
}

.popup-enter__close:hover {
    cursor: pointer
}

.popup-enter__form {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.popup-enter__title {
    color: #142a3b;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

.forum__footer p,
.popup-enter__sub-title {
    color: rgba(0, 0, 0, .64);
    font-size: 14px;
    line-height: 22px
}

.popup-enter__row {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.popup-enter__input {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 12px;
    font-size: 14px;
    line-height: 22px
}

.popup-enter__input:hover {
    cursor: pointer
}

.popup-enter__input_border {
    border: 1px solid red
}

.popup-enter__input:focus {
    outline: var(--primary-color) solid 1px
}

.popup-enter__remembe {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup-enter__remembe-chb {
    display: flex;
    align-items: start;
    gap: 8px
}

.popup-enter__remembe-me {
    margin: 0;
    color: var(--text-color);
    font-size: 14px;
    line-height: 18px
}

.popup-enter__button,
a.popup-enter__btn-link {
    padding: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

input.popup-enter__checkbox {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    -webkit-appearance: none;
    outline: var(--primary-color) solid 1px;
    -moz-appearance: none;
    appearance: none;
    background: center center no-repeat var(--modal-bg)
}

input.popup-enter__checkbox:checked {
    background: url('/assets/img/icons/svg/fi_check.svg') center center no-repeat var(--primary-color)
}

.popup-enter__link {
    color: var(--primary-color);
    font-size: 14px;
    text-decoration: none;
    border: none;
    background: inherit;
    cursor: pointer;
    margin: 0 auto
}

.popup-enter__button {
    border-radius: 8px;
    background: var(--primary-color);
    color: var(--modal-bg);
    width: 100%
}

.popup-enter__or {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center
}

.popup-enter__or-title {
    flex-shrink: 0
}

.popup-enter__or::after,
.popup-enter__or::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #e0e0e0
}

.popup-enter__icons {
    display: flex;
    align-items: center;
    justify-content: space-around
}

a.popup-enter__btn-link {
    text-align: center;
    text-decoration: none;
    display: block;
    border: 2px solid var(--primary-color);
    border-radius: 8px;
    background: var(--modal-bg);
    color: var(--primary-color);
    width: 100%
}

.forum__container,
.forum__header,
.forum__header-find-form {
    border-radius: 8px;
    display: flex
}

.forum__container {
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    background-color: #f3f6f9;
    margin: 0 auto
}

.forum__container>span {
    padding: 15px
}

.forum__header {
    padding: 16px 24px;
    align-items: center;
    gap: 24px;
    background: var(--modal-bg);
    flex-wrap: wrap
}

.forum__header-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap
}

.cntl_2 .user_info,
.forum__header-find {
    flex-grow: 1
}

.forum__header-find-form {
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    gap: 14px;
    background: rgba(0, 0, 0, .05)
}

.forum__header-find-input {
    width: 100%;
    padding: 6px;
    font-size: 18px;
    line-height: 16px;
    outline: 0;
    border: none;
    background: 0 0
}

.forum__header-find-button,
.forum__header-find-button:hover {
    background-image: url('/assets/img/icons/svg/fi_arrow-right2.svg');
    background-repeat: no-repeat;
    background-position: center center
}

.forum__header-find-button {
    width: 24px;
    height: 24px;
    border-radius: 6px
}

.forum__stories {
    display: flex;
    gap: 24px;
    overflow-x: scroll;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: -8px
}

.forum__storie {
    position: relative;
    z-index: 9
}

.forum__storie-img {
    width: 168px;
    height: 200px;
    border-radius: 16px;
    object-fit: cover
}

.forum__storie-img-mask::after {
    content: '';
    border-radius: 16px;
    display: block;
    width: 168px;
    height: 200px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, .4)
}

.forum__storie-text {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    padding: 24px;
    color: var(--modal-bg);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.forum__themes>div:not(:first-child) {
    margin-top: 10px
}

.forum__theme {
    border-radius: 8px;
    background: var(--modal-bg);
    padding: 24px;
    align-items: stretch;
    gap: 24px;
    display: flex
}

.forum__theme_all {
    align-items: start
}

.forum__theme_all .forum__theme-text {
    gap: 12px
}

.forum__theme_all .forum__theme-tags {
    max-height: none;
    margin-top: 0
}

.forum__theme-img-link {
    display: flex;
    height: 104px;
    width: 104px;
    flex-shrink: 0;
    justify-content: start;
    align-items: center;
    border-radius: 8px
}

.forum__theme-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    background-color: #edeff2
}

.forum__theme-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

a.forum__theme-title-link {
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 5px
}

.forum__theme-title {
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    color: var(--text-color);
    margin: 0
}

.forum__theme-text {
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-grow: 1
}

.forum__theme-tags {
    margin-top: 12px;
    display: flex;
    max-height: 110px;
    gap: 8px;
    flex-wrap: wrap;
    overflow-y: hidden
}

@media (max-width:767px) {
    .forum__theme-tags {
        max-height: none;
        overflow-y: visible;
    }
}

a.forum__theme-tag {
    padding: 5px 12px;
    align-items: center;
    color: rgba(0, 0, 0, .64);
    font-size: 14px;
    line-height: 22px;
    border-radius: 4px;
    border: 1px solid #edeff2;
    background: var(--modal-bg);
    cursor: pointer;
    text-decoration: none
}

.forum__subscribe,
.user-message {
    border-radius: 8px;
    background: var(--modal-bg);
    display: flex
}

.clr1,
.small-genre__button,
a.user__main-tab-link,
div.user__subscribe-item a {
    text-decoration: none !important
}

a.forum__theme-tag:hover {
    background: rgba(0, 0, 0, .64);
    color: var(--modal-bg);
    text-decoration: none
}

.forum__theme-bottom {
    margin-top: 12px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between
}

@media (max-width:400px) {
    .forum__theme-bottom {
        flex-direction: column-reverse;
        align-items: end;
        gap: 10px
    }

    .forum__theme-more {
        width: 100%
    }
}

.forum__theme_all .forum__theme-bottom {
    margin-top: 0
}

.forum__theme-more {
    color: var(--primary-color);
    font-size: 14px;
    line-height: 22px
}

.forum__theme-more_hidden {
    visibility: hidden
}

.forum__theme-btns {
    display: flex;
    align-items: center;
    color: #8c9cac;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.forum__theme-btns>div:not(:first-child) {
    margin-left: 12px
}

.forum__theme-icons {
    display: flex
}

.cntl_2 .ml8,
.cntl_2 .space-between,
.forum__theme-icons>div {
    margin-left: 8px
}

.forum__theme-bottom-img {
    width: 16px;
    height: 16px
}

.forum__subscribe {
    padding: 24px;
    align-items: stretch;
    gap: 16px;
    flex-direction: column
}

.forum__subscribe-row {
    gap: 8px;
    display: flex;
    flex-direction: column
}

.author-info_block .info_author,
.forum__subscribe-row p,
div.cookie .rht {
    margin: 0
}

.forum__subscribe-btn {
    gap: 8px;
    display: flex;
    flex-wrap: wrap
}

.forum__subscribe_color-text {
    color: var(--primary-color);
    font-size: 14px;
    line-height: 22px
}

@media (max-width:640px) {
    .forum__theme {
        padding: 16px;
        gap: 16px;
        flex-direction: column
    }

    .forum__theme-img-link {
        height: calc((100vw - 32px)/ 3);
        width: 100%;
        overflow: hidden;
        border-radius: 8px
    }
}

.user-message {
    padding: 32px;
    flex-direction: column;
    gap: 16px
}

.user-message-container {
    max-height: 400px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.user-message-container::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    display: block
}

.user-message-container::-webkit-scrollbar-track {
    background: inherit
}

.user-message-container::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 2px;
    border: 1px solid #999
}

.user-message__title {
    color: var(--text-color);
    font-size: 22px;
    font-weight: 500;
    line-height: 28px
}

.user-message__filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.user-message__filter-btn {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 4px;
    color: var(--primary-color);
    background-color: var(--modal-bg);
    cursor: pointer
}

.user-message__filter-btn_active {
    color: var(--modal-bg);
    background-color: var(--primary-color)
}

.user-message__message {
    display: flex;
    padding: 16px;
    flex-direction: column;
    gap: 8px;
    border-radius: 8px;
    background: #f3f6f9;
    cursor: pointer
}

.author_about_list_book .commitm .nomobstyle,
.cntl_2 .block_box,
.cntl_2 .nomobstyle,
.user-message__message_hid {
    display: none
}

.user-message__message-top {
    display: flex;
    align-items: center;
    gap: 20px
}

.user-message__message-user {
    padding: 6px 11px;
    display: flex;
    align-items: center;
    gap: 8px
}

.user-message__message-img {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #c4c4c4;
    object-fit: revert
}

.user,
.user__asaid {
    background-color: #f3f6f9;
    display: flex
}

.user-message__message-time {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    min-width: 80px
}

.user-message__message-title {
    color: var(--text-color);
    font-size: 19px;
    font-weight: 600;
    line-height: 24px
}

.user-message__message-text {
    color: rgba(0, 0, 0, .64);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    word-break: break-word;
    overflow-wrap: anywhere
}

.user-message__message-text p,
.w700 .city3 {
    margin: 0;
    padding: 10px
}

.user-message__more {
    padding: 12px;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

@media (min-width:1220px) {
    .user-message__more:hover {
        color: var(--modal-bg)
    }
}

.user {
    gap: 32px
}

.user__asaid {
    width: 300px;
    flex-shrink: 0;
    flex-direction: column;
    gap: 16px
}

.user__asaid-container {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: var(--modal-bg)
}

.user__profil-img {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    background-color: #f3f6f9;
    object-fit: fill
}

.user__profil-name {
    color: var(--text-color);
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

.user__profil-text {
    color: rgba(0, 0, 0, .48);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.user__profil-change-btn {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px 14px;
    display: flex;
    gap: 8px
}

.user__stat {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-around;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.user__stat::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(78, 90, 109, .12)
}

.user__stat-cell {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 50%
}

.user__stat-last-time {
    color: rgba(0, 0, 0, .48);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.user__stat-last-time svg {
    fill: #D9D9D9
}

.user__stat-last-time_active svg {
    fill: var(--primary-color)
}

.user__subscribe-top {
    width: 100%;
    display: flex;
    justify-content: start;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.user__subscribe-top-title {
    color: var(--text-color)
}

#forumfresh1,
.cntl_2 .display h3.uname a,
.header__list span,
.popup .popup-footer * button:hover,
.small-genre__button:link,
.small-genre__button:visited,
.user__subscribe-top-count,
div.infobuy a {
    color: var(--primary-color)
}

.user__subscribe-items {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 5%;
    overflow: hidden
}

.user__subscribe-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: 12.5%;
    flex: 0 0 21%
}

.fa-user-circle-o::before,
div.user__subscribe-item a:hover {
    color: inherit
}

.user__subscribe-item-name {
    text-align: center;
    word-break: break-word;
    font-size: 15px
}

.user__subscribe-items_all {
    max-height: 100%
}

.user__subscribe-item-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #f3f6f9;
    object-fit: fill
}

@media (max-width:850px) {
    .user__subscribe-item {
        width: 15%
    }

    .user__subscribe-items {
        gap: 14px 6.25%
    }
}

@media (max-width:722px) {
    .user__subscribe-item {
        width: 20%
    }

    .user__subscribe-items {
        gap: 14px 6.66%
    }
}

@media (max-width:564px) {
    .user__subscribe-item {
        width: 30%
    }

    .user__subscribe-items {
        gap: 14px 5%
    }
}

@media (max-width:397px) {
    .user__subscribe-item-img {
        width: 80px;
        height: 80px
    }

    .user__subscribe-item-name {
        font-size: 12px
    }
}

.user__subscribe-button {
    color: var(--primary-color);
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(78, 90, 109, .11)
}

@media (min-width:1024px) {

    .forum__subscribe_color-text:hover,
    .forum__theme-more:hover,
    .user__subscribe-button:hover {
        color: var(--modal-bg)
    }
}

.user__main {
    max-width: calc(100% - 332px);
    flex-grow: 1
}

.user__main-bar-container {
    padding: 0 32px;
    margin-bottom: 8px;
    border-radius: 8px;
    background-color: var(--modal-bg)
}

.user__main-bar {
    overflow-x: scroll
}

.user__main-bar::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    display: block
}

.user__main-bar::-webkit-scrollbar-track {
    background: inherit
}

.user__main-bar::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 2px;
    border: 1px solid #999
}

.user__main-tabs {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 28px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.cntl_2 .tileroll,
.select-wrapper,
.user__main-tab {
    display: flex
}

a.user__main-tab-link {
    padding: 20px 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    color: rgba(0, 0, 0, .48)
}

.author_about_list_book .commitm h1.bookname a,
.pagination div,
a.user__main-tab-link_active {
    color: var(--text-color)
}

#subscr1,
.cntl_2,
div.prc {
    text-align: left
}

#subscr1 .lnk,
#subscr2 .lnk {
    color: var(--modal-bg) !important;
    padding: 12px 14px;
    border-radius: 4px
}

@media (max-width:768px) {
    #backToTop {
        bottom: 50px;
        width: 36px;
        height: 36px;
        font-size: 16px
    }

    .user__asaid {
        width: 100%
    }

    .user {
        flex-wrap: wrap;
        gap: 16px
    }

    .user__main {
        max-width: 100%
    }

    .user__subscribe-items {
        justify-content: start
    }

    .user__main-bar-container {
        margin-bottom: 16px;
        padding: 0 16px
    }

    .user-message {
        padding: 16px
    }
}

.cntl_2 .flex {
    display: flex;
    align-items: center
}

.cntl_2 .flex_center {
    display: flex;
    align-items: flex-start
}

.info_author {
    margin-right: 16px
}

.cntl_2 .space-between,
.space-between {
    justify-content: space-between
}

.cntl_2 .flex_start {
    display: block;
    align-items: start
}

.cntl_2 .mt18 {
    margin-top: 18px
}

.cntl_2 .mb10 {
    margin-bottom: 10px
}

.cntl_2 input.phone {
    font-size: 14px;
    font-weight: 700;
    width: 130px;
    line-height: 160%;
    color: #038c8c;
    background-color: #cfc;
    border: 1px solid #cfc;
    margin: 2px 0
}

.cntl_2 .block_new__description h3,
.cntl_2 .new_block h3 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .003em;
    text-align: left;
    font-weight: 600
}

.cntl_2 .new_block {
    position: relative;
    border-radius: 8px;
    margin-bottom: 8px;
    background: var(--modal-bg);
    padding: 32px
}

.cntl_2 .new_block h3 {
    margin: 0 0 16px;
    padding: 0;
    color: var(--text-color);
    font-family: Roboto, sans-serif
}

.cntl_2 .display h3 a,
.cntl_2 .new_block h3 a,
.cntl_2 h3.itemname a,
.small_afisha h1.bookname a,
div.btitle a {
    color: var(--text-color);
    text-decoration: none
}

.cntl_2 .new_block_start {
    height: 250px;
    width: 100%;
    background: url("/assets/img/layout/author_cover.png") 0 -24px/100% no-repeat
}

.cntl_2 .block_new__description {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 96px;
    border-radius: 8px 8px 0 0;
    left: 0
}

.cntl_2 .block_new__description h3 {
    font-family: Roboto, sans-serif;
    margin: 0
}

.cntl_2 .block_new__foto {
    width: 136px;
    height: 136px;
    border-radius: 50%;
    border: 3px solid var(--modal-bg);
    position: relative;
    top: 0;
    left: 31px;
    z-index: 100;
    background: 0 0/cover #e5e5e5;
    transform: translateY(-50%);
    margin-right: 70px
}

.cntl_2 .writer,
.cntl_2 .writer_city,
.cntl_2 .writer_number {
    margin-right: 24px;
    padding-left: 24px
}

.cntl_2 .block_new__info {
    background-color: var(--modal-bg);
    min-height: 96px;
    width: 100%;
    bottom: 0;
    z-index: 50;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    position: relative
}

.cntl_2 .block_new__info_dop {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: .003em;
    text-align: left;
    color: #749494;
    display: flex;
    flex-direction: row !important;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px
}

.cntl_2,
.cntl_2 .author_menu {
    font-family: Roboto, sans-serif !important
}

.cntl_2 .block_new__info_dop p {
    color: var(--text-color);
    margin: 0 10px 0 0;
    font-size: 16px
}

.cntl_2 .block_new__info_dop .fa {
    color: #cdd8d8
}

.cntl_2 .block_new__info_dop>div {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    margin-left: 30px
}

.cntl_2 .writer {
    background: url("/assets/img/icons/writer.png") 0 2px no-repeat
}

.cntl_2 .writer_number {
    background: url("/assets/img/icons/hash.png") 0 2px no-repeat
}

.cntl_2 .writer_city {
    background: url("/assets/img/icons/city.png") 0 2px no-repeat
}

.author-info_block {
    display: flex;
    gap: 22px
}

@media (max-width:565px) {
    .author-info_block {
        flex-direction: column;
        gap: 0;
        width: 100%
    }
}

.cntl_2 .block_new__info_dop .new_block__button {
    display: flex;
    flex-grow: 1;
    gap: 5px;
    justify-content: center !important;
    margin: 0
}

.cntl_2 .block_new__info_dop .new_block__button .no-mobile {
    color: inherit;
    font: inherit
}

.cntl_2 .subscribe_mail {
    width: 40px;
    height: 40px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #4e5A6D1C;
    background: url("/assets/img/icons/fi_mail.png") center center no-repeat var(--modal-bg)
}

html .main-site-wrapper .forum_message:first-child {
    margin-top: 15px
}

@media (max-width:800px) {
    .cntl_2 .user_info {
        left: 30px
    }

    .cntl_2 .user_info div:first-child {
        margin-left: 0
    }

    .cntl_2 .user_info div .block_new__info_dop {
        justify-content: unset
    }
}

@media (max-width:934px) {
    div.cnt {
        width: 100%
    }

    div.cntl {
        border-radius: 8px
    }

    div.toptile,
    div.toptile1,
    div.toptile2,
    div.toptile3 {
        width: 213px
    }

    div.blog {
        font-size: 14px
    }

    div.nomobstyle {
        position: relative
    }

    div.correction5 {
        width: 10px
    }

    .cntl_2 .user_info h3 {
        font-size: 18px !important;
        line-height: 28px !important
    }
}

.cntl_2 .donate_button {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 4px;
    background: var(--modal-bg);
    border: 1px solid #4e5A6D1C;
    position: relative
}

.cntl_2 .donate_button svg {
    left: 50%;
    top: 50%;
    pointer-events: none
}

.cntl_2 .author_menu {
    position: relative;
    border-radius: 8px;
    margin-bottom: 8px;
    background: var(--modal-bg)
}

.cntl_2 .author_menu ul {
    display: flex;
    align-items: center;
    list-style: none
}

.cntl_2 .author_menu ul li {
    font-size: 14px !important;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .003em;
    text-align: left;
    margin-right: 32px;
    display: block;
    padding: 32px 0 10px;
    color: #0000007A;
    border-bottom: 4px solid var(--modal-bg);
    text-decoration: none
}

.cntl_2 .author_menu ul li:hover {
    border-bottom: 4px solid #e5e5e5;
    color: var(--text-color);
    cursor: pointer
}

.cntl_2 .author_menu ul li.active {
    border-bottom: 4px solid var(--primary-color);
    color: var(--text-color)
}

.cntl_2 .author_menu .feather {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none
}

.cntl_2 .subscribe {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    height: 40px;
    padding: 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .003em;
    text-align: left;
    color: #ffd39a
}

.cntl_2 .new_block .intro,
.small_afisha .author_link {
    font-weight: 400;
    letter-spacing: .003em;
    text-align: left
}

.cntl_2 .subscribe i::before {
    font-size: 13px !important
}

.new_block .imgl,
.new_block .imgl0 {
    float: none;
    cursor: pointer;
    color: var(--modal-bg);
    width: auto
}

@media (max-width:412px) {
    .cntl_2 .block_new__foto {
        left: 10px !important;
        height: 100px !important;
        width: 100px !important;
        margin-right: 30px
    }

    .cntl_2 .user_info {
        width: calc(100% - 130px);
        left: 120px !important
    }

    .cntl_2 .user_info h3 {
        font-size: 14px !important
    }

    .cntl_2 .subscribe .imgl:first-child:not(.imgl) {
        display: none !important
    }
}

.cntl_2 {
    background: 0 0 !important;
    padding: 0 !important;
    border-radius: 0 !important
}

.cntl_2 .new_block .intro {
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin: 0;
    border-bottom: 0;
    border-top: 0;
    word-break: break-word
}

.cntl_2 input.radio {
    height: 19px;
    width: 19px;
    margin-top: 4px;
    float: left;
    cursor: pointer;
    margin-right: 5px
}

div.fullw,
div.mark10 {
    position: relative;
    left: 0;
    width: 100%;
    padding: 4px;
    border-radius: 5px;
    border-top: none;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 16px;
    line-height: 22px
}

.author_about {
    width: 100%;
    margin: 10px 0
}

.cntl_2 .author_about_list_book {
    position: relative;
    border-radius: 8px;
    margin-bottom: 8px;
    background: var(--modal-bg);
    padding: 32px
}

.cntl_2 .author_about_list_book h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .003em;
    text-align: left
}

.cntl_2 .author_about.ptr {
    width: 146px;
    height: 220px
}

.cntl_2 .ptr img {
    width: 100%;
    height: 206px
}

.cntl_2 .author_about_list_book section {
    border-bottom: 1px solid #4e5A6D1C;
    padding-bottom: 16px
}

.cntl_2 .author_about_list_book .bookname a {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: .003em;
    text-align: left;
    color: var(--text-color);
    text-decoration: none
}

.cntl_2 .small_afisha,
.cntl_2 .tileroll {
    flex-wrap: wrap;
    margin: 16px 0;
    align-items: flex-start !important;
    display: flex
}

.cntl_2 .small_afisha .ptr {
    margin-bottom: 10px;
    width: 100%
}

.cntl_2 .small_afisha section,
.cntl_2 .toptiletoptile {
    margin-right: 1%;
    margin-bottom: 16px;
    padding: 0;
    box-sizing: border-box
}

.small_afisha .author_link {
    font-size: 12px;
    line-height: 16px;
    color: #666d6d;
    text-decoration: none
}

.small_afisha h1.bookname {
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .003em;
    text-align: left;
    color: var(--text-color);
    margin: 4px 0 0
}

.cntl_2 .btn {
    margin: 0 !important;
    padding: 0 !important
}

.cntl_2 .btn-mt16 {
    margin-top: 16px !important
}

.cntl_2 .box2d {
    width: 68px;
    margin-right: 10px;
    flex-shrink: 0;
    display: flex
}

.cntl_2 .bluebtn2,
.cntl_2 .btn a,
.cntl_2 .button_standard {
    background: var(--primary-color)
}

.btn_bg a,
button.btn_bg {
    background-color: var(--primary-color) !important;
    color: var(--modal-bg) !important;
    text-decoration: none;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 !important
}

.btn_bg a.full {
    width: 100%;
    height: 100%
}

.btn-mt16 {
    margin-top: 16px
}

.btn_bg.btn_bg-transparent {
    background-color: transparent !important;
    border: 2px solid var(--primary-color) !important;
    color: #212529 !important;
    font-weight: 400 !important
}

.author_about_list_book .commitm {
    display: flex;
    padding: 16px;
    border-radius: 8px
}

.cntl_2 .commitm img {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 6px
}

.author_about_list_book .commitm h1.bookname {
    margin: 8px 0;
    padding: 0;
    font-family: Roboto, sans-serif
}

.author_about_list_book .commitm .w700 {
    margin-left: 24px;
    width: 100%
}

.cntl_2 .synopsis {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important
}

.author_about_list_book .seria {
    margin: 24px 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .003em;
    text-align: left;
    color: #8c9cac
}

.cntl_2 .zhanr {
    margin: 8px 0 0 8px
}

.cntl_2 .tech_description a,
.cntl_2 .zhanr a {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 14px
}

.cntl_2 .tech_description {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .003em;
    text-align: left;
    color: #8c9cac;
    margin: 18px 0
}

.aside__container h3,
.cntl_2 .prc.mobstyle,
.cntl_2 .top_mesto {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    letter-spacing: .003em
}

.cntl_2 .top_mesto {
    color: #9a9d9d;
    font-weight: 500;
    margin-left: 30px
}

.cntl_2 .prc.mobstyle {
    font-weight: 400;
    margin-top: 9px;
    opacity: 1;
    font-family: Roboto, sans-serif;
    padding: 0;
    color: #666d6d
}

.aside__container h3 {
    width: 100%;
    font-weight: 500;
    margin-bottom: 16px
}

.aside .mini,
.aside_img a,
.bkfront .aut {
    font-size: 12px;
    font-weight: 400
}

.aside_img,
.aside_img a,
div.btitle {
    text-align: center
}

.flex_aside_img {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.clr1,
.donat,
.donatdisabled {
    align-items: center;
    display: flex
}

.aside_img {
    width: 33%;
    margin-bottom: 16px
}

.aside_img .img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 auto 5px
}

.aside .mini,
.mb16 {
    margin-bottom: 16px
}

.aside_img a {
    color: #4e5A6DA3;
    text-decoration: none;
    display: block;
    line-height: 18px
}

.aside .mini {
    text-align: left;
    color: #4e5A6DA3;
    line-height: 17px
}

.bkfront .aut,
div.bkfront .zhan {
    line-height: 16px;
    text-align: left
}

.promo_book span {
    color: inherit !important;
    font-size: 16px !important
}

div.accordeon {
    padding: 4px;
    font-size: 19px !important;
    background: #f3f6f9;
    box-shadow: none;
    border-radius: 5px
}

div.accordeon-stitches {
    padding: 6px 0 10px 10px;
    border-radius: 5px
}

div.shelf {
    height: 219px
}

div.bk {
    width: 60px;
    height: 100%;
    float: left;
    padding: 1px 0 1px 1px
}

div.book {
    width: 219px;
    height: 65px;
    margin-top: 79px;
    margin-left: -74px;
    transform: rotate(-90deg);
    cursor: pointer
}

div.btitle {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .003em;
    color: var(--modal-bg);
    font-weight: 400;
    text-decoration: none
}

.bkfront .aut {
    text-decoration: none;
    letter-spacing: .003em;
    color: var(--text-color)
}

div.bkfront {
    width: 470px;
    height: auto;
    float: left;
    padding: 0;
    line-height: 140%;
    margin: 3px 10px 0 0;
    display: none;
    overflow: auto;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    scrollbar-width: thin;
    scrollbar-color: #0049b0 transparent
}

.fragment,
.zhan_link a {
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    letter-spacing: .003em
}

.cntl_2 .accordeon-stitches div.btitle {
    line-height: 18px;
    text-shadow: -1px -1px 0 #909090, 1px -1px 0 #909090, -1px 1px 0 #909090, 1px 1px 0 #909090
}

.clr1 {
    justify-content: center;
    height: 46px;
    -webkit-box-shadow: rgba(000, 000, 000, .3) 0 1px 1px;
    -moz-box-shadow: rgba(000, 000, 000, .3) 0 1px 1px;
    border-radius: 5px;
    color: var(--modal-bg);
    box-shadow: 0 4px 12px 0 #00000029
}

.bk .clr1 {
    background: linear-gradient(270deg, rgba(0, 0, 0, .2) 0, rgba(255, 255, 255, .2) 52.83%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #2e3138, #2e3138)
}

.bk:nth-child(3) .clr1 {
    background: linear-gradient(270deg, rgba(0, 0, 0, .2) 0, rgba(255, 255, 255, .2) 52.83%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #7e2626, #7e2626)
}

.bk:nth-child(5) .clr1 {
    background: linear-gradient(270deg, rgba(0, 0, 0, .2) 0, rgba(255, 255, 255, .2) 52.83%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #2d498a, #2d498a)
}

.bk:nth-child(7) .clr1 {
    background: linear-gradient(270deg, rgba(0, 0, 0, .2) 0, rgba(255, 255, 255, .2) 52.83%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #3a682a, #3a682a)
}

.bk:nth-child(9) .clr1 {
    background: linear-gradient(270deg, rgba(0, 0, 0, .2) 0, rgba(255, 255, 255, .2) 52.83%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #88734b, #88734b)
}

.bk .clr1 .accordeon-stitches {
    padding-bottom: 0;
    padding-top: 0
}

div.bkfront .zhan {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .003em
}

div.bkfront .btitle {
    text-align: left;
    font-size: 16px
}

.zhan_link a {
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 8px;
    display: inline-block;
    border: 1px solid #edeff2;
    background: var(--modal-bg);
    text-decoration: none
}

.fragment {
    line-height: 22px;
    text-align: left
}

.mes__input,
.mes__textarea {
    padding: 9px 12px;
    font-size: 13px;
    font-family: Roboto, sans-serif;
    box-sizing: border-box
}

.cntl_2 {
    line-height: 24px
}

div.bkfront::-webkit-scrollbar {
    width: 7px !important;
    height: 7px !important;
    border-right: 1px solid #0049b0 !important
}

div.bkfront::-webkit-scrollbar-thumb {
    border-width: 1px !important;
    border-color: #777 !important;
    background-color: #0049b0 !important;
    border-radius: 0 !important
}

div.bkfront::-webkit-scrollbar-thumb:hover {
    border-width: 1px 1px 1px 2px;
    border-color: #aaa;
    background-color: #777
}

div.bkfront::-webkit-scrollbar-track {
    background-color: #eee
}

div.bkfront::-webkit-scrollbar-track:hover {
    background-color: #e5e5e5
}

.bkclose {
    cursor: pointer;
    float: right
}

.mes__input {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    width: 50%
}

.mes__textarea {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    width: 100%;
    min-height: 80px
}

.field {
    margin-bottom: 20px;
    line-height: 22px;
    font-size: 16px
}

.donat,
.donatdisabled {
    margin: 8px 0;
    font-size: 16px
}

.donat input,
.donatdisabled input {
    margin: 0 10px 0 0;
    padding: 0;
    width: 16px;
    height: 16px
}

.count_symbol {
    font-size: 12px;
    margin: 8px 0
}

.cntl_2 .ready,
.greencolor,
.online,
div.gnres {
    font-size: 14px
}

.greencolor {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 600;
    border-radius: 5px;
    padding: 7px 5px 6px;
    line-height: 16px;
    margin-left: 10px
}

.online,
h3.ebook {
    line-height: 24px
}

.online {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    letter-spacing: .003em;
    text-align: left;
    color: #0000007A;
    margin-top: 20px
}

.block_karma,
.block_sub,
.cntl_2 h3.itemname {
    font-weight: 600;
    font-family: Roboto, sans-serif
}

.block_karma,
.block_sub {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .003em;
    color: var(--text-color);
    align-items: center;
    display: flex;
    width: 46%;
    text-align: center;
    flex-wrap: nowrap
}

.block_karma img,
.block_sub img {
    display: block;
    margin: 0 8px 0 0;
    padding: 0
}

.block_karma {
    border-right: 1px solid #4e5A6D1F
}

.block_sub {
    padding-left: 10px
}

.cntl_2 div.commitm {
    border-bottom: none;
    margin-bottom: 0;
    font-size: 20px;
    text-align: left;
    line-height: 22px;
    word-break: break-word;
    padding: 16px 0;
    border-radius: 5px
}

.w210,
.w210b {
    float: none !important;
    width: auto !important
}

.cntl_2 h3.itemname {
    font-size: 22px;
    line-height: 28px;
    color: var(--text-color)
}

div.ovfroll {
    overflow-x: hidden !important
}

.cntl_2 .lftred i {
    font-size: 12px;
    margin: 0
}

.cntl_2 .rating {
    width: 100%;
    padding: 0
}

#author-send-message .mes__input,
.cntl_2 .ratingstars,
.cntl_2 .w168,
div.row {
    width: 100%
}

.cntl_2 .ready {
    line-height: 25px;
    text-align: center;
    display: flex
}

.nomob .ready {
    flex-direction: column;
    display: flex
}

div.gnres {
    color: var(--text-color)
}

.fa {
    margin-right: 0
}

div.bookinfo {
    padding: 0 12px;
    border: none
}

.book_buttons.list {
    display: flex;
    gap: 2px;
    width: 40%
}

@media (max-width:624px) {
    .book_buttons.list {
        width: 60%
    }
}

@media (max-width:558px) {
    .book_buttons.list {
        width: 80%
    }
}

@media (max-width:484px) {
    .book_buttons.list {
        width: 100%
    }
}

@media (max-width:374px) {
    .book_buttons.list .read {
        font-size: 12px
    }
}

.book_buttons.person {
    height: 50px;
    display: flex;
    gap: 5px;
    width: 300px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1999
}

.book_buttons button {
    border: none;
    background: rgba(255, 124, 3, .6);
    color: var(--modal-bg);
    padding: 5px
}

.book_buttons .read,
.book_buttons.list .read {
    border-radius: 30px 0 0 30px
}

.book_buttons .read {
    width: 80%;
    font-weight: 500
}

.cntl_2 .item_message__message,
.cntl_2 .user_pic__name,
.user_pic_standard {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    letter-spacing: .003em
}

.book_buttons .favorite {
    border-radius: 0 30px 30px 0;
    width: 20%
}

.book_buttons.list .favorite {
    border-radius: 0 30px 30px 0
}

.book_buttons .favorite.active {
    color: rgba(0, 0, 0, .5)
}

h3.ebook {
    font-size: 18px;
    font-family: Roboto, sans-serif;
    letter-spacing: .003em;
    color: #038c8c
}

td input.phone,
td select.price,
td select.pricedis {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-family: Roboto, sans-serif;
    letter-spacing: .003em
}

div.w700 .bookname span,
h2.bookname a {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

select.price {
    margin: 12px 0
}

div.bookstatus {
    border: none
}

.cntl_2 .boxpoll {
    padding: 4px;
    border: 1px solid #d0d0d0;
    background: #f8f8f8;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px;
    margin: 10px 0 4px
}

.cntl_2 .trophy {
    font-size: 14px;
    color: var(--primary-color);
    background: 0 0;
    float: right;
    padding: 0;
    margin-top: 0
}

@media (min-width:934px) {
    .cntl_2 div.synopsis {
        padding: 8px 0 0;
        font-size: 14px;
        line-height: 22px;
        color: var(--text-color);
        float: none;
        text-align: left;
        width: 100%;
        letter-spacing: .003em;
        font-family: Roboto, sans-serif;
        display: flex;
        align-items: center
    }

    div.fullw,
    div.mark10 {
        position: relative;
        left: 0;
        line-height: 22px;
        background: 0 0;
        display: flex;
        justify-content: space-between
    }

    div.fullw {
        width: 100%
    }

    div.w210,
    div.w210b {
        width: 16.93% !important
    }

    .cntl_2 div.relat {
        float: none;
        display: block
    }

    .cntl_2 div.mobstyle {
        display: block
    }

    .cntl_2 div.commitm {
        display: flex
    }
}

.cntl_2 .siteml {
    width: 48px;
    height: 30px;
    margin: 0 0 0 10px;
    float: none;
    line-height: 16px
}

.cntl_2 .user_pic {
    background: #f2f2f2;
    padding: 6px 11px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    margin-right: 20px
}

.cntl_2 .user_pic img {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 50%
}

.cntl_2 .user_pic__name {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin-left: 8px;
    color: var(--text-color)
}

.cntl_2 .item_message__message {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #142a3b
}

.cntl_2 .item_message__message span.ji {
    font-size: 14px;
    color: #142a3b
}

.user_pic_standard {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #828282;
    margin-right: 20px
}

.item_message__message .rht,
.item_message__review {
    margin: 16px 0
}

.item_message__thank {
    font-size: 12px;
    color: #888;
    text-align: left;
    line-height: 18px
}

.number-1,
.top-author {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
    font-family: Roboto, sans-serif;
    font-style: normal
}

.item_message__message .rht a {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: var(--primary-color);
    display: inline-block;
    margin-right: 10px
}

.block_box8 hr {
    border: none;
    border-top: 1px solid #4e5A6D1C;
    margin: 16px 0;
    height: 1px;
    display: block
}

.cnt-wrapper>aside,
.saledesc>table,
.wrapper-left-blk {
    border-radius: 8px
}

.cntl_2 .gnres {
    font-size: 14px;
    line-height: 17px;
    color: #131b50;
    text-align: left
}

td.w560 {
    width: 90%
}

.cntl_2 .saledesc {
    font-size: 13px;
    line-height: 19px;
    text-align: left
}

.saledesc>table {
    padding: 12px;
    background: #0a9ea4;
    color: var(--modal-bg);
    margin: 18px 0
}

.bookinfo .bookstatus {
    background: #f0f0f0 !important;
    border-radius: 14px !important;
    padding: 12px !important
}

.promo-manual-order {
    display: grid;
    grid-template-columns: repeat(2, 250px);
    margin: 1rem 0;
    gap: 15px;
    align-items: center;
    justify-items: stretch
}

.cntl_2 .small_afisha .flex_trophy {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5px
}

.cntl_2 .small_afisha .flex_trophy .trophy {
    margin-top: 5px
}

.cntl_2 .small_afisha .w210b {
    align-items: unset !important
}

.cntl_2 .h10 {
    height: 10px
}

.cntl_2 .lftA {
    float: left;
    width: auto
}

.cntl_2 .mybm {
    float: left;
    margin: 0 0 0 12px;
    width: calc(100% - 120px)
}

@media (max-width:800px) {

    .tab10_serie .commitm div.w700,
    .tab10_serie .w210b,
    .w210,
    .w210b {
        width: 100% !important
    }

    .cntl_2 .ready,
    .cntl_2 div.synopsis {
        font-size: 14px
    }

    .block_new__info>div>div>div:first-child {
        margin-left: 140px;
        margin-bottom: 0
    }

    .block_new__info>div>div>div:nth-child(2) {
        margin-left: 0;
        margin-bottom: 0
    }

    .cntl_2 .nm,
    .cntl_2 .top_mesto .trophy,
    .tab10_serie .rating {
        display: none
    }

    .tab10_serie .commitm {
        display: flex;
        flex-direction: column
    }

    .tab10_serie .w210b {
        height: 130px;
        display: flex;
        align-items: center
    }

    .tab10_serie div.w700 h2.bookname a,
    .tab10_serie div.w700 h2.bookname span {
        font-size: 12px;
        line-height: 14px
    }

    div.cntl_2 {
        width: 100%;
        float: none
    }

    .cntl_2 .flex_trophy {
        flex-direction: column
    }

    .cntl_2 .ready {
        color: var(--text-color);
        line-height: 20px;
        text-align: left
    }

    .cntl_2 .fullw {
        position: relative;
        left: 0;
        width: 100%;
        padding: 4px;
        border-radius: 5px;
        border-top: none;
        border-bottom: 1px solid #d0d0d0;
        margin-bottom: 16px;
        line-height: 22px
    }

    .cntl_2 div.commitm,
    .cntl_2 div.commitm .author_link {
        line-height: 16px
    }

    .cntl_2 .small_afisha section,
    .cntl_2 .toptiletoptile {
        width: 31%;
        margin-right: 3%;
        padding: 0
    }

    .cntl_2 .small_afisha section:nth-child(3n),
    .cntl_2 .toptiletoptile:nth-child(3n) {
        margin-right: 0
    }

    .cntl_2 .author_about_list_book,
    .cntl_2 .new_block {
        padding: 16px
    }

    .cntl_2 .block_new__foto {
        left: 16px;
        width: 120px;
        height: 120px;
        margin-right: 40px
    }

    .cntl_2 .user_info {
        width: calc(100% - 200px)
    }

    .cntl_2 .new_block_start {
        background-position-x: right;
        height: 210px;
        background-size: cover
    }

    .cntl_2 .ptr,
    .cntl_2 .ptr img {
        height: auto;
        width: 100%
    }

    .cntl_2 .block_new__info,
    .cntl_2 .div.bkfront {
        width: 100%
    }

    .cntl_2 .block_new__info_dop .new_block__button {
        justify-content: flex-start !important
    }

    .cntl_2 .author_menu ul {
        overflow: auto
    }

    .cntl_2 .flex_start.space-between {
        display: block;
        padding-right: 8px
    }

    .cntl_2 .ready_block {
        display: block !important
    }

    .author_about_list_book .bookname a,
    .cntl_2 .new_block h3,
    .cntl_2 h1.bookname {
        font-size: 19px;
        line-height: 24px
    }

    .cntl_2 .top_mesto {
        margin: 15px 0 0
    }

    .cntl_2 div.relat {
        float: none;
        display: block
    }

    .cntl_2 .star {
        cursor: pointer;
        color: var(--primary-color);
        font-size: 12px
    }

    .w210,
    .w210b {
        float: none !important
    }

    .cntl_2 .cntl_2 .w700,
    .cntl_2 .w700 {
        width: 100%;
        margin-left: 0
    }

    .cntl_2 h1.bookname {
        font-family: Roboto, sans-serif;
        padding: 0;
        font-weight: 700;
        text-align: left
    }

    div.cntl.cntl_2 {
        border-radius: 8px;
        padding-bottom: 30px;
        width: 100%;
        float: none
    }

    .cntl_2 .small_afisha .ptr {
        margin-bottom: 10px;
        width: 100%
    }

    .cntl_2 .small_afisha {
        align-items: flex-start
    }

    .cntl_2 .flex {
        display: flex;
        align-items: flex-start
    }

    .cntl_2 .zhanr {
        margin: 8px 0 18px;
        line-height: 22px
    }

    .cntl_2 .new_block .intro {
        font-size: 14px;
        line-height: 22px
    }

    .cntl_2 .author_menu ul li {
        white-space: nowrap
    }

    .cntl_2 .author_about_list_book h3 {
        font-size: 19px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: var(--text-color)
    }

    .cntl_2 div.accordeon {
        height: 243px;
        overflow: auto;
        width: 100%
    }

    .cntl_2 .shelf {
        height: 226px;
        overflow: auto
    }
}

.icon_rating {
    color: #d47165;
    margin-right: 12px
}

.icon_rating:before {
    content: '';
    font-size: 20px !important
}

.ovfroll1::-webkit-scrollbar {
    display: none
}

.wrapper-left-blk {
    padding: 24px;
    background-color: var(--modal-bg);
    margin-bottom: 32px
}

.number-1 {
    color: var(--primary-color)
}

.top-author {
    color: #666d6d;
    text-align: left
}

.aside-left-top {
    color: var(--modal-bg);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0;
    border-radius: 4px;
    background: var(--primary-color);
    display: flex;
    padding: 4px 8px;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 18px;
    margin-top: -12px
}

.top-book-name,
div.ratmsg {
    line-height: 16px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    letter-spacing: 0
}

.author-icon,
.icon-rating,
.percent-icon {
    background-repeat: no-repeat;
    margin-right: 8px
}

.top-book-name {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

@media (max-width:472px) {
    div.w700 {
        width: 100%;
        margin-left: 12px
    }

    #writer_number,
    .cntl_2 .nm,
    .user__asaid-container,
    div.back,
    div.fwd {
        display: none
    }

    #writer_city {
        display: none !important
    }

    .cntl_2 .bkfront,
    .cntl_2 .div.bkfront,
    textarea.bookstatus {
        width: 100%
    }

    .cntl_2 .flex_center,
    .cntl_2 .flex_trophy {
        flex-direction: column
    }

    .block_new__info_dop_info {
        margin-top: 16px
    }

    .count_readers a:active,
    .count_readers a:link,
    .count_readers a:visited,
    a.lnk:active,
    a.lnk:link,
    a.lnk:visited {
        white-space: normal !important
    }

    iframe {
        width: 100% !important;
        height: auto !important
    }

    div.ovfroll {
        overflow-x: hidden
    }

    div.morebooks div.toptile {
        width: 32%
    }

    .cntl_2 .ready {
        color: var(--text-color);
        font-size: 14px;
        line-height: 20px;
        text-align: left
    }

    .cntl_2 .w700 {
        width: 100%;
        margin-left: 0
    }

    .cntl_2 .fullw {
        position: relative;
        left: 0;
        width: 100%;
        padding: 4px;
        border-radius: 5px;
        border-top: none;
        border-bottom: 1px solid #d0d0d0;
        margin-bottom: 16px;
        line-height: 22px
    }

    .cntl_2 div.accordeon {
        height: 243px;
        overflow: auto;
        width: 100%
    }

    .cntl_2 .shelf {
        height: 226px;
        overflow: auto
    }

    .cntl_2 .author_about_list_book {
        padding: 0
    }

    .cntl_2 .author_about_list_book h3 {
        font-size: 19px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: var(--text-color)
    }

    .cntl_2 .block_new__foto {
        left: 16px;
        width: 120px;
        height: 120px
    }

    .cntl_2 .user_info {
        width: calc(100% - 168px)
    }

    .cntl_2 .small_afisha section,
    .cntl_2 .toptiletoptile,
    .cntl_2.small_afisha section {
        width: 31%;
        margin-right: 3%;
        padding: 0
    }

    .cntl_2 .new_block {
        padding: 16px
    }

    .cntl_2 .small_afisha {
        align-items: flex-start
    }

    .cntl_2 .flex {
        display: flex;
        align-items: flex-start
    }

    .cntl_2 .zhanr {
        margin: 8px 0 18px;
        line-height: 22px
    }

    .cntl_2 .new_block .intro {
        font-size: 14px;
        line-height: 22px
    }

    .cntl_2 .new_block h3 {
        font-size: 19px;
        line-height: 24px
    }

    .cntl_2 .author_menu ul li {
        white-space: nowrap
    }

    .cntl_2 div.commitm .author_link {
        line-height: 16px
    }

    .cntl_2 .small_afisha section:last-child,
    .cntl_2 .toptiletoptile:last-child {
        margin-right: 0
    }
}

.cntl_2 .new_book_info {
    display: flex;
    float: none;
    line-height: 13px;
    font-size: 13px
}

.cntl_2 .rht {
    float: none;
    text-align: left
}

@media (max-width:934px) {
    .cntl_2 h1.bookname {
        text-align: left;
        padding: 0;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        font-family: Roboto, sans-serif;
        clear: left;
        margin-top: 8px
    }

    .cntl_2 .ready {
        color: var(--text-color);
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        width: 100%
    }

    div.buyall {
        font-size: 10px
    }

    .cntl_2 .fullw {
        position: relative;
        left: 0;
        width: 100%;
        padding: 4px;
        border-radius: 5px;
        border-top: none;
        border-bottom: 1px solid #d0d0d0;
        margin-bottom: 16px;
        line-height: 22px
    }

    .cntl_2 .new_book_info {
        display: flex;
        flex-direction: column;
        float: none;
        line-height: 12px;
        font-size: 12px
    }

    .cntl_2 .imgl {
        width: auto;
        height: auto;
        font-size: 14px
    }

    .cntl_2 div.relat {
        float: none;
        display: block
    }

    .cntl_2 .seria.jb {
        line-height: 19px
    }

    .w210,
    .w210b {
        width: 100% !important;
        float: none !important
    }

    .cntl_2 .rht {
        float: none;
        text-align: left
    }

    .cntl_2 .bookinfo {
        margin: 0 !important;
        padding: 0
    }

    .cntl_2 .zhanr {
        margin: 8px 0 0;
        line-height: 22px
    }

    .cntl_2 .new_block .intro {
        font-size: 14px;
        line-height: 22px
    }

    .cntl_2 .new_block h3 {
        font-size: 19px;
        line-height: 24px
    }

    .cntl_2 .author_menu ul li {
        white-space: nowrap
    }

    .cntl_2 div.commitm .author_link {
        line-height: 16px
    }

    .cntl_2 .small_afisha section,
    .cntl_2 .toptiletoptile {
        width: 32%;
        margin-right: 1%;
        padding: 0
    }

    .cntl_2 .small_afisha section:last-child,
    .cntl_2 .toptiletoptile:last-child {
        margin-right: 0
    }

    .cntl_2 .bkfront {
        width: 100%
    }

    .cntl_2 .flex_trophy {
        flex-direction: column
    }

    div.relat {
        display: block
    }

    div.relat100 {
        display: block !important;
        position: absolute
    }

    div.w700 h2.bookname span {
        color: var(--text-color);
        font-family: Roboto, sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0
    }
}

#author-send-message,
.cntl_2 .toptiletoptile .prc,
.flex_trophy .trophy,
.scrollhelp,
.serie .synopsis .age18,
.toptiletoptile .prc,
div.cyellow,
div.ovf2 .toptile .prc {
    display: none
}

.cntl_2 .h175 {
    height: auto !important
}

.cntl_2 .toptiletoptile {
    position: relative;
    border-radius: 6px;
    padding: 12px
}

.cntl_2 .toptiletoptile .textcenter:first-child {
    position: absolute;
    bottom: 0;
    text-align: left;
    margin-bottom: 12px
}

.cntl_2 .toptiletoptile .textcenter:nth-child(2) {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    border-radius: 6px;
    margin: 0;
    padding: 0
}

.author-icon,
.icon-rating,
.percent-icon {
    display: inline-block
}

.cntl_2 .toptiletoptile img {
    height: auto;
    border-radius: 6px
}

.cntl_2 .toptile {
    float: none;
    margin: 0;
    height: 390px;
    border: 0;
    display: flex;
    flex-direction: column
}

div.ovf2 div.toptile,
div.toptiletoptile {
    position: relative;
    border-radius: 6px
}

.toptiletoptile .textcenter:first-child,
div.ovf2 .toptile .textcenter:first-child {
    position: absolute;
    bottom: 0;
    margin-bottom: 12px;
    padding: 0 12px;
    text-align: left
}

div.cgray,
div.cyellow {
    margin: 0;
    position: absolute
}

.toptiletoptile .textcenter:second-child,
div.ovf2 .toptile .textcenter:second-child {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    border-radius: 6px;
    margin: 0;
    padding: 0
}

div.ovf2 .toptile img {
    height: 84% !important;
    width: auto
}

div.cyellow {
    top: 45px;
    opacity: .6;
    left: 8px;
    padding: 3px;
    border-radius: 0 4px 4px 0;
    background-color: var(--modal-bg)
}

div.cgray {
    top: 32px;
    right: 0;
    padding: 8px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .6);
    text-align: left;
    color: var(--text-color)
}

div.blist,
div.bmsel {
    background-color: var(--modal-bg);
    border-radius: 8px
}

span.online1 {
    color: green
}

.count_readers a:active,
.count_readers a:link,
.count_readers a:visited,
a.lnk:active,
a.lnk:link,
a.lnk:visited {
    font-family: Roboto, sans-serif;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: .003em;
    color: var(--primary-color);
    display: inline-block;
    text-align: left
}

img.shadow {
    border-radius: 6px
}

div.ratmsg {
    color: #666d6d;
    text-align: center;
    font-size: 12px;
    font-weight: 400
}

div.infobuy,
div.rating {
    display: flex;
    flex-direction: column;
    width: 100%
}

.space-around {
    justify-content: space-around
}

div.ratingstars {
    width: 105% !important;
    margin-left: -2px
}

html .book-review-block-og .commitm {
    border-bottom: none !important;
    justify-content: left;
    column-gap: 15px
}

html .book-review-block-og .commitm div.sgray2 {
    padding: 0 0 15px
}

html .book-review-block-og .commitm img.shadowpad {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    object-fit: cover;
    object-position: top
}

html .book-review-block-og .commitm .adm_delete_comments,
html .book-review-block-og .commitm .taglnk2 {
    cursor: pointer;
    top: 15px;
    color: #038c8c;
    transition: .3s;
    text-decoration: none
}

html .book-review-block-og .commitm .adm_delete_comments:hover,
html .book-review-block-og .commitm .taglnk2:hover {
    color: #15cfcf
}

html .book-review-block-og .commitm .og_comment_info {
    display: flex;
    align-items: baseline;
    column-gap: 10px
}

.author_about_list_book .commitm .author_link {
    text-align: left;
    text-decoration: none;
    color: var(--primary-color);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0
}

div.w700 .bookname span {
    color: var(--text-color);
    font-family: Roboto, sans-serif;
    font-style: normal;
    letter-spacing: 0
}

.fa-star-o:before {
    font-size: 13px;
    content: "\f005" !important
}

.ready span,
.serie .synopsis,
.tech_description,
a.lnkdot:active,
a.lnkdot:link,
a.lnkdot:visited {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    letter-spacing: 0
}

a.lnkdot:active,
a.lnkdot:link,
a.lnkdot:visited {
    color: var(--primary-color);
    font-weight: 400;
    line-height: 22px
}

.serie .synopsis {
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 18px
}

.tech_description {
    color: #8c9cac;
    font-weight: 400;
    line-height: 22px;
    text-align: left
}

.tech_description .fa {
    width: 24px;
    height: 24px;
    margin-bottom: -7px;
    text-align: center
}

.ready span {
    color: var(--primary-color);
    font-weight: 500;
    line-height: 14px
}

div.trophy {
    border-radius: 50%;
    background-color: var(--primary-color);
    color: var(--modal-bg)
}

h2.bookname a {
    color: var(--text-color);
    font-family: Roboto, sans-serif;
    font-style: normal;
    letter-spacing: 0;
    vertical-align: middle
}

div.cnt aside {
    order: 2
}

div.tileroll .toptile1,
div.tileroll .toptile2,
div.tileroll .toptile3,
div.tileroll .toptile4,
div.tileroll .toptiletoptile {
    width: 18%;
    padding: 8px
}

.cnt-wrapper {
    max-width: 1270px !important
}

div.relat100 img {
    height: unset !important
}

.author-icon {
    background-image: url("/assets/img/icons/svg/user-profile-icon.svg");
    width: 24px;
    height: 24px;
    background-size: contain;
    margin-bottom: -9px
}

.fa-bolt:before,
.fa-flash:before,
.icon-rating,
.percent-icon {
    margin-bottom: -5px;
    background-size: contain
}

.percent-icon {
    background-image: url("/assets/img/icons/svg/discount-icon.svg");
    width: 24px;
    height: 24px
}

.icon-rating {
    background-image: url("/assets/img/icons/svg/rating.svg");
    width: 32px;
    height: 32px
}

.rating-wrapper {
    display: flex;
    text-align: center;
    align-items: center
}

.fa-bolt:before,
.fa-flash:before,
.puls-icon,
div.author_about_old h3::before,
div.author_about_old h2::before {
    display: inline-block;
    background-repeat: no-repeat;
    height: 24px;
    margin-right: 8px
}

.fa-bolt:before,
.fa-flash:before {
    content: '' !important;
    background-image: url("/assets/img/icons/svg/fast-delivery-icon.svg");
    width: 18px
}

div.author_about_old h3::before {
    content: '';
    background-image: url("/assets/img/icons/svg/hot-offer-icon.svg");
    width: 24px;
    background-size: cover;
    margin-bottom: -4px
}

div.author_about_old h2::before {
    content: '';
    background-image: url("/assets/img/icons/svg/hot-offer-icon.svg");
    width: 24px;
    background-size: cover;
    margin-bottom: -4px
}

.puls-icon {
    background-image: url("/assets/img/icons/svg/heartbeat-icon.svg");
    width: 24px;
    background-size: contain;
    margin-bottom: -4px
}

.popular-search-books {
    display: flex;
    flex-wrap: wrap;
    overflow-x: auto;
    justify-content: flex-start
}

.popular-search-books div.toptile {
    width: 20%
}

.infobuy .new_book_info span,
.infobuy div {
    margin-top: 8px
}

.fa-user-circle-o:before {
    border-radius: 50%;
    display: block;
    width: 13px
}

.cntl:has(.forum__container) {
    background: #f3f6f9 !important;
    padding: 0 !important
}

@media (max-width:630px) {

    a.box2rd,
    div.box2rd {
        color: var(--text-color)
    }

    html .book-card-item:not(:first-child),
    html .main-site-wrapper div.cnt-wrapper {
        margin-top: 0
    }

    html .main-site-wrapper h1.txt {
        padding-top: 0
    }

    .toptiletoptile img,
    div.cnt,
    div.maket3,
    div.ovf2 .toptile img,
    section.msg-section {
        width: 100%
    }

    div.intro,
    div.notfound {
        font-family: Roboto, sans-serif;
        font-style: normal;
        color: var(--text-color)
    }

    .author-icon,
    .percent-icon {
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        display: inline-block;
        margin-right: 8px
    }

    .toptile img.shadow1,
    div.toptiletoptile {
        height: auto !important
    }

    .cnt-wrapper>aside,
    div.nomobstyle {
        display: none
    }

    div.cnt {
        margin-top: 0;
        padding: 0
    }

    .reader__top {
        padding-top: 32px
    }

    .popular-search-books div.toptile {
        width: 33.33333%;
        padding: 0
    }

    div.booktc a {
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .popular-search-books div.toptile .textcenter:first-child {
        position: relative
    }

    .main-site-wrapper:not(:has(.footer__container)),
    div.fullw2,
    html {
        background: var(--modal-bg)
    }

    .author-icon,
    .percent-icon,
    .puls-icon {
        background-size: contain
    }

    div.tileroll {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        display: flex
    }

    div.toptile,
    div.toptile1,
    div.toptile2,
    div.toptile3 {
        width: 30%
    }

    div.toptile {
        height: fit-content !important
    }

    div.ovf2 table div.toptile {
        width: 26vw;
        height: 50vw !important;
        padding: 4px
    }

    div.ovf2 table .textcenter {
        margin-bottom: 7px !important
    }

    div.booktc {
        height: auto
    }

    .toptiletoptile .textcenter:first-child,
    div.ovf2 .toptile .textcenter:first-child {
        bottom: 18px;
        margin-bottom: 50px;
        width: 100%
    }

    div.scrollhelp {
        font-size: 14px;
        top: 100px
    }

    div.notfound {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0;
        padding: 50px 12px
    }

    .textcenter div.cityc,
    .textcenter div.cityc a.txt,
    div.intro {
        font-weight: 400;
        font-feature-settings: 'clig' off, 'liga' off
    }

    div.intro {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0
    }

    div.author_about_old h3,
    div.blogcol,
    h3.txt {
        font-weight: 600;
        font-family: Roboto, sans-serif;
        font-style: normal;
        letter-spacing: 0
    }

    div.author_about_old h3,
    h3.txt {
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 19px;
        line-height: 24px
    }

    h3.txt.user-reading-books-list-head {
        padding: 0 12px
    }

    .author-icon {
        background-image: url("/assets/img/icons/svg/user-profile-icon.svg");
        margin-bottom: -10px
    }

    .percent-icon {
        background-image: url("/assets/img/icons/svg/discount-icon.svg");
        margin-bottom: -5px
    }

    .puls-icon,
    div.author_about_old h3::before {
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        display: inline-block;
        margin-right: 8px;
        margin-bottom: -4px
    }

    .fa-bolt:before,
    .fa-flash:before {
        content: '' !important;
        background-image: url("/assets/img/icons/svg/fast-delivery-icon.svg");
        width: 18px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        margin-right: 8px;
        margin-bottom: -5px
    }

    div.author_about_old h3::before {
        content: '';
        background-image: url("/assets/img/icons/svg/hot-offer-icon.svg");
        background-size: cover
    }

    .puls-icon {
        background-image: url("/assets/img/icons/svg/heartbeat-icon.svg")
    }

    div.zigzag2 {
        height: 0
    }

    div.blogcol {
        color: var(--text-color);
        font-size: 14px;
        line-height: 18px
    }

    div.sgray2 {
        padding-bottom: 12px
    }

    div.tileroll .toptile1,
    div.tileroll .toptile2,
    div.tileroll .toptile3,
    div.tileroll .toptile4,
    div.tileroll .toptiletoptile {
        width: 32%;
        padding: 4px
    }

    div.cnt-wrapper {
        margin: 30px 0 16px;
        width: 100%
    }

    div.cgray,
    div.cyellow {
        width: fit-content !important;
        left: 1px
    }

    .msg-section__inner {
        padding: 0
    }

    .toptile img.shadow1 {
        width: 100% !important;
        max-height: 210px
    }

    .textcenter div.cityc,
    .textcenter div.cityc a.txt {
        color: #666d6d;
        min-height: 24px;
        font-family: Roboto, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: 12px;
        letter-spacing: 0;
        text-align: initial
    }

    a.lnk,
    a.lnk:active,
    a.lnk:link,
    a.lnk:visited,
    div.edinner2 {
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Roboto, sans-serif !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0;
        white-space: pre-wrap;
        word-wrap: break-word
    }

    .morebooks {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    div.commitm,
    div.fullw,
    div.mark10 {
        --z-gutter-x: 1.5rem;
        --z-gutter-y: 0;
        display: flex;
        margin-top: calc(-1 * var(--z-gutter-y));
        margin-right: calc(-.5 * var(--z-gutter-x));
        background: var(--modal-bg)
    }

    div.ovf2 table td {
        height: 69vw;
        overflow: hidden
    }

    div.cgray {
        top: 74px;
        display: none !important
    }
}

@media (min-width:1200px) {
    .user-message__filter-btn:hover {
        color: var(--modal-bg);
        background-color: var(--primary-color)
    }

    .user-message__filter-btn_active:hover {
        background-color: #65c6c9
    }

    .toptiletoptile img,
    div.ovf2 .toptile img {
        height: 220px;
        border-radius: 6px;
        width: auto
    }

    div.ovf2 div.toptile {
        max-width: 13vw
    }
}

@media (max-width:934px) {

    .rating span,
    div.nomob a.lnk:link,
    div.w700 h2.bookname a {
        font-family: Roboto, sans-serif;
        font-style: normal;
        letter-spacing: 0
    }

    div.ratmsg,
    div.ready {
        white-space: nowrap
    }

    h2.book {
        display: flex;
        align-items: center
    }

    div.imgl {
        height: 3rem
    }

    article,
    aside,
    div.commitm,
    div.fullw,
    div.mark10,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    nav,
    section {
        font-size: 14px;
        justify-content: space-between;
        width: 100%
    }

    h1.txt {
        font-size: 24px !important
    }

    .rating div.nomob {
        display: block
    }

    #backpack_frame {
        display: flex;
        flex-direction: column
    }

    div.posterR {
        max-width: 100%;
        width: 100%
    }

    div.posterL,
    div.posterL img.shadow1 {
        width: 100%
    }

    div.crism,
    div.loot {
        margin: 10px 0
    }

    div.payt,
    div.payt1 {
        margin: 0 auto
    }

    .author_about_list_book .commitm .w210,
    .commitm div.w210,
    div.w210,
    div.w210b {
        width: 41.66666667% !important;
        float: none !important;
        font-size: 2rem !important;
        text-align: left !important;
        margin-right: 16px
    }

    .commitm div.w700,
    div.w700 {
        width: 54.33333333% !important
    }

    div.trophy {
        display: none
    }

    div.w700 div.city3 a {
        color: var(--primary-color);
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-left: 0 !important
    }

    div.w700 h2.bookname a {
        color: var(--text-color);
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 19px;
        font-weight: 600;
        line-height: 24px
    }

    h2.bookname {
        font-size: 0
    }

    div.city3 {
        font-size: 20px;
        line-height: 20px
    }

    div.serie {
        float: none
    }

    .serie .synopsis {
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: 0;
        padding-top: 0
    }

    .fa-star-o:before,
    .fa-star:before {
        font-size: 12px
    }

    .rating span,
    div.nomob a.lnk:link {
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        color: var(--primary-color) !important;
        text-align: left
    }

    .rating span .fa,
    a.lnk i.fa-commenting-o {
        margin-right: 8px
    }

    div.w130,
    td input.phone,
    td select.price,
    td select.pricedis {
        width: auto !important
    }

    main {
        display: flex !important;
        flex-direction: column
    }

    .pagination {
        overflow: auto
    }

    .author_about_list_book .commitm .w700 {
        margin-left: 0
    }

    div.plat {
        height: auto
    }

    div.rating>.ready {
        flex-direction: row;
        justify-content: space-between
    }

    div.plat img {
        width: 75%;
        height: auto
    }

    select.mylist {
        float: none;
        width: 65%
    }

    div.ready {
        width: 75%;
        margin: 8px 0
    }

    .withoutpay {
        position: absolute;
        top: 12px;
        left: 6px;
        width: fit-content !important;
        border-radius: 12px;
        display: flex;
        align-items: center;
        padding: 5px;
        border: 1px solid var(--primary-color);
        color: var(--primary-color);
        margin: 0;
        line-height: 18px
    }

    ::-webkit-scrollbar {
        display: none;
        width: 0 !important
    }

    body::-webkit-scrollbar {
        display: none;
        width: 0 !important
    }

    div.edinner2 {
        font-size: 14px
    }
}

.color-picker-h,
.popup,
.sr-only {
    overflow: hidden
}

.withoutpay {
    position: absolute;
    top: 12px;
    left: 6px;
    width: fit-content;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 5px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color)
}

.deployable,
div.cookie {
    justify-content: space-between
}

div.city3 {
    display: flex;
    margin-top: 20px
}

#genres__main-page .icon-genres,
div.city3 a {
    margin-left: 0 !important
}

div.cookie {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    opacity: .9;
    border-radius: 8px;
    z-index: 1999 !important;
    padding: 10px;
    display: flex;
    bottom: 5px;
    flex-wrap: wrap
}

div.bookst,
div.cookie .cookietxt {
    color: var(--text-color);
    margin-bottom: 0;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0
}

div.cookie .cookietxt {
    color: var(--modal-bg);
    font-size: 16px;
    margin: auto 0
}

@media (max-width:704px) {
    div.cookie .rht {
        margin: 0 auto
    }
}

.fa-regular,
.far,
div.cookie .btn {
    font-weight: 400
}

div.cntr {
    width: min-content;
    background: 0 0;
    border: none
}

div.btnblue2,
div.btntransp {
    background-color: var(--modal-bg);
    border-color: #82a8c5;
    border-radius: 4px;
    color: var(--text-color);
    font-weight: 600
}

div.rht {
    margin: 10px 0;
    display: flex;
    gap: 5px;
    float: left;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

div.h40,
div.wrapper-left-blk__description {
    margin-top: 12px
}

img.shadow1 {
    border-radius: 8px
}

.txt.deployable {
    color: var(--modal-bg);
    background: #0fa6AB80;
    padding: 25px 20px;
    border-radius: 5px
}

.purchased_more .button_checked,
.small-genre__button:hover,
form#search-main button {
    background: var(--primary-color);
    color: var(--modal-bg)
}

.leftblk img.shadow1 {
    width: auto;
    height: 140px !important
}

div.saledesc {
    font-family: Roboto, sans-serif;
    border: none !important;
    background: 0 0 !important;
    color: var(--primary-color);
    margin-bottom: 0
}

@media (max-width:864px) {
    span {
        font-size: 13px
    }

    .new_block .seriawrapper {
        width: 100% !important
    }
}

.count_readers,
.count_readers span {
    font-size: 13px;
    color: #8c9cac
}

.icon-favorites,
.icon-fragment,
.icon-page,
.icon-process {
    background-image: url('/assets/img/icons/svg/page.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: -7px
}

.icon-fragment {
    background-image: url('/assets/img/icons/svg/number_fragment.svg')
}

.icon-favorites {
    background-image: url('/assets/img/icons/svg/in_favorites.svg')
}

.icon-process {
    background-image: url('/assets/img/icons/svg/in_process.svg')
}

div.h40 {
    width: 50%
}

.none {
    display: none !important
}

div.feedbdlg {
    max-height: 90vh;
    margin-top: 2.5vh;
    border-radius: 8px;
    overflow: auto
}

.purchased_more {
    display: flex;
    justify-content: center;
    gap: 5px
}

.purchased_more button {
    border: 1px solid var(--text-color);
    padding: 10px !important;
    border-radius: 5px;
    background: 0 0
}

@media (max-width:412px) {
    .cntl_2 .imgl {
        font-size: 0
    }

    .cntl_2 .imgl .fa,
    .purchased_more button {
        font-size: 14px
    }

    .purchased_more input {
        width: 50%
    }
}

.popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: var(--modal-bg);
    border-radius: 20px;
    padding: 40px;
    width: 500px
}

.author_rating,
.cover_strip,
.fa-li,
.owl-nav {
    position: absolute
}

.popup .popup-header {
    border-bottom: 1px solid;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 600;
    font-family: Arial, sans-serif;
    text-align: center
}

.popup .popup-body {
    font-family: inherit;
    font-size: 16px
}

.popup .popup-footer .main-buttons {
    display: flex;
    gap: 20px;
    justify-content: space-evenly
}

.popup .popup-footer * button {
    padding: 5px 10px;
    border: none;
    background: 0 0;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer
}

@media screen and (max-width:530px) {
    .popup {
        width: 90% !important
    }
}

#ask_age-popup,
#donate-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .4);
    z-index: 9999
}

#ask_age-popup {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px)
}

#ask_age-popup .popup {
    background: rgba(255, 255, 255, .65)
}

.fa-classic,
.fa-regular,
.fa-solid {
    font-family: "Font Awesome 6 Free", sans-serif !important
}

.tns-controls button[data-controls=prev] {
    left: 0;
    transform: translate(-40%, -100%)
}

.tns-controls button[data-controls=next] {
    right: 0;
    transform: translate(50%, -100%)
}

.small-genre__button {
    font-size: 12px;
    padding: 5px;
    background: unset;
    color: var(--primary-color);
    border: 1px solid #edeff2;
    border-radius: 5px;
    height: fit-content;
    transition: .3s
}

.small-genre__button:hover {
    border: 1px solid var(--primary-color)
}

@media (min-width:1221px) {
    #genres__main-page {
        display: none !important
    }
}

#genres__main-page .icon-genres::before {
    position: unset !important;
    margin-right: 8px;
    display: block !important;
    float: left
}

.book_rating {
    font-size: inherit;
    color: inherit;
    width: fit-content;
    display: inline
}

.cntdown {
    font-size: 18px !important
}

#authors_header_nav {
    width: 350px
}

.deployable {
    display: flex;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box
}

.deployable.header__link {
    display: flex !important
}

.deployable.header__drop-down-link.in,
.deployable.header__link.in {
    color: var(--primary-color);
    text-decoration: none
}

.deployable.header__link i {
    margin: auto auto auto 10px
}

.deployable.toggleText {
    width: unset
}

.float-right {
    float: right !important
}

.my-sel-list,
div.box2r {
    float: left;
    color: var(--text-color);
    cursor: pointer
}

.sel-list-wrapper {
    display: flex;
    border-radius: 10px
}

.add-sel-list {
    width: 20%;
    background: rgba(255, 124, 3, .4);
    border: 0;
    border-left: 1px solid var(--text-color);
    border-radius: 0 10px 10px 0;
    cursor: pointer
}

.my-sel-list {
    width: 90%;
    font-family: Times New Roman, sans-serif;
    font-style: italic;
    font-size: 12px;
    border-radius: 10px 0 0 10px;
    border: none
}

.btn-primary.chevron-left {
    padding-left: 36px;
    position: relative
}

.btn-primary.chevron-left::before {
    position: absolute;
    border: none;
    width: 16px;
    height: 16px;
    top: 10px;
    left: 10px
}

.mark12 {
    background: #0fa6AB21 !important;
    padding: 20px 15px !important
}

.owl-carousel * img.shadow1 {
    height: 228px !important;
    width: auto !important;
    max-height: unset
}

.owl-carousel div.toptile {
}

@media (max-width:1000px) {
    .owl-carousel * img.shadow1 {
        height: 200px !important
    }

    .owl-carousel div.toptile {
        width: 150px !important
    }
}

@media (max-width:600px) {
    .owl-carousel * img.shadow1 {
        height: 170px !important
    }

    .owl-carousel div.toptile {
        width: 150px !important
    }
}

.owl-nav {
    top: 50%;
    transform: translateY(-50%);
    justify-content: space-between;
    width: 94%;
    display: flex;
    margin-left: 3%
}

.owl-prev {
    transform: translateX(-50%)
}

.owl-next {
    transform: translateX(50%)
}

.owl-nav button {
    background: rgba(255, 255, 255, .85) !important;
    border-radius: 50%;
    padding: 5px !important;
    height: 50px;
    width: 50px;
    pointer-events: all
}

.owl-nav button>span {
    font-size: 30px;
    margin: auto
}

img.shadowpad {
    border: 0;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 25px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 25px 3px;
    box-shadow: none;
    margin-bottom: 16px;
    height: 100%;
    width: 100%;
    border-radius: 8px
}

.image.shadowpad {
    border: 0;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 25px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 25px 3px;
    box-shadow: rgba(0, 0, 0, .3) 0 0 25px 3px;
    margin-bottom: 16px;
    width: 100%;
    height: 0;
    padding-top: 100%;
    border-radius: 20px;
    background-size: cover
}

div.box2r {
    background: 0 0;
    padding: 2px 8px;
    border: none;
    width: auto;
    text-align: center;
    border-bottom: 2px solid var(--modal-bg)
}

div.box2r:hover,
div.selected {
    border-bottom: 2px solid;
    background: 0 0
}

.pagination a {
    border-bottom: 2px solid var(--modal-bg);
    padding: 2px 8px !important;
    text-decoration: none
}

.pagination a:hover {
    border-color: var(--text-color);
    cursor: pointer;
    text-decoration: none
}

.modalc {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    height: fit-content !important;
    border-radius: 10px !important
}

.offer {
    background: #e0f3f4 !important;
    border: unset !important;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 20px 1px !important;
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 20px 1px !important;
    box-shadow: rgba(0, 0, 0, .3) 0 0 20px 1px !important;
    border-radius: 20px
}

#genre-search,
form#search-main input {
    border-radius: 10px;
    background: var(--modal-bg);
    outline: 0
}

#genre-search {
    padding: 10px;
    width: 100%;
    border: 2px solid #00000069;
    color: var(--text-color)
}

.cover_strip {
    left: -1px;
    top: -1px;
    width: 60% !important;
    height: auto !important;
    user-select: none
}

.ebk .lft picture img {
    width: 97px
}

.box3r {
    text-align: unset !important
}

.fa-fw,
.fa-li {
    text-align: center
}

input.city,
input.email {
    font-family: Roboto, sans-serif !important;
    font-style: unset !important
}

form#search-main {
    gap: 16px;
    display: flex;
    align-items: center
}

form#search-main input {
    padding: 16px;
    width: 80%;
    color: #8c9cac;
    border: 1px solid #dedede
}

form#search-main button {
    padding: 16px;
    border-radius: 10px;
    border: none;
    font-size: 100%
}

.author_rating {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    right: 0;
    top: 0;
    background: #f3f6f9;
    padding: 5px;
    border-radius: 0 0 0 10px
}

.fa,
.fa-stack {
    display: inline-block
}

div.basiclux {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important
}

div.basiclux:has(.reader) {
    overflow-y: hidden;
    resize: both;
}

.feedbcntr {
    margin-top: 10px !important
}

#recently-subscribed .intro {
    padding-top: 0
}

.pic_idea {
    border: 0;
    -webkit-box-shadow: rgba(0, 0, 0, .3) 0 0 25px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .3) 0 0 25px 3px;
    box-shadow: rgba(0, 0, 0, .3) 0 0 25px 3px;
    height: 150px;
    width: 150px;
    background-size: cover;
    border-radius: 20px;
    margin-bottom: 10px
}

#author-send-message .popup-enter__container {
    margin: 80px auto 0;
    position: static
}

#author-send-message .popup-enter__inner {
    padding: 24px
}

#author-send-message .count_symbol {
    align-items: center
}

#author-send-message .count_symbol .siteml {
    margin: 0 0 0 8px
}

.fa,
.fa-brands,
.fa-classic,
.fa-regular,
.fa-sharp,
.fa-solid,
.fab,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-clock-four:before,
.fa-clock-o:before,
.fa-clock:before {
    content: "\f017"
}

:host,
:root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'
}

.fa-heart::before,
.fa-heart:before {
    content: "\f004"
}

.fa-chevron-down::before,
.fa-chevron-down:before {
    content: "\f078"
}

.fa {
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-stack,
img,
svg {
    vertical-align: middle
}

.fa-2x,
.fa-stack-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em
}

.fa-li {
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-right,
.pull-right {
    float: right
}

.fa.fa-pull-left,
.fa.pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: 2s linear infinite fa-spin;
    animation: 2s linear infinite fa-spin
}

.fa-pulse {
    -webkit-animation: 1s steps(8) infinite fa-spin;
    animation: 1s steps(8) infinite fa-spin
}

.fa-rotate-90 {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before,
.fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before,
.fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before,
.fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}

.fa-inr:before,
.fa-rupee:before {
    content: "\f156"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158"
}

.fa-krw:before,
.fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
    content: "\f1d0"
}

.fa-empire:before,
.fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before,
.fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before,
.fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before,
.fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-envira:before {
    content: "\f299"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-wheelchair-alt:before {
    content: "\f29b"
}

.fa-question-circle-o:before {
    content: "\f29c"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
    content: "\f2a3"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-sign-language:before,
.fa-signing:before {
    content: "\f2a7"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-o:before {
    content: "\f2b7"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-book-o:before {
    content: "\f2ba"
}

.fa-address-card:before,
.fa-vcard:before {
    content: "\f2bb"
}

.fa-address-card-o:before,
.fa-vcard-o:before {
    content: "\f2bc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-user-o:before {
    content: "\f2c0"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
    content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
    content: "\f2cd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-eercast:before {
    content: "\f2da"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-snowflake-o:before {
    content: "\f2dc"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-meetup:before {
    content: "\f2e0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.color-picker {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

.color-picker-control {
    border: 1px solid var(--text-color);
    -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, .5);
    box-shadow: 1px 5px 10px rgba(0, 0, 0, .5)
}

.color-picker-control *,
.color-picker-control :after,
.color-picker-control :before {
    border-color: inherit
}

.color-picker-control:after {
    content: " ";
    display: table;
    clear: both
}

.color-picker i {
    font: inherit
}

.color-picker-h {
    position: relative;
    width: 20px;
    height: 150px;
    float: right;
    border-left: 1px solid;
    border-left-color: inherit;
    cursor: ns-resize;
    background-image: linear-gradient(to top, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.color-picker-h i,
.color-picker-h i:before {
    left: 0;
    display: block;
    position: absolute;
    right: 0
}

.color-picker-h i {
    top: -3px;
    z-index: 3;
    height: 6px
}

.color-picker-h i:before {
    content: "";
    top: 0;
    bottom: 0;
    border: 3px solid transparent;
    border-right-color: inherit;
    border-left-color: inherit
}

.color-picker-sv {
    position: relative;
    width: 150px;
    height: 150px;
    float: left;
    background-image: linear-gradient(to top, var(--text-color), rgba(0, 0, 0, 0)), linear-gradient(to right, var(--modal-bg), rgba(255, 255, 255, 0));
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: crosshair
}

.color-picker-sv i {
    position: absolute;
    top: -4px;
    right: -4px;
    z-index: 3;
    display: block;
    width: 8px;
    height: 8px
}

.color-picker-sv i:after,
.color-picker-sv i:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.color-picker-sv i:before {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border-color: var(--modal-bg)
}

.color-picker-h,
.color-picker-sv {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.button_standard {
    font-weight: 500;
    letter-spacing: .003em;
    border: none;
    color: var(--modal-bg) !important;
    padding: 12px 14px;
    border-radius: 4px
}

#cert_id {
    background-color: #eaeaea !important
}

#goodtxt,
#whytxt,
#wrongtxt {
    background: #ebebeb;
    border-radius: 4px
}

#reward,
[for=reward] {
    float: none !important
}

@media (max-width:500px) {
    div.half {
        width: 100%;
        padding: 0 0 0 8px
    }

    .cntl_2 .block_new__info_dop .new_block__button .no-mobile {
        display: none
    }

    .og_head {
        height: 60px
    }

    .start_author {
        background: url(/assets/img/faq/pecul/bg_mob.png) top/100% 100% no-repeat;
        padding: 10px 0
    }

    html body .start_author .og_wrapper {
        padding: 0 30px 20px 20px !important
    }

    .start_author .left {
        margin-bottom: 0
    }

    .start_author .left>span {
        font-size: 12px !important;
        line-height: 14px !important
    }

    .start_author .left>p {
        font-size: 10px !important;
        line-height: 12px !important
    }

    .start_author .og_wrapper {
        padding: 0 32px 0 16px;
        justify-content: right
    }

    .start_author .og_btn {
        font-size: 10px;
        padding: 8px 16px;
        min-width: inherit !important;
        margin-top: 0
    }

    .pecul_container {
        margin: 63px auto 32px
    }
}

@media (max-width:820px) {
    .start_author .og_btn {
        min-width: inherit !important;
        margin-top: 0
    }

    .start_author .left {
        margin-bottom: 0
    }

    .start_author .og_wrapper {
        padding: 20px 85px 34px 47px;
        justify-content: right
    }

    .start_author {
        background: url(/assets/img/faq/pecul/bg_mob.png) top/100% 100% no-repeat
    }

    .start_author .left span {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width:1024px) {
    html .og_head {
        height: 80px !important
    }

    html .og_head p {
        font-size: 25px
    }

    .start_author {
        padding: 16px 20px;
        height: max-content;
        justify-content: right
    }

    .start_author span {
        font-size: 19px
    }

    .start_author p {
        font-size: 16px
    }

    .start_author .left {
        margin-top: 32px;
        margin-bottom: 0
    }

    html .start_author .og_wrapper {
        flex-wrap: wrap;
        justify-content: right !important;
        padding: 0 100px 20px 20px !important
    }

    .start_author .og_btn {
        min-width: inherit !important;
        margin-top: 0
    }

    .start_author .og_wrapper {
        padding: 20px 85px 110px 47px;
        justify-content: right
    }
}

.start_author {
    background: url(/assets/img/faq/pecul/faq-background-pattern.png) top/100% 100% no-repeat;
    width: 100%;
    padding: 20px 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1200px
}

.book-glavi .g0 .chapt>div {
    width: 100%;
    justify-content: space-between !important
}

.start_author .og_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 100px 16px 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.start_author .left {
    max-width: 842px
}

.start_author .left span {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px
}

.start_author .left p {
    margin-top: 16px;
    font-size: 20px;
    line-height: 24px
}

.start_author a.og_btn {
    min-width: 152px
}

a.og_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px auto 0;
    width: fit-content;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 2px 2px 17px 3px rgba(15, 166, 171, .4);
    text-decoration: none;
    transition: .3s;
    border: none !important;
    cursor: pointer
}

a.og_btn svg {
    margin-left: 10px
}

a.og_btn.white {
    background: var(--modal-bg) !important;
    color: var(--primary-color) !important
}

a.og_btn.white:hover {
    background: #ecfeff !important
}

.og_intro {
    display: flex;
    align-items: baseline;
    column-gap: 5px;
    position: relative
}

.og_intro .podskazka p {
    display: none;
    position: absolute;
    left: 160px;
    top: -20px;
    width: max-content;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-regular-400.ttf") format("truetype")
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("fontawesome/webfonts/fa-solid-900.ttf") format("truetype")
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-display: swap;
    font-weight: 400;
    src: url("fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-brands-400.ttf") format("truetype")
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-display: swap;
    font-weight: 900;
    src: url("fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("fontawesome/webfonts/fa-solid-900.ttf") format("truetype")
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-display: swap;
    font-weight: 400;
    src: url("fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-regular-400.ttf") format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url("fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("fontawesome/webfonts/fa-solid-900.ttf") format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url("fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-brands-400.ttf") format("truetype")
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url("fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
    unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC
}

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url("fontawesome/webfonts/fa-v4compatibility.woff2") format("woff2"), url("fontawesome/webfonts/fa-v4compatibility.ttf") format("truetype");
    unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A
}
@font-face {
    font-family: 'Verdana';
    src: url('/assets/fonts/Verdana/verdana.woff2') format('woff2'), url('/assets/fonts/Verdana/verdana.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Trebuchet MS';
    src: url('/assets/fonts/TrebuchetMS/trebuchetms.woff2') format('woff2'), url('/assets/fonts/TrebuchetMS/trebuchetms.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SansSerif';
    src: url('/assets/fonts/SansSerif/sansserif.woff2') format('woff2'), url('/assets/fonts/SansSerif/sansserif.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('/assets/fonts/Helvetica/helvetica.woff2') format('woff2'), url('/assets/fonts/Helvetica/helvetica.woff') format('woff');
    font-display: swap;
}

.aside__recent-blog-post {
    padding: .5rem 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    flex-direction: row;
    gap: 10px
}

.aside__recent-blog-post>img {
    height: 40px;
    width: 40px;
    min-width: 40px;
    object-fit: cover;
    border-radius: 50%
}

.aside__recent-blog-post-info {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.aside__recent-blog-post-info>p {
    margin: 0
}

.onegenre1 {
    color: #0a9ea4;
    font-weight: 700
}

.custom-register-form {
    max-width: 460px;
    margin: 0 auto;
    padding: 20px 36px;
    background-image: url(/assets/img/faq/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif
}

.custom-register-form .registration-title {
    display: block;
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    color: var(--modal-bg);
    margin-bottom: 25px;
    font-weight: 400
}

.custom-register-form .form-group {
    margin-bottom: 20px
}

.custom-register-form .form-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--modal-bg);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3);
    color: var(--modal-bg);
    font-size: 16px;
    transition: border-color 0.3s
}

.custom-register-form .form-input:focus {
    outline: none;
    border-color: var(--primary-color)
}

.custom-register-form .checkbox-group {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 25px 0
}

.custom-register-form input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0
}

.custom-register-form .checkbox-label {
    position: relative;
    padding-left: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer
}

.custom-register-form .checkbox-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--modal-bg);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 4px
}

.custom-register-form input[type="checkbox"]:checked+.checkbox-label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 7px;
    width: 10px;
    height: 6px;
    border-left: 2px solid var(--modal-bg);
    border-bottom: 2px solid var(--modal-bg);
    transform: rotate(-45deg)
}

.custom-register-form .submit-btn {
    width: 100%;
    padding: 16px 32px;
    background-color: var(--modal-bg);
    color: var(--primary-color);
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s
}

.custom-register-form .submit-btn:hover {
    background-color: #e6f7f8
}

.custom-register-form .form-footer {
    margin-top: 20px;
    text-align: center;
    color: var(--modal-bg)
}

.custom-register-form .form-link {
    color: var(--modal-bg);
    text-decoration: underline;
    transition: color 0.3s
}

.custom-register-form .form-link:hover {
    color: #e6f7f8;
    text-decoration: none
}

.custom-register-form .white-label {
    color: var(--modal-bg) !important;
    font-size: 18px;
    margin-bottom: 8px;
    display: block;
    text-align: center
}

.social-auth {
    width: 219px;
    margin: 20px auto
}

.popup-enter__or-title {
    text-align: center;
    margin: 15px 0;
    font-size: 14px
}

.social-icons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

.social-btn {
    text-align: center;
    border-radius: 0.5rem;
    padding: 10px;
    cursor: pointer;
    transition: transform 0.2s
}

.social-btn:hover {
    transform: translateY(-2px)
}

.vk-btn {
    background: #07f
}

.yandex-btn {
    background: #fc3f1d
}

.social-btn svg {
    vertical-align: middle
}

.header__list {
    position: relative;
    display: inline-block
}

.header__drop-down {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1
}

.header__list:hover .header__drop-down {
    display: block
}

div.cri1 {
    background-image: url("/assets/img/crystalls/cold.png")
}

div.cri2 {
    background-image: url("/assets/img/crystalls/gold.png")
}

div.cri3 {
    background-image: url("/assets/img/crystalls/heart.png")
}

div.cri4 {
    background-image: url("/assets/img/crystalls/izumrud.png")
}

div.cri5 {
    background-image: url("/assets/img/crystalls/kislota.png")
}

div.cri6 {
    background-image: url("/assets/img/crystalls/rairity.png")
}

div.cri7 {
    background-image: url("/assets/img/crystalls/rube.png")
}

div.cri8 {
    background-image: url("/assets/img/crystalls/starlight.png")
}

div.cri9 {
    background-image: url("/assets/img/crystalls/trishtuki.png")
}

div.cri10 {
    background-image: url("/assets/img/crystalls/triton.png")
}

div.cri11 {
    background-image: url("/assets/img/crystalls/cold.png")
}

div.cri12 {
    background-image: url("/assets/img/crystalls/gold.png")
}

div.cri13 {
    background-image: url("/assets/img/crystalls/heart.png")
}

div.cri14 {
    background-image: url("/assets/img/crystalls/izumrud.png")
}

div.cri15 {
    background-image: url("/assets/img/crystalls/kislota.png")
}

div.cri16 {
    background-image: url("/assets/img/crystalls/rairity.png")
}

div.cri17 {
    background-image: url("/assets/img/crystalls/rube.png")
}

div.cri18 {
    background-image: url("/assets/img/crystalls/starlight.png")
}

div.cri19 {
    background-image: url("/assets/img/crystalls/trishtuki.png")
}

div.cri20 {
    background-image: url("/assets/img/crystalls/triton.png")
}

.form-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px
}

.form-left,
.form-right {
    flex: 1;
    min-width: 300px
}

.form-group {
    margin-bottom: 15px
}

.form-group label {
    display: block;
    margin-bottom: 5px
}

.form-hint {
    font-size: .9em;
    color: #666;
    margin-bottom: 10px
}

.form-submit {
    margin-top: 20px
}

.discounts {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.aboutme {
    width: 100%;
    min-height: 150px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px
}

input#genre_main_color {
    width: 97%
}

div.col-sm {
    margin-bottom: 4.5%
}

@media screen and (max-width: 500px) {
    .header__balance-mobile {
        display: none !important;
    }

    .header__container {
        padding: 0 3px !important;
    }

    .header__mobile > div:nth-child(1) {
        margin-left: 0 !important;
    }
    .header__mobile > div:nth-child(2) {
        margin-left: 0 !important;
    }
    .header__logo-link > img {
        width: 30px !important;
    }
}

.lazy-media {
  opacity: 0;
  transition: opacity 0.6s ease;
}

.lazy-media.loaded {
  opacity: 1;
}

.profanity-warning-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #d9534f;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 6px;
    border-radius: 4px;
    z-index: 10;
}
@media (max-width:600px) {
    .cntl-wrapper {
        width: 100% !important;
    }
}
.about-peculiarities-static li {
    display: block;
}
button.header__link,
button.header__link-active {
    display: block;
    padding: 12px 8px;
    text-decoration: none;
    background: none;
    border: none;
    color: #fff;
    border-radius: 4px;
    line-height: 22px;
}
button.header__link:hover {
    color: #0fa6ab;
    text-decoration: none;
}
button.header__link-active {
    color: orange;
}
button.header__link-active:hover {
    color: #0fa6ab;
    text-decoration: none;
}
button.header__drop-down-link,
button.header__mobile-drop-down-link {
    padding: 16px 16px 16px 5px;
    display: block;
    text-decoration: none;
    text-align: left;
    background: none;
    border: none;
    color: #fff;
}
button.header__drop-down-link:hover,
button.header__mobile-drop-down-link:hover,
button.header__mobile-link:hover {
    cursor: pointer;
}
button.header__mobile-link,
button.header__mobile-link-active {
    display: block;
    padding: 16px 26px 16px 16px;
    color: #fff;
    background: none;
    border: none;
    position: relative;
    text-align: left;
}
button.header__mobile-link::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 16px;
    right: 20px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    rotate: 45deg;
}
button.header__mobile-link_close::after {
    rotate: -135deg;
    top: 20px;
}
.favorite-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #e31e25;
    font-size: 16px;
}
.favorite-btn[disabled] {
    cursor: default;
    color: #ccc;
}
.audio-list {
    padding: 8px 8px 8px 8px;
    border-bottom: 1px solid #699682;
}
.audio-list:hover {
    padding: 8px 8px 8px 8px;
    background-color: #f5f5dc;
}
.audio-title {
    padding: 8px 4px 8px 4px;
    font-size: 22px;
}
.mt-10 { margin-top: 10px !important; }
.d-flex { display: flex !important; }
.gap-10 { gap: 10px !important; }
.items-center { align-items: center !important; }
.py-4 { padding-top: 4px !important; padding-bottom: 4px !important; }
.px-8 { padding-left: 8px !important; padding-right: 8px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.rounded-3 { border-radius: 3px !important; }
.text-main { color: #0FA6AB !important; }
body.modal-open {
    overflow: hidden;
}
.nowrap {
    white-space: nowrap;
}
.more-btn {
    margin-top: .5rem;
    margin-right: .5rem;
}
@media (min-width: 992px) {
    .more-btn {
        margin-right: 1.5rem;
    }
}
.genre-button {
    margin-top: .5rem;
    margin-right: .5rem;
}
@media (max-width:600px){ div.cntl-wrapper{width:100% !important;} }
.about-peculiarities-static li,
.about-peculiarities-static .item {
    display: block;
    width: 100%;
}