@charset "UTF-8";

/**
 * Sass vendors
 */


/* ========================================================================== */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}


/**
 * Remove default margin.
 */

body {
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    overflow-y: auto;
}


/* HTML5 display definitions
 * ========================================================================== */


/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}


/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/* Links
 * ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}


/* Text-level semantics
 * ========================================================================== */


/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Embedded content
 * ========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}


/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}


/* Grouping content
 * ========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}


/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}


/* Forms
 * ========================================================================== */


/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */


/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}


/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}


/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}


/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    padding: 0;
}


/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}


/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}


/* Tables
 * ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


/**
 * Sass utils
 */

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}


/**
 * Sass base
 */

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

*,
*::after,
*::before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    margin: 0;
    color: #333;
    background-color: #fff;
}

a {
    text-decoration: underline;
    color: #15599d;
    cursor: pointer;
}


/*
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
*/

a:hover {
    color: #1b73ca;
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
}

ul {
    list-style-type: none;
}

ul,
ul li {
    margin: 0;
    padding: 0;
}

p,
ul,
ol,
blockquote {
    margin: 0 0 1em;
}

input[type="text"],
input[type="email"],
input[type="password"],
button,
input[type="button"],
input[type="submit"],
.button,
select,
textarea {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
    border: 1px solid #a2a2a2;
    padding: 3px 5px;
    height: 22px;
    background-color: #fff;
}

.css-transitions-only-after-page-load * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}


/**
 * Vertical rhythm
 */

table p {
    margin: 0 0 0.5rem;
}

::selection {
    background: #222;
    color: #fff;
    text-shadow: none;
}

dd {
    margin: 0;
    padding: 0;
}


/**
 * Tables
 */

.limiter,
main[role="main"] {
    *zoom: 1;
    width: 100%;
    max-width: 992px;
    margin-left: auto;
    margin-right: auto;
}

.limiter:before,
main[role="main"]:before,
.limiter:after,
main[role="main"]:after {
    display: table;
    line-height: 0;
    content: "";
}

.limiter:after,
main[role="main"]:after {
    clear: both;
}

main[role="main"] {
    -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.27);
    -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.27);
    box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.27);
    background-color: #fff;
    min-height: 400px;
}

@media (max-width: 480px) {
    main[role="main"] {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

.content,
#sidebar {
    display: inline-block;
    vertical-align: top;
}

main .content,
main #sidebar {
    border-top: 2px solid #00b3e4;
    margin-top: 3px;
}

@media (max-width: 480px) {
    main .content,
    main #sidebar {
        border: none;
    }
}

.content {
    width: 71.3%;
    margin-left: 2px;
    padding-bottom: 1.5em;
}

@media (max-width: 780px) {
    .content {
        width: 100%;
    }
}

.content .page-container {
    padding: 0 10px 2em 20px;
    position: relative;
}

@media (max-width: 992px) {
    .content .page-container {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

#sidebar {
    float: right;
    width: 27.8%;
    padding: 0 13px 2em;
    position: relative;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
}

@media (max-width: 780px) {
    #sidebar {
        float: none;
        width: 100%;
        margin-top: 2em !important;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

.wysiwyg a,
.wysiwyg a:hover {
    color: #fb005f !important;
    text-decoration: underline;
}

.wysiwyg a:hover {
    text-decoration: none;
}

.wysiwyg h3 {
    text-transform: none;
}

.wysiwyg ul,
.wysiwyg ol {
    margin-top: 1.5em;
    margin-bottom: 1em;
    padding: 0;
}

.wysiwyg ul li,
.wysiwyg ol li {
    margin: 0 0 0.471em 1.9em;
}

.wysiwyg ul {
    overflow: hidden;
    list-style-type: square;
}

.wysiwyg ol {
    counter-reset: list1;
}

.wysiwyg ol li {
    position: relative;
    list-style: none;
}

@media (max-width: 480px) {
    .wysiwyg ol li {
        margin-left: 0;
    }
}

.wysiwyg ol li:before {
    content: counter(list1) ".";
    counter-increment: list1;
    text-align: left;
    position: absolute;
    top: 0;
    left: -1.27em;
}

body {
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 13px;
    font-size: 0.8125rem;
}

h1,
h2,
h3,
h4,
h5 {
    color: #2a2a2a;
    margin: 0 0 1em;
    font-weight: normal;
    line-height: 110%;
}

h1 {
    font-size: 26px;
    font-size: 1.625rem;
}

h2 {
    font-size: 18.2px;
    font-size: 1.1375rem;
}

h3 {
    font-size: 14.82px;
    font-size: 0.92625rem;
}

h4 {
    font-size: 14.3px;
    font-size: 0.89375rem;
}

h5 {
    font-size: 11.141px;
    font-size: 0.69631rem;
    font-weight: bold;
}

h2,
h3 {
    margin-top: 1.5em;
}

h4 {
    margin-bottom: 0.7em;
    font-weight: bold;
}

strong {
    font-weight: bold;
}

.red {
    color: #e40000;
}

.orange,
.head_type1 {
    color: #ff8d1e;
}

.green,
.head_type2 {
    color: #a5d222;
}

.blue {
    color: #009bc5;
}

.grey {
    color: #898989;
}

.denim {
    color: #153e5e;
}

.indigo {
    color: #15599d;
}

.fa {
    color: #7e95a6;
    margin-right: 0.4em;
    margin-left: 0.1em;
}

.content h1 {
    font-size: 18.2px;
    font-size: 1.1375rem;
    color: #ff8d1e;
}

.content h1,
#sidebar h2 {
    margin-top: 1.5em;
}

.wti {
    text-indent: 1em;
}

.content h3 {
    color: #15599d;
    font-weight: bold;
}


/**
 * Partials
 */

header {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 0 20px;
}

@media (max-width: 480px) {
    header {
        margin: 0 0 10px;
    }
}

header .portal-headline {
    background-color: #153e5e;
    padding: 0.9em 0;
    overflow: hidden;
}

header .portal-headline .nav-help {
    float: right;
    margin: 4px 0 0;
}

@media (max-width: 979px) {
    header .portal-headline .nav-help {
        float: none;
        display: block;
        overflow: hidden;
    }
}

header .portal-headline .nav-help a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0.7em;
    color: #d6d6d6;
}

@media (max-width: 979px) {
    header .portal-headline .nav-help a {
        margin: 0 0.7em 0 0;
    }
}

.auth {
    float: left;
}

@media (max-width: 979px) {
    .auth {
        float: none;
        margin: 0 0 0.5em;
    }
}

.auth input[type="text"],
.auth input[type="password"] {
    border-color: #fff;
    margin-right: 0.3em;
}

@media (max-width: 480px) {
    .auth input[type="text"],
    .auth input[type="password"] {
        width: 35%;
        margin: 0 0 0.3em;
    }
}

.auth input[type="submit"] {
    margin: 0 0.7em 0 0;
}

.auth .button {
    margin-right: 0.5em;
}

.auth .extra_links {
    display: inline-block;
}

.auth .forget_password {
    color: #e9e9e9;
}

.account,
.account a {
    color: #afd3f0;
}

.account .sprite {
    position: relative;
    top: 1px;
    margin-right: 0.4em;
}

.account .sprite.i-user {
    margin-right: 0;
    top: -2px;
}

.account .account-thumb {
    background-color: #275376;
    padding: 30px 13px;
}

.account .account-thumb .i-user {
    margin-right: 0;
    margin-bottom: -5px;
}

.account .account-name,
.account .account-mail,
.account .account-ballance,
.account .account-logout {
    display: inline-block;
    vertical-align: middle;
    vertical-align: middle;
    margin-left: 10px;
}

@media (max-width: 480px) {
    .account .account-mail,
    .account .account-ballance {
        margin-left: 15px;
    }
}

.account .account-name,
.account .account-name a {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #fff;
    font-weight: bold;
}

.account .account-mail .unread-message {
    font-style: normal;
    font-weight: normal;
}

.account .account-mail .unread-message,
.account .account-mail .unread-message a {
    color: #5684a8;
}

.account .account-logout {
    margin-left: 2em;
}


/* .account .account-logout.respond {
    display: none; } */

.nav-user {
    background-color: #275376;
    padding: 1em 0;
}

@media (max-width: 992px) {
    .nav-user {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

.nav-user label,
.nav-user ul,
.nav-user li {
    display: inline-block;
    vertical-align: top;
}

.nav-user label {
    color: #afd3f0;
    margin-right: 0.7em;
}

@media (max-width: 992px) {
    .nav-user label {
        display: none;
    }
}

.nav-user ul {
    margin: 0;
}

.nav-user li {
    margin-right: 5px;
    padding-left: 22px;
    position: relative;
}

@media (max-width: 992px) {
    .nav-user li {
        margin-bottom: 0.2em;
    }
}

.nav-user li span {
    position: absolute;
    left: 0;
    width: 22px;
    text-align: center;
}

.nav-user a {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.nav-user .sprite {
    vertical-align: middle;
    margin: 0;
}

footer {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 25px 0 0;
    padding: 4em 0 2em;
    background: #f1f1f1;
}

@media (max-width: 992px) {
    footer {
        padding: 2em 0 1em;
    }
}

footer .limiter,
footer main[role="main"] {
    padding-left: 20px;
}

@media (max-width: 780px) {
    footer .limiter,
    footer main[role="main"] {
        padding: 0 0.5em;
    }
}

footer,
footer a {
    color: #898989;
}

footer .copyright {
    float: right;
    width: 27.8%;
    position: relative;
    top: -7px;
    padding: 0;
}

@media (max-width: 780px) {
    footer .copyright {
        float: none;
        width: 100%;
        margin: 0 0 1em;
    }
}

footer .copyright p {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #6d8699;
    margin: 0 0 0.3em;
}

footer .sm-icons {
    margin: 0 0 0 1em;
}

footer ul {
    display: inline-block;
    vertical-align: top;
    width: 16.97619%;
}

@media (max-width: 780px) {
    footer ul {
        width: 100%;
    }
    footer ul li {
        display: inline-block;
        vertical-align: top;
        margin-right: 0.7em;
    }
}

footer ul .child_n2 {
    margin-bottom: 1.5em;
}

@media (max-width: 780px) {
    footer ul .child_n2 {
        margin-bottom: 0;
    }
}

#sidebar {
    line-height: 120%;
    color: #898989;
    font-size: 11.141px;
    font-size: 0.69631rem;
}

@media (max-width: 780px) {
    #sidebar {
        font-size: 13px;
        font-size: 0.8125rem;
    }
}

#sidebar .links {
    font-size: 13px;
    font-size: 0.8125rem;
}

#sidebar .more {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-top: 0;
}

#sidebar .rating_users .thumb {
    width: 50px !important;
}

#sidebar .rating_users .c {
    width: 56%;
    margin-right: 0;
}

@media (max-width: 992px) {
    #sidebar .rating_users .c {
        width: 67%;
    }
}

#sidebar .rating_users .rating {
    margin: 0;
    padding: 0;
    border: none;
}

#sidebar .rating_users .rating dt {
    background-color: #EDEDE2;
}

@media (max-width: 992px) {
    #sidebar .rating_users .rating {
        display: none;
    }
}

#sidebar .rating_users .user-name {
    display: block;
    margin: 0 0 0.2em;
}

#sidebar .rating_users .estimation {
    margin-top: 3px;
}

@media (max-width: 780px) {
    #sidebar .rating_users li {
        width: auto;
    }
}

.coll_wrap {
    *zoom: 1;
}

.coll_wrap:before,
.coll_wrap:after {
    display: table;
    line-height: 0;
    content: "";
}

.coll_wrap:after {
    clear: both;
}

.coll {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

@media (max-width: 480px) {
    .coll {
        display: block;
        width: auto;
    }
}

@media (max-width: 992px) {
    .coll.books-compact-view-coll {
        display: block;
        width: auto;
    }
}

.coll3 {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

.coll-content {
    padding-right: 20px;
}

.rss-flr-link {
    float: right;
    position: relative;
    top: -25px;
}

@media (max-width: 480px) {
    .rss-flr-link {
        display: none;
    }
}

.literary-flr-link {
    float: right;
}

.literary-flr-link a {
    font-size: 11.141px;
    font-size: 0.69631rem;
    font-weight: bold;
}

@media (max-width: 480px) {
    .literary-flr-link a:nth-child(2) {
        display: none;
    }
}

.link-fl {
    float: left;
}

.link-fr {
    float: right;
    margin-right: 4px;
}

@media (max-width: 600px) {
    .link-fl,
    .link-fr {
        float: none;
    }
}

.recomend-books {
    margin: 0 0 1em;
}

#whattoread {
    *zoom: 1;
}

#whattoread:before,
#whattoread:after {
    display: table;
    line-height: 0;
    content: "";
}

#whattoread:after {
    clear: both;
}

#whattoread .recomend-books {
    margin: 0;
}

#whattoread .recomend-books a {
    display: inline-block;
    vertical-align: top;
    width: 16.6%;
    margin: 0 0 0.5em;
    padding: 0 2px 0 0;
    max-height: 130px;
    overflow: hidden;
}

@media (max-width: 480px) {
    #whattoread .recomend-books a {
        width: 33.3%;
    }
}

#whattoread .more {
    margin: 0;
}

.more {
    padding: 0 0 3px 16px;
    background: url("https://i.bookmix.ru/images/all_books.gif") no-repeat 0;
    margin: 1.5em 0 1em;
}

.ajax_inner {
    margin: 1em 0 0;
}

.p0 {
    padding: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.bg-lightgrey {
    background-color: #f1f1f1;
}

.bg-lightblue {
    background-color: #DFF3FF;
}

.bb-dotted {
    border-bottom: 1px dotted #898989;
}

.add-hide_commentlink .sprite {
    margin: 0 0.5em 0 0;
    position: relative;
    top: 2px;
}

.lcd {
    color: #15599d !important;
}

.bfs {
    font-size: 13px;
    font-size: 0.8125rem;
}

.date {
    font-size: 10px;
    font-size: 0.625rem;
    color: #898989;
}

.img-fl {
    float: left;
    margin: 0 1em 0.5em 0;
}


/**
 * Components
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    outline: 0;
}

.button {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 4px 20px 4px;
    background-color: #ff8d1e;
    font-weight: bold;
    text-decoration: none;
}

.button,
.button:hover {
    color: #fff;
}

.button:hover {
    background-color: #f97b00;
}

.button.blue {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 4px 20px 4px;
    background-color: #009bc5;
    font-weight: bold;
    text-decoration: none;
}

.button.blue,
.button.blue:hover {
    color: #fff;
}

.button.blue:hover {
    background-color: #007fa1;
}

.button.green,
.button.head_type2 {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 4px 20px 4px;
    background-color: #a5d222;
    font-weight: bold;
    text-decoration: none;
}

.button.green,
.button.head_type2,
.button.green:hover,
.button.head_type2:hover {
    color: #fff;
}

.button.green:hover,
.button.head_type2:hover {
    background-color: #8db31d;
}

.button.reset {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 4px 20px 4px;
    background-color: #898989;
    font-weight: bold;
    text-decoration: none;
}

.button.reset,
.button.reset:hover {
    color: #fff;
}

.button.reset:hover {
    background-color: #777777;
}

.button-search {
    background-color: #a5d222;
    padding: 3px 2px 3px 5px;
}

.button-search .fa {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
}

.button-buy {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 4px 20px 4px;
    background-color: #B80063;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    font-size: 0.875rem;
}

.button-buy,
.button-buy:hover {
    color: #fff;
}

.button-buy:hover {
    background-color: #940050;
}

.sprite {
    display: inline-block;
    background-image: url("../images/global/sprite.png");
    background-repeat: no-repeat;
    position: relative;
}

.i-settings {
    width: 14px;
    height: 13px;
    background-position: -5px -5px;
}

.i-bookmarks {
    width: 9px;
    height: 13px;
    background-position: -5px -23px;
}

.i-advert {
    width: 13px;
    height: 13px;
    background-position: -5px -41px;
}

.i-update {
    width: 15px;
    height: 12px;
    background-position: -5px -59px;
}

.i-groups {
    width: 15px;
    height: 14px;
    background-position: -5px -76px;
}

.i-friends {
    width: 13px;
    height: 13px;
    background-position: -5px -95px;
}

.i-quote {
    width: 16px;
    height: 15px;
    background-position: -5px -113px;
}

.i-love {
    width: 13px;
    height: 13px;
    background-position: -5px -133px;
}

.i-reviews {
    width: 13px;
    height: 13px;
    background-position: -5px -151px;
}

.i-library {
    width: 13px;
    height: 12px;
    background-position: -5px -169px;
}

.i-blog {
    width: 11px;
    height: 14px;
    background-position: -5px -186px;
}

.i-logout {
    width: 12px;
    height: 13px;
    background-position: -5px -205px;
}

.i-ballance {
    width: 14px;
    height: 15px;
    background-position: -5px -223px;
}

.i-mail {
    width: 14px;
    height: 14px;
    background-position: -5px -243px;
}

.i-user {
    width: 21px;
    height: 20px;
    background-position: -5px -262px;
}

.i-pub-user {
    width: 10px;
    height: 11px;
    background-position: -5px -287px;
}

.i-comments {
    width: 12px;
    height: 10px;
    background-position: -5px -303px;
}

.i-time {
    width: 11px;
    height: 9px;
    background-position: -5px -318px;
}

.i-label {
    width: 10px;
    height: 10px;
    background-position: -5px -332px;
}

.i-disk {
    width: 11px;
    height: 9px;
    background-position: -5px -347px;
}

.i-note {
    width: 8px;
    height: 9px;
    background-position: -5px -361px;
}

.i-cart {
    width: 10px;
    height: 10px;
    background-position: -5px -375px;
}

.i-remove {
    width: 11px;
    height: 9px;
    background-position: -5px -390px;
}

.i-books {
    width: 11px;
    height: 9px;
    background-position: -5px -404px;
}

.i-review {
    width: 8px;
    height: 9px;
    background-position: -5px -418px;
}

.i-tickets {
    width: 10px;
    height: 9px;
    background-position: -5px -432px;
}

.i-note-user {
    width: 12px;
    height: 10px;
    background-position: -5px -446px;
}

.i-quotes {
    width: 12px;
    height: 10px;
    background-position: -5px -461px;
}

.i-news {
    width: 12px;
    height: 8px;
    background-position: -5px -476px;
}

.i-ba-1 {
    width: 16px;
    height: 14px;
    background-position: -30px -5px;
}

.i-ba-2 {
    width: 13px;
    height: 9px;
    background-position: -30px -24px;
}

.i-ba-3 {
    width: 15px;
    height: 10px;
    background-position: -30px -38px;
}

.i-ba-4 {
    width: 15px;
    height: 10px;
    background-position: -30px -53px;
}

.i-ba-5 {
    width: 15px;
    height: 10px;
    background-position: -30px -68px;
}

.i-ba-6 {
    width: 11px;
    height: 9px;
    background-position: -30px -83px;
}

.i-ba-7 {
    width: 10px;
    height: 9px;
    background-position: -30px -112px;
}

.i-ba-8 {
    width: 15px;
    height: 10px;
    background-position: -30px -97px;
}

.i-ba-9 {
    width: 12px;
    height: 12px;
    background-position: -30px -126px;
}

.i-ba-10 {
    width: 12px;
    height: 12px;
    background-position: -30px -240px;
}

.i-buy {
    width: 11px;
    height: 17px;
    background-position: -30px -143px;
}

.i-add_comment {
    width: 15px;
    height: 15px;
    background-position: -30px -165px;
}

.i-addtoblog {
    width: 15px;
    height: 14px;
    background-position: -30px -185px;
}

.i-addtofav {
    width: 15px;
    height: 14px;
    background-position: -30px -204px;
}

.i-star {
    width: 14px;
    height: 15px;
    background-position: -30px -223px;
}

.i-sendgift {
    width: 11px;
    height: 11px;
    background-position: -30px -257px;
}

.i-pub-user,
.i-comments,
.i-time,
.i-label,
.i-disk,
.i-remove,
.i-tickets,
.i-quotes,
.i-addtofav,
.i-star {
    top: 1px;
    margin: 0 0.2em 0 0;
}

.i-label,
.i-remove,
.i-addtoblog,
.i-note {
    top: 2px;
}

.i-star {
    top: 4px;
}

.i-add_comment {
    margin: 0 0.5em 0 0;
    top: 2px;
}

.i-read_now {
    width: 16px;
    height: 17px;
    background-position: -60px -5px;
}

.i-add_friend {
    width: 18px;
    height: 14px;
    background-position: -60px -27px;
}

.i-add_book {
    width: 17px;
    height: 16px;
    background-position: -60px -46px;
}

.i-want_book {
    width: 19px;
    height: 16px;
    background-position: -60px -67px;
}

.i-mark_smth {
    width: 16px;
    height: 14px;
    background-position: -60px -88px;
}

.i-new_review {
    width: 18px;
    height: 16px;
    background-position: -60px -107px;
}

.i-new_comment {
    width: 19px;
    height: 15px;
    background-position: -60px -147px;
}

.i-ico_my_group {
    width: 21px;
    height: 13px;
    background-position: -60px -167px;
}

.i-hide_comment {
    width: 19px;
    height: 14px;
    background-position: -60px -228px;
}

.i-message-answer {
    width: 18px;
    height: 12px;
    background-position: -30px -273px;
}

.i-message-delete {
    width: 15px;
    height: 12px;
    background-position: -30px -290px;
}

.sm-icons {
    display: inline-block;
}

.sm-icons .fa {
    font-size: 19px;
    font-size: 1.1875rem;
}

.sm-icons .fa-vk {
    color: #6f85b4;
    font-size: 23px;
    font-size: 1.4375rem;
}

.sm-icons .fa-vk:hover {
    color: #526a9e;
}

.sm-icons .fa-facebook-square {
    color: #6788ce;
}

.sm-icons .fa-facebook-square:hover {
    color: #406ac2;
}

.sm-icons .fa-twitter-square {
    color: #27c2f5;
}

.sm-icons .fa-twitter-square:hover {
    color: #0aaadf;
}

.sm-icons .fa-google-plus-square {
    color: #e75c3c;
}

.sm-icons .fa-google-plus-square:hover {
    color: #d63d1a;
}

.nav-main .fa {
    margin: 0 0.15em;
}

.nav-main {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #edf3f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #edf3f5));
    background: -webkit-linear-gradient(top, #fff 0%, #edf3f5 100%);
    background: -o-linear-gradient(top, #fff 0%, #edf3f5 100%);
    background: -ms-linear-gradient(top, #fff 0%, #edf3f5 100%);
    background: linear-gradient(to bottom, #fff 0%, #edf3f5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
    margin: 0;
    padding: 1.2em 10px 0.9em 20px;
}

@media (max-width: 992px) {
    .nav-main {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

@media (max-width: 480px) {
    .nav-main {
        display: none;
        margin: 0 0 0.7em;
        padding-top: 0.5em;
    }
}

.nav-main li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.85em 0 0;
}

.nav-main li:last-child {
    float: right;
    text-align: right;
    position: relative;
    top: -7px;
    margin: 0 0 -7px;
}

.nav-main li.link_onair {
    display: none;
}

@media (max-width: 780px) {
    .nav-main li.link_onair {
        display: inline-block;
        vertical-align: top;
    }
}

@media (max-width: 780px) {
    .nav-main li {
        width: 21.7%;
        margin-right: 0.2em;
    }
}

@media (max-width: 480px) {
    .nav-main li {
        width: 31.7%;
        padding-left: 0;
    }
}

.nav-main a {
    font-size: 14.5px;
    font-size: 0.90625rem;
    font-weight: bold;
}

@media (max-width: 992px) {
    .nav-main .sm-icons {
        display: none;
    }
}

.nav-main .fa {
    font-size: 23px;
    font-size: 1.4375rem;
}

.nav-main .fa-vk {
    font-size: 28px;
    font-size: 1.75rem;
}

.nav-480 {
    display: none;
}

.nav-480 .bm {
    display: inline-block;
    width: 170px;
    height: 48px;
    background-image: url("../images/global/logo_9m.png");
    background-size: cover;
}

.nav-480 .nav-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0.5em;
    width: 50px;
    overflow: hidden;
    height: 50px;
    background-color: transparent;
    transition: opacity .15s ease-out;
    -webkit-transition: opacity .15s ease-out;
    -moz-transition: opacity .15s ease-out;
    -ms-transition: opacity .15s ease-out;
    -o-transition: opacity .15s ease-out;
}

.nav-480 .nav-btn:hover {
    opacity: .6;
}

.nav-480 .nav-btn span,
.nav-480 .nav-btn::before,
.nav-480 .nav-btn::after {
    content: " ";
    position: absolute;
    width: 70%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
    background-color: #2b506d;
    transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
}

.nav-480 .nav-btn::before {
    top: -20px;
}

.nav-480 .nav-btn::after {
    bottom: -20px;
}

.nav-480 .nav-btn.active span,
.nav-480 .nav-btn.active::before,
.nav-480 .nav-btn.active::after {
    transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    top: 0;
    bottom: 0;
}

.nav-480 .nav-btn.active span {
    background-color: transparent;
    right: -150px;
}

.nav-480 .nav-btn.active::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.nav-480 .nav-btn.active::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.wrap-logo {
    background: url(../images/global/wrap-logo.png) right bottom no-repeat;
    height: 85px;
}

.wrap-logo .logo {
    display: inline-block;
    margin: 1.3em 0 1em 20px;
}

@media (max-width: 992px) {
    .wrap-logo .logo {
        margin-left: 0.5em;
    }
}

.wrap-logo .bglogo {
    display: inline-block;
    width: 187px;
    height: 53px;
/*    background-image: url("../images/global/logo_9m.png");*/
/*    background-image: url("../images/global/logo_ny.png");*/
    background-image: url("../images/global/logo.png");
    background-size: cover;
    margin: 1.3em 0 1em 20px;
}

@media (max-width: 992px) {
    .wrap-logo .bglogo {
        margin-left: 0.5em;
    }
}

.estimation {
    display: inline-block;
    background-image: url(../images/global/rating.gif);
    background-repeat: no-repeat;
    width: 76px;
    height: 14px;
    background-size: 76px, 14px;
    text-indent: -3000em;
}

.estimation.num0 {
    background-position: 0 1px;
}

.estimation.num05 {
    background-position: 0 -13px;
}

.estimation.num1 {
    background-position: 0 -26px;
}

.estimation.num15 {
    background-position: 0 -39px;
}

.estimation.num2 {
    background-position: 0 -53px;
}

.estimation.num25 {
    background-position: 0 -66px;
}

.estimation.num3 {
    background-position: 0 -80px;
}

.estimation.num35 {
    background-position: 0 -93px;
}

.estimation.num4 {
    background-position: 0 -106px;
}

.estimation.num45 {
    background-position: 0 -120px;
}

.estimation.num5 {
    background-position: 0 -134px;
}

.rate_est {
    background-color: #DFF3FF;
    padding: 10px 3px 10px 10px;
}

.rate_est div {
    overflow: hidden;
}

.rate_est label {
    float: left;
    width: 90px;
}

.estimation2 {
    float: left;
    margin-right: 4px;
    margin-top: 3px;
    width: 66px;
    height: 11px;
    background: url("https://i.bookmix.ru/images/est2.png") no-repeat;
    text-indent: -3000em;
    overflow: hidden;
}

.estimation2.est0 {
    background-position: 0 0;
}

.estimation2.est1 {
    background-position: 0 -22px;
}

.estimation2.est2 {
    background-position: 0 -44px;
}

.estimation2.est3 {
    background-position: 0 -66px;
}

.estimation2.est4 {
    background-position: 0 -88px;
}

.estimation2.est5 {
    background-position: 0 -110px;
}

.aside .rate_est {
    margin: 0 0 1em;
}

.content-banner {
    margin: 0 0 1em;
}

@media (max-width: 480px) {
    .content-banner {
        display: none;
    }
}

.inser_quote {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 1em 0;
    padding: 1em 0;
    border: solid #d6d6d6;
    border-width: 1px 0;
    color: #B2B261;
}

.inser_quote .quote_source {
    margin: 0.7em 0 0;
    text-align: right;
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.inser_quote .quote_source i {
    color: #898989;
}

.num_activity {
    font-size: 11.141px;
    font-size: 0.69631rem;
    margin: 0 0 0.5em;
}

.num_activity li {
    margin: 0 0 0.2em !important;
    position: relative;
    padding-left: 15px;
    width: auto !important;
}

.num_activity .sprite {
    position: absolute;
    top: 2px;
    left: 0;
}

.num_activity .sprite.i-news {
    top: 3px;
}

.num_activity .sprite.i-review {
    left: 2px;
}

.num_activity a {
    color: #898989;
}

.book_actions {
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.book_actions li,
.book_actions div {
    margin-bottom: 0.3em !important;
    position: relative;
    padding-left: 20px;
    width: auto !important;
}

.book_actions li.suitableblock,
.book_actions div.suitableblock {
    margin-top: 1em;
    padding-left: 0;
}

.book_actions li.suitableblock .suitable_header,
.book_actions div.suitableblock .suitable_header {
    display: block;
    margin: 0 0 0.5em;
}

.book_actions li.suitableblock .plus .fa,
.book_actions div.suitableblock .plus .fa {
    color: #a5d222;
}

.book_actions li.suitableblock .minus .fa,
.book_actions div.suitableblock .minus .fa {
    color: #e40000;
}

.book_actions .sprite {
    position: absolute;
    top: 2px;
    left: 0;
}

.book_actions .sprite.i-ba-7 {
    left: 2px;
}

.book_actions .sprite.i-ba-1 {
    top: -2px;
    left: -1px;
}

.book_actions .sprite.i-pub-user {
    top: 0;
}

.book_actions .sprite.i-star {
    left: -1px;
    top: 0;
}

.categories dt {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 0 0 0 19px;
    margin: 0 0 0.3em;
    position: relative;
}

.categories dt a {
    display: block;
}

.categories dt a.open,
.categories dt a.close {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 0.2em;
    left: 0;
    overflow: hidden;
    text-indent: -3000em;
}

.categories dt a.open {
    background: url("../images/global/closed.png") no-repeat;
}

.categories dt a.close {
    background: url("../images/global/opened.png") no-repeat;
}

.categories dd {
    display: none;
    padding: 0 0 0 19px;
    overflow: hidden;
}

.categories dd.active {
    display: block;
    margin: 0 0 1em;
}

.categories dd li {
    float: left;
    margin-right: 3px;
}

.rating {
    margin: 0 0 0 15px;
    padding: 0 0 0 7px;
    display: inline-block;
    vertical-align: top;
    float: right;
    border-left: 1px solid #e4e4e4;
    text-align: center;
}

.rating dt {
    font-size: 14.3px;
    font-size: 0.89375rem;
    width: 40px;
    padding: 0.9em 0;
    color: #2875b1;
    background-color: #DFF3FF;
    font-weight: bold;
    margin: 0 auto;
}

.rating.vote2 dd {
    background: #b9e146;
    background: -moz-linear-gradient(top, #b9e146 0%, #a5d222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9e146), color-stop(100%, #a5d222));
    background: -webkit-linear-gradient(top, #b9e146 0%, #a5d222 100%);
    background: -o-linear-gradient(top, #b9e146 0%, #a5d222 100%);
    background: -ms-linear-gradient(top, #b9e146 0%, #a5d222 100%);
    background: linear-gradient(to bottom, #b9e146 0%, #a5d222 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
    margin-top: 11px;
    display: inline-block;
}

.rating.vote2 dd a {
    display: block;
    padding: 2px 10px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
}

.rating.vote2 dd.numrespects {
    display: block;
    margin: 0.4em 0 0;
    background: transparent;
    background: -moz-linear-gradient(top, transparent 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, transparent 0%, transparent 100%);
    background: -o-linear-gradient(top, transparent 0%, transparent 100%);
    background: -ms-linear-gradient(top, transparent 0%, transparent 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
    font-size: 10px;
    font-size: 0.625rem;
}

.breadcrumbs {
    margin: 1em 0 2em;
}

.breadcrumbs a {
    position: relative;
    margin-right: 3px;
    padding-right: 8px;
}

.breadcrumbs a:after {
    content: "/";
    position: absolute;
    top: 0;
    right: 0;
    color: #A5B6C4;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
}

.breadcrumbs a:last-child:after {
    display: none;
}

.tabs {
    margin: 2em 0 0;
    border-bottom: 2px solid #00b3e4;
}

@media (max-width: 780px) {
    .tabs {
        background-color: #DFF3FF;
    }
}

.tabs li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0 !important;
}

.tabs li.current a,
.tabs li a:hover {
    background: #d0edff;
    background: -moz-linear-gradient(top, #d0edff 0%, #00b3e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0edff), color-stop(100%, #00b3e4));
    background: -webkit-linear-gradient(top, #d0edff 0%, #00b3e4 100%);
    background: -o-linear-gradient(top, #d0edff 0%, #00b3e4 100%);
    background: -ms-linear-gradient(top, #d0edff 0%, #00b3e4 100%);
    background: linear-gradient(to bottom, #d0edff 0%, #00b3e4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
}

.tabs li.current a {
    color: #fff;
}

.tabs a {
    display: block;
    padding: 8px 5px 7px;
    font-size: 13px;
    font-size: 0.78rem;
    background: #DFF3FF;
    font-weight: bold;
    text-decoration: none;
}

.allocate {
    *zoom: 1;
    font-size: 11.141px;
    font-size: 0.69631rem;
    margin: 0 0 1.5em;
    padding: 10px;
}

.allocate:before,
.allocate:after {
    display: table;
    line-height: 0;
    content: "";
}

.allocate:after {
    clear: both;
}

.allocate.gray {
    background-color: #f1f1f1;
}

.allocate .average-mark {
    float: right;
    margin: 0.2em 0 0;
}

@media (max-width: 600px) {
    .allocate .average-mark {
        float: none;
        margin: 0 0 1em;
    }
}

.filterblock {
    overflow: hidden;
    margin: 0 0 1.5em;
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.filterblock label,
.filterblock a {
    display: inline-block;
    vertical-align: middle;
}

.filterblock a {
    padding: 0.3em 0.3em 0.4em;
    margin-right: 0.5em;
    text-decoration: none;
    font-weight: bold;
}

.filterblock a.active {
    background-color: #ace0ff;
}

.filterblock a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: dotted 1px #009bc5;
}

.allocate .filterblock {
    margin: 0;
}

.tab-content {
    margin: 20px 0;
}

.entry_meta {
    font-size: 11.141px;
    font-size: 0.69631rem;
    margin: 0.2em 0 0;
    color: #898989;
}

.entry_meta.owntags {
    margin-bottom: 0.7em;
}

.entry_meta span {
    display: inline-block;
    margin: 0 0.5em 0.3em 0;
}

.entry_meta span[datatype="selections"],
.entry_meta span[datatype="selections"] span {
    display: inline;
}

.entry_meta span[datatype="selections"] a {
    color: #898989;
}

.entry_meta p {
    margin: 0 0 0.3em;
}

.entry_meta strong {
    font-size: 13px;
    font-size: 0.8125rem;
}

.entry_meta .estimation {
    position: relative;
    top: 2px;
}

.entry_meta a {
    color: #898989;
}

.entry_meta .readstatus {
    margin-left: 12px;
}

.entry_meta .readstatus strong {
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.entry_meta .owntagsform {
    display: inline-block;
    vertical-align: top;
}

.authors {
    font-size: 11.141px;
    font-size: 0.69631rem;
    color: #898989;
}

.authors {
    margin: 0 0 0.7em;
}

.authors strong,
.authors span {
    display: inline-block;
}

.authors span[datatype="selections"],
.authors span[datatype="selections"] span {
    display: inline;
}

.authors span[datatype="selections"] a {
    color: #898989;
}

.authors a[datatype="prices"] strong {
    display: inline;
}

.bookquotes {
    margin: 0;
}

.bookquotes li {
    margin: 0 0 1.5em;
}

.bookquotes li:last-child {
    margin-bottom: 1em;
}

.bookquotes p {
    margin: 0.2em 0 0.5em;
    font-style: italic;
}

.bestread-item {
    display: inline-block;
    vertical-align: top;
    width: 24.3%;
    padding-right: 10px;
    margin: 0 0 1em;
}

@media (max-width: 600px) {
    .bestread-item {
        width: 100%;
    }
}

.bestread-item h4 {
    font-size: 11.141px;
    font-size: 0.69631rem;
    color: #898989;
}

.bestread-item h3 {
    font-weight: bold;
    margin: 0 0 0.7em;
}

.bestread-item .thumb {
    max-height: 100px;
    overflow: hidden;
    margin: 0 0 0.5em;
}

@media (max-width: 600px) {
    .bestread-item .thumb {
        float: left;
        width: 50px;
        max-height: none;
        margin-right: 5px;
    }
}

@media (max-width: 600px) {
    .bestread-item .inner {
        overflow: hidden;
    }
}

.addto li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1em 0 0;
}

.coverpreview {
    display: none;
    padding: 5px;
    background-color: #f5f5f2;
    border: solid 1px #898989;
    width: 200px;
    position: absolute;
    z-index: 1000;
    text-align: center;
}

.book_attr {
    font-size: 11.141px;
    font-size: 0.69631rem;
    color: #898989;
    margin: 0 0 0.4em;
}

.book_attr.author {
    margin: 0 0 0.7em;
}

.book_attr strong,
.book_attr span {
    display: inline-block;
}

.book_attr [datatype="selections"],
.book_attr [datatype="selections"] span,
.book_attr [datatype="selections"] strong {
    display: inline;
}

.book_attr [datatype="selections"] a,
.book_attr [datatype="selections"] span {
    color: #898989;
}

.poll {
    *zoom: 1;
    padding: 10px;
    margin: 0.5em 0 1em;
    overflow: hidden;
}

.poll:before,
.poll:after {
    display: table;
    line-height: 0;
    content: "";
}

.poll:after {
    clear: both;
}

.poll h4 {
    color: #15599d;
}

.poll ul {
    margin: 0;
}

.poll li {
    margin: 0 0 1em;
}

.poll .variants span {
    color: #15599d;
    cursor: pointer;
}

.poll .variants dfn {
    border-bottom: 1px dashed #15599d;
}

.poll .variants dfn:hover {
    border: none;
}

.poll .form-control .control_label {
    width: 160px;
}

@media (max-width: 600px) {
    .poll .form-control .control_label {
        float: none;
        width: 100%;
        text-align: left;
        margin: 0 0 0.3em;
    }
}

.poll .results .count {
    color: #ff8e1d;
}

.poll .results .graph {
    height: 4px;
    margin: 2px 0 -5px;
    min-width: 1%;
    font-size: 0;
    line-height: 0;
    background-color: #aeaeae;
}

.poll .results .graph.most {
    background-color: #00c3f8;
}

.poll .answer_list {
    margin: 0 0 1em;
}

.poll .answer_list li {
    *zoom: 1;
}

.poll .answer_list li:before,
.poll .answer_list li:after {
    display: table;
    line-height: 0;
    content: "";
}

.poll .answer_list li:after {
    clear: both;
}

.poll .answer_list li:last-child {
    margin-bottom: 0;
}

.poll .answer_list input[type="text"] {
    float: left;
    width: 80% !important;
    margin-right: 10px;
}

.poll .answer_list .buttons_panel .button {
    padding-left: 7px;
    padding-right: 7px;
    width: 20px;
}

.widgets_like .widget_like_item {
    display: inline-block;
    vertical-align: top;
}

.pagination {
    *zoom: 1;
    margin: 1em 0 2em;
}

.pagination:before,
.pagination:after {
    display: table;
    line-height: 0;
    content: "";
}

.pagination:after {
    clear: both;
}


/**
 * Blocks
 */

.bookblockshort {
    *zoom: 1;
    margin: 0 0 1em;
}

.bookblockshort:before,
.bookblockshort:after {
    display: table;
    line-height: 0;
    content: "";
}

.bookblockshort:after {
    clear: both;
}

.bookblockshort .thumb {
    float: left;
    width: 50px;
    margin-bottom: 0.5em;
    margin-right: 10px;
}

.bookblockshort .inner {
    overflow: hidden;
}

.bookblockshort .buy-block,
.bookblockshort .c {
    display: inline-block;
    vertical-align: top;
}

.bookblockshort .buy-block {
    width: 33.7%;
}

@media (max-width: 600px) {
    .bookblockshort .buy-block {
        display: block;
        width: 100%;
        overflow: hidden;
    }
}

.bookblockshort .c {
    width: 38%;
    margin-right: 10px;
}

@media (max-width: 600px) {
    .bookblockshort .c {
        width: 70%;
    }
}

.bookblockshort .book_activity {
    float: right;
    width: 25%;
    padding: 5px 0 0 10px;
}

@media (max-width: 600px) {
    .bookblockshort .book_activity {
        display: block;
        width: 100%;
        padding-left: 0;
    }
}

.bookblock,
.lead_book {
    *zoom: 1;
}

.bookblock:before,
.lead_book:before,
.bookblock:after,
.lead_book:after {
    display: table;
    line-height: 0;
    content: "";
}

.bookblock:after,
.lead_book:after {
    clear: both;
}

.bookblock .thumb,
.lead_book .thumb {
    float: left;
    margin: 0 10px 10px 0;
    max-width: 200px;
}

@media (max-width: 979px) {
    .bookblock .thumb,
    .lead_book .thumb {
        max-width: 150px;
    }
}

@media (max-width: 600px) {
    .bookblock .thumb,
    .lead_book .thumb {
        max-width: 40%;
        margin: 0;
    }
}

@media (max-width: 480px) {
    .bookblock .thumb,
    .lead_book .thumb {
        max-width: 20%;
    }
}

.bookblock .start-read,
.lead_book .start-read {
    padding: 0.8em 0;
    background-color: #105CB6;
    text-align: center;
}

.bookblock .start-read a,
.lead_book .start-read a {
    color: #fff;
    font-weight: bold;
}

.bookblock h3,
.lead_book h3,
.bookblock .attr-book p,
.lead_book .attr-book p {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #5c7284;
    margin: 0 0 0.5em;
}

.bookblock .attr-book,
.lead_book .attr-book {
    margin-top: 1em;
}

.bookblock h3,
.lead_book h3,
.bookblock .book_attr p,
.lead_book .book_attr p {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #5c7284;
    margin: 0 0 0.5em;
}

.bookblock .inner,
.lead_book .inner {
    overflow: visible;
}

@media (max-width: 600px) {
    .bookblock .inner,
    .lead_book .inner {
        overflow: hidden;
        width: 100%;
    }
}

.bookblock .entry_meta,
.lead_book .entry_meta {
    overflow: hidden;
    position: relative;
    padding-left: 14px;
    margin: 0 0 1em;
}

.bookblock .entry_meta .i-label,
.lead_book .entry_meta .i-label {
    position: absolute;
    top: 2px;
    left: 0px;
}

@media (max-width: 600px) {
    .bookblock .aside,
    .lead_book .aside {
        width: 57%;
    }
}

@media (max-width: 480px) {
    .bookblock .aside,
    .lead_book .aside {
        width: 75%;
    }
}

.bookblock .fast-target,
.lead_book .fast-target {
    overflow: hidden;
    width: auto;
    margin-top: 10px;
    padding: 10px 20px 5px;
    background-color: #f1f1f1;
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
}

.bookblock .fast-target a,
.lead_book .fast-target a {
    display: inline-block;
    vertical-align: top;
    margin: 0 27px 0.5em 0;
    text-decoration: none;
    border-bottom: dotted 1px #79B1D4;
    position: relative;
}

.bookblock .fast-target a:before,
.lead_book .fast-target a:before {
    content: "\2014";
    position: absolute;
    top: 0;
    left: -16px;
    color: #333;
}

.buy-block {
    background: #F5F5F2;
    padding: 8px 10px 13px;
}

.buy-block.s,
.buy-block.s h4 {
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.buy-block h4 {
    color: #15599d;
}

.buy-block table {
    margin: 0 0 7px;
}

.buy-block td {
    padding: 0 5px 2px 0;
}

.buy-block td:nth-child(-n+2) a {
    color: #898989;
}

.buy-block .i-buy {
    margin: 0 0.4em 0 0.3em;
    top: 2px;
}

.books-compact-view {
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.books-compact-view li {
    *zoom: 1;
    margin: 0 0 1em;
}

.books-compact-view li:before,
.books-compact-view li:after {
    display: table;
    line-height: 0;
    content: "";
}

.books-compact-view li:after {
    clear: both;
}

.books-compact-view a {
    color: #898989;
}

.books-compact-view h4 a,
.books-compact-view .prices a,
.books-compact-view .author a,
.books-compact-view .book-name a {
    color: #15599d;
}

.books-compact-view .thumb,
.books-compact-view .c {
    display: inline-block;
    vertical-align: top;
}

.books-compact-view .thumb {
    width: 50px;
    margin-bottom: 0.5em;
    margin-right: 5px;
}

@media (max-width: 992px) {
    .books-compact-view .thumb {
        float: left;
        margin-right: 9px;
    }
}

@media (max-width: 600px) {
    .books-compact-view .thumb {
        width: 35px;
    }
}

@media (max-width: 480px) {
    .books-compact-view .thumb {
        width: 50px;
    }
}

.books-compact-view .c {
    width: 42%;
    margin-right: 0.5em;
}

@media (max-width: 480px) {
    .books-compact-view .c {
        width: 40%;
    }
}

.books-compact-view p {
    margin-bottom: 0.3em;
}

.books-compact-view p.author {
    margin-bottom: 0.5em;
}

.books-compact-view .r {
    display: inline-block;
    vertical-align: top;
    width: 36%;
    border-left: 1px solid #e4e4e4;
    padding: 1em 0 1em 7px;
    color: #15599d;
}

.books-compact-view .estimation {
    margin: 0 0 7px;
}

.books-compact-view .prices .fa-rub {
    font-size: 113%;
    position: relative;
    top: 2px;
    color: #15599d;
}

.books-compact-view .prices p {
    margin: 0;
}

@media (max-width: 992px) {
    .books-compact-view .prices p {
        display: inline-block;
    }
}

@media (max-width: 780px) {
    .books-compact-view li {
        display: inline-block;
        vertical-align: top;
        width: 49%;
    }
}

@media (max-width: 480px) {
    .books-compact-view li {
        display: block;
        width: auto;
    }
}

.books-compact-view.float .thumb {
    float: left;
    margin-right: 9px;
}

.books-compact-view.float .inner {
    overflow: hidden;
    padding-right: 0.7em;
}

.books-compact-view.small h4 {
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.books-compact-view.quote p {
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 0 0 0.6em;
}

.books-compact-view.quote .book_attr.authors {
    margin: 0 0 0.9em;
}

.books-compact-view.quote .book_attr.authors,
.books-compact-view.quote .book_attr.authors a {
    color: #15599d;
}

.books-compact-view.otherbooks h4 {
    color: #153e5e;
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.books-compact-view.otherbooks .thumb {
    float: left;
}

.books-compact-view.otherbooks .c {
    display: block;
    width: auto;
    overflow: hidden;
}

.books-compact-view.otherbooks .attr_book {
    margin: 0 0 0.6em;
}

.coll .books-compact-view li {
    width: auto;
}

#sidebar .r {
    width: 27%;
}

.addreviewblock {
    padding: 10px;
    background-color: #f1f1f1;
}

.addreviewblock form.add_comment {
    *zoom: 1;
    margin: 15px 0 0;
    padding: 10px;
    background-color: #fff;
}

.addreviewblock form.add_comment:before,
.addreviewblock form.add_comment:after {
    display: table;
    line-height: 0;
    content: "";
}

.addreviewblock form.add_comment:after {
    clear: both;
}

.addreviewblock form.add_comment label {
    font-weight: bold;
}

.addreviewblock form.add_comment input[type="text"],
.addreviewblock form.add_comment textarea {
    display: block;
    width: 85%;
    margin: 7px 0 10px;
}

.addreviewblock form.add_comment textarea {
    height: 280px;
}

.addreviewblock form.add_comment .your_est label,
.addreviewblock form.add_comment .your_est div {
    display: inline-block;
    vertical-align: top;
}

.addreviewblock form.add_comment .your_est label {
    margin: 0 10px 0 0;
    position: relative;
    top: 2px;
}

.addreviewblock .review_rules {
    margin: 1em 0 1.5em;
    font-size: 11.141px;
    font-size: 0.69631rem;
    color: #898989;
}

.addreviewblock .review_rules strong,
.addreviewblock .review_rules label {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #333;
}

.addreviewblock .review_rules label {
    font-weight: normal !important;
}

.addreviewblock .review_rules h3 {
    margin: 0.5em 0;
}

.bookquotes .widgets_like {
    margin: 0.5em 0 0;
}

.link-sendgift {
    text-decoration: none;
    background: #DFF3FF;
    display: block;
    margin: 1.5em 0;
    padding: 0.35em 0;
    font-weight: bold;
    text-align: center;
}

.gifts {
    text-align: center;
}

.gifts a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px;
}

.gifts img {
    width: 45px;
}

.gifts.tab-content {
    text-align: left;
}

.gifts.tab-content img {
    width: 100px;
}

.send_gifts .send_gifts-item {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 150px;
    text-align: center;
}

.send_gifts .send_gifts-item h4 {
    font-size: 11.141px;
    font-size: 0.69631rem;
    font-weight: normal;
    margin: 0.7em 0 0;
}

.awards a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px;
}

.awards img {
    width: 45px;
}

.awards.tab-content img {
    width: 100px;
}

.bookshelfblock {
    position: relative;
    margin: 0.5em 0 0;
}

.bookshelfblock h5 {
    margin-top: 0;
}

.bookshelfblock p {
    margin: 0.5em 0 0;
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.bookshelfblock .coverpreview {
    bottom: 5px;
}

@media (max-width: 780px) {
    .bookshelfblock .coverpreview {
        left: 50% !important;
        margin-left: -100px !important;
    }
}

.bookshelf {
    width: 676px;
    height: 108px;
    background: url("https://i.bookmix.ru/images/bg_bookshelf.jpg");
    position: relative;
}

@media (max-width: 780px) {
    .bookshelf {
        width: auto;
        height: auto;
        background: none;
    }
}

.bookshelf.short {
    width: 414px;
    height: 110px;
    background: url("https://i.bookmix.ru/images/bg_bookshelf_short.jpg");
}

.bookshelf .bookshelf-item {
    position: absolute;
    bottom: 10px;
}

@media (max-width: 780px) {
    .bookshelf .bookshelf-item {
        position: relative;
        display: inline-block;
        left: auto !important;
        bottom: auto;
        margin: 0 10px 10px 0;
    }
}

.bookshelf .bookshelf-item::after {
    content: "";
    width: 5px;
    height: 69px;
    position: absolute;
    right: -5px;
    bottom: 0;
    background: url("https://i.bookmix.ru/images/bg_bookshelf_shadow.png");
}

@media (max-width: 780px) {
    .bookshelf .bookshelf-item::after {
        display: none;
    }
}

.bookshelf .bookshelf-item img {
    width: 50px;
}

.user-block {
    *zoom: 1;
    margin: 1.5em 0 0;
}

.user-block:before,
.user-block:after {
    display: table;
    line-height: 0;
    content: "";
}

.user-block:after {
    clear: both;
}

.user-block .thumb {
    width: 150px;
    float: left;
}

.user-block .reading_status {
    margin: 0 0 1em;
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.user-block .reading_status,
.user-block .reading_status a {
    color: #898989;
}

.user-block .user_info p {
    margin: 0 0 0.3em;
}

.user-block h2 {
    color: #153e5e;
}

.user-block #statusform .form-default {
    margin: 0.5em 0 0;
}

.user-block #statusform .input_group {
    margin: 0 0 0.2em;
}

.user-block .change_photo {
    font-size: 11.141px;
    font-size: 0.69631rem;
    margin: 10px 0 0;
}

.waitingbooks-block .waitingbooks-block-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 10px;
}

.waitingbooks-block .waitingbooks-block-item a {
    display: block;
}

.waitingbooks-block .waitingbooks-block-item a img {
    width: 50px;
}

.waitingbooks-block .waitingbooks-block-item .coverpreview {
    left: 60px;
    bottom: -80px;
}

.news-block h3 {
    color: #ff8d1e;
    font-weight: bold;
    margin-top: 0;
}

.news-block .thumb {
    width: 150px;
    float: left;
    margin: 0 10px 10px 0;
}

.ebooksreaderscatalog-block .coll-content a {
    font-size: 17px;
    font-size: 1.0625rem;
    color: #333;
    border-bottom: 1px dotted;
}

.ebooksreaderscatalog-block .coll-content a:hover {
    color: #B80063;
    border: none;
}

.aside {
    float: right;
    width: 220px;
    position: relative;
    display: inline;
    font-size: 13px;
    margin-left: 10px;
}

.bestnotes .thumb {
    width: 100% !important;
    max-height: 100px;
    margin-right: 0;
    overflow: hidden;
}

.bestnotes .inner {
    font-size: 13px;
    font-size: 0.8125rem;
}

.table-messages {
    background-color: #fff;
    margin: 1.5em 0 0;
}

.table-messages th,
.table-messages td {
    padding: 10px;
    vertical-align: top;
}

.table-messages th:nth-child(1),
.table-messages td:nth-child(1) {
    width: 20px;
}

.table-messages th:nth-child(2),
.table-messages td:nth-child(2) {
    width: 70px;
}

@media (max-width: 600px) {
    .table-messages th:nth-child(2),
    .table-messages td:nth-child(2) {
        display: none;
    }
}

.table-messages th:nth-child(3),
.table-messages td:nth-child(3) {
    width: 100px;
}

.table-messages th:last-child,
.table-messages td:last-child {
    width: 90px;
}

@media (max-width: 600px) {
    .table-messages thead {
        display: none;
    }
    .table-messages tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 1px solid #f1f1f1;
        position: relative;
    }
    .table-messages tr:last-child {
        border: none;
    }
    .table-messages td {
        display: block;
    }
    .table-messages td:nth-child(1) {
        position: absolute;
        top: 0;
        left: 0;
    }
    .table-messages td:nth-child(3),
    .table-messages td:nth-child(4),
    .table-messages td:last-child {
        width: 100%;
        padding-left: 30px;
    }
}

.table-messages th {
    border-bottom: 1px solid #e4e4e4;
    background: #DFF3FF;
    font-weight: bold;
    vertical-align: middle;
}

.table-messages .fn {
    color: #5C7284;
}

.table-messages .date {
    margin: 5px 0 0;
}

.table-messages h5 {
    margin: 0 0 5px;
}

.table-messages .thumb {
    width: 50px;
}

.table-messages p {
    margin: 0;
}

.message-actions {
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.message-actions li {
    position: relative;
    padding-left: 20px;
    margin: 0 0 10px;
}

@media (max-width: 600px) {
    .message-actions li {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }
}

.message-actions .sprite {
    position: absolute;
    top: 2px;
    left: 0;
}

.message-actions .sprite.i-message-answer {
    left: -3px;
}

@media (max-width: 600px) {
    .groupblock .thumb {
        float: none;
        width: 100%;
        max-width: none;
        margin: 0 0 1em;
    }
    .groupblock .thumb img,
    .groupblock .thumb .personal_study_sections {
        display: inline-block;
        vertical-align: top;
    }
    .groupblock .thumb img {
        width: 150px;
        margin-right: 10px;
    }
}

@media (max-width: 480px) {
    .groupblock .thumb img {
        width: 20%;
    }
}

.bestpriceblock {
    border: 1px solid #e4e4e4;
    text-align: center;
    padding: 10px 0 20px;
}

.bestpriceblock p {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 10px 0 10px 0;
}

.bestpriceblock .buybutton {
    background: #ffc219;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(191, 153, 0, 0.8);
    padding: 8px 70px 8px 70px;
    color: #000 !important;
    font-size: 18px;
    font-size: 1.125rem;
}


/**
 * Lists
 */

.books_list {
    *zoom: 1;
}

.books_list:before,
.books_list:after {
    display: table;
    line-height: 0;
    content: "";
}

.books_list:after {
    clear: both;
}

.books_list li {
    *zoom: 1;
    margin-bottom: 1.5em;
    position: relative;
}

.books_list li:before,
.books_list li:after {
    display: table;
    line-height: 0;
    content: "";
}

.books_list li:after {
    clear: both;
}

.books_list .thumb {
    float: left;
    max-height: 150px;
    overflow: hidden;
    text-align: center;
    width: 150px;
    margin-right: 10px;
}

@media (max-width: 780px) {
    .books_list .thumb {
        max-height: 120px;
        /* width: 120px;*/
    }
}

.books_list .thumb.s {
    width: 50px;
}

.books_list .isonline {
    color: #898989;
    font-size: 10px;
    font-size: 0.625rem;
}

.books_list .full_text {
    margin: 0.5em 0 1em;
}

.books_list .inner,
.books_list .inner h4,
.books_list .inner p,
.books_list .inner .full_text,
.books_list .inner .c {
    overflow: hidden;
}

.books_list.notes .thumb {
    max-height: 120px;
}

.books_list .r {
    float: right;
    font-size: 11.141px;
    font-size: 0.69631rem;
    border-left: 1px solid #e4e4e4;
    padding-left: 10px;
    margin-left: 10px;
}

.books_list .fa {
    color: #a5d222;
    font-size: 18px;
    font-size: 1.125rem;
}

.books_list .book_actions {
    margin: 0 0 1em;
}

.books_list h1 {
    margin: 0 0 0.5em;
}

.books_list .owndescformblock {
    margin: 0.2em 0 0;
}

.books_list .owndescformblock textarea {
    width: 80%;
    height: 40px;
    display: block;
}

.comments {
    margin: 1em 0 0;
}

.comments li {
    margin: 0 0 1.5em;
}

.comments li:last-child {
    margin-bottom: 1em;
}

.comments .reply {
    display: inline-block;
    margin: 7px 0 0;
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.comments textarea {
    margin: 0 0 0.5em;
}

.comments .review-full-text {
    margin: 0.5em 0 0.2em;
}

.comments .comment-text {
    margin: 0.5em 0 0.2em;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #333;
    overflow: hidden;
}

.comments .downtochild {
    display: none;
    position: relative;
    top: 1px;
}

.tags li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5em 0.5em 0;
}

.tags .fs20 {
    font-size: 20px;
    font-size: 1.25rem;
}

.bookquotes .tags {
    border: solid #e4e4e4;
    border-width: 1px 0;
    margin: 1.5em 0;
    padding-top: 0.7em;
}

.booksreviews-item {
    margin: 0 0 1.5em;
}

.booksreviews-item h2 {
    margin: 0 0 0.5em;
}

.booksreviews-item .review-full-text {
    margin: 0.5em 0 1em;
}

.groups_list li {
    margin: 0 0 1em;
}

.members_list li {
    *zoom: 1;
    margin: 0 0 0.5em;
}

.members_list li:before,
.members_list li:after {
    display: table;
    line-height: 0;
    content: "";
}

.members_list li:after {
    clear: both;
}

.members_list .thumb {
    width: 50px;
    float: left;
    margin-right: 10px;
}

.members_list .num_activity {
    overflow: hidden;
}

.members_list .rating {
    border: none;
}

.coll .members_list {
    width: 90%;
}

.users_list .rating {
    float: none;
    display: block;
    border: none;
    padding-left: 0;
    margin: 0 auto 1em;
    position: relative;
    left: -10px;
}

.users_list .c .num_activity {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.users_list .c .num_activity.b {
    width: 40%;
    overflow: hidden;
}

.last_activity .time_update,
.last_activity .what_happened {
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.last_activity .time_update {
    color: #898989;
    font-weight: bold;
    padding: 0 0 0.5em;
    margin: 0 0 1.2em;
}

.last_activity .what_happened {
    position: relative;
    padding-left: 25px;
    margin: 0 0 0.7em;
}

.last_activity .what_happened,
.last_activity .what_happened a {
    color: #898989;
}

.last_activity .what_happened .sprite {
    position: absolute;
    top: -2px;
    left: 0;
}

.last_activity .comment-text,
.last_activity .books_list {
    margin-bottom: 0.5em;
}

.on-air-tabs {
    margin: 0 0 1em;
    *zoom: 1;
}

.on-air-tabs:before,
.on-air-tabs:after {
    display: table;
    line-height: 0;
    content: "";
}

.on-air-tabs:after {
    clear: both;
}

.on-air-tabs div {
    float: left;
    padding: 0.3em;
}

.on-air-tabs a {
    font-size: 11.141px;
    font-size: 0.69631rem;
    text-decoration: none;
    border-bottom: dotted 1px #009bc5;
    font-weight: bold;
}

@media (max-width: 780px) {
    .on-air-tabs a {
        font-size: 13px;
        font-size: 0.8125rem;
    }
}

.onair-list,
.onair-list a {
    color: #898989;
}

.onair-list a {
    font-size: 13px;
    font-size: 0.8125rem;
}

.onair-list li {
    margin: 0 0 0.7em;
}

.content .onair-list .i-pub-user {
    margin-right: 0.4em;
}


/**
 * Forms
 */

.form-default {
    margin: 1.5em 0;
}

.form-default label,
.form-default input[type="text"],
.form-default input[type="password"] {
    display: inline-block;
    vertical-align: top;
}

.form-default label {
    text-align: right;
    padding: 0.2em 1em 0 0;
}

.form-default .helper {
    color: #898989;
}

.form-default p.info {
    margin: 0.3em 0 0;
}

.form-default .info.helper {
    font-size: 11.141px;
    font-size: 0.69631rem;
}

.form-default .infow,
.form-default .infow .fa {
    color: #e40000;
}

.form-default .form-control {
    padding: 0.5em 0;
    overflow: hidden;
}

.form-default .form-control.submit {
    padding: 1.5em 0 1em;
    text-align: right;
}

.form-default .control_label {
    float: left;
    width: 170px;
    text-align: right;
}

@media (max-width: 600px) {
    .form-default .control_label {
        width: 30%;
    }
    .form-default .control_label .helper {
        display: none;
    }
}

@media (max-width: 480px) {
    .form-default .control_label {
        float: none;
        width: auto;
        text-align: left;
        margin: 0 0 0.3em;
    }
}

.form-default .control_label.required label::before {
    content: "* ";
    color: #ff8d1e;
    position: relative;
    top: -2px;
    right: 3px;
    left: 1px;
}

.form-default .form-control label {
    position: relative;
}

.form-default .input_group {
    overflow: hidden;
}

.form-default .input_group input[type="text"],
.form-default .input_group input[type="password"],
.form-default .input_group select,
.form-default .input_group textarea {
    width: 100%;
}

.form-default .input_group textarea {
    height: 80px;
}

.form-default.bg-lightblue {
    padding: 25px 20px;
}

.form-default.bg-lightblue h3 {
    margin-top: 0;
}

.form-default.align-left .control_label,
.form-default.align-left label {
    text-align: left;
}

.form-default.single-label label {
    margin: 0 0 0.3em;
}

.search-form {
    display: inline-block;
    background: #00c3f8;
    background: -moz-linear-gradient(left, #00c3f8 0%, #009bc5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00c3f8), color-stop(100%, #009bc5));
    background: -webkit-linear-gradient(left, #00c3f8 0%, #009bc5 100%);
    background: -o-linear-gradient(left, #00c3f8 0%, #009bc5 100%);
    background: -ms-linear-gradient(left, #00c3f8 0%, #009bc5 100%);
    background: linear-gradient(to right, #00c3f8 0%, #009bc5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color', GradientType=1);
    float: right;
    width: 65%;
    margin: 20px 0 0;
    padding: 8px 9px;
}

.search-form input[type="text"],
.search-form .styled-select,
.search-form button {
    display: inline-block;
    vertical-align: middle;
    font-size: 14.5px;
    font-size: 0.90625rem;
    margin-right: 7px;
}

.search-form input[type="text"],
.search-form select {
    border: none;
    -webkit-box-shadow: inset 0 2px 1px #EDEDF0;
    -moz-box-shadow: inset 0 2px 1px #EDEDF0;
    -ms-box-shadow: inset 0 2px 1px #EDEDF0;
    -o-box-shadow: inset 0 2px 1px #EDEDF0;
    box-shadow: inset 0 2px 1px #EDEDF0;
    font-size: 13px;
    font-size: 0.8125rem;
}

@media (max-width: 780px) {
    .search-form select {
        padding-left: 2px;
    }
}

.search-form input[type="text"] {
    width: 70%;
}

@media (max-width: 979px) {
    .search-form input[type="text"] {
        width: 48%;
    }
}

.search-form .filterblock {
    margin: 0.5em 0;
}

.search-form .filterblock a {
    margin-right: 0.2em;
    padding: 0.2em 0.1em;
}

.extended-search {
    margin: 0 0 1.5em;
    *zoom: 1;
}

.extended-search:before,
.extended-search:after {
    display: table;
    line-height: 0;
    content: "";
}

.extended-search:after {
    clear: both;
}

.extended-search,
.extended-search .search-form {
    background: #f1f1f1;
}

.extended-search .search-form {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 10px;
}

.extended-search input[type="text"] {
    width: 85%;
}

@media (max-width: 600px) {
    .extended-search .styled-select {
        width: 100% !important;
    }
}

.extended-search .help {
    font-size: 11.141px;
    font-size: 0.69631rem;
    margin: 0 0 1em;
    padding: 0 10px;
}

.extended-search .form-group {
    overflow: hidden;
}

.extended-search .input_group,
.extended-search .input_group label,
.extended-search .input_group .styled-select {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 600px) {
    .extended-search .input_group {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0 0 0.5em;
    }
    .extended-search .input_group label,
    .extended-search .input_group .styled-select {
        display: table-cell;
        vertical-align: middle;
    }
    .extended-search .input_group label {
        width: 85px;
    }
}

.extended-search .input_group_checkbox {
    display: inline-block;
    vertical-align: middle;
}

.extended-search .form-control {
    overflow: hidden;
    margin: 0 0 0.5em;
}

.extended-search .form-control.simple {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.extended-search .form-control.simple .l,
.extended-search .form-control.simple .r {
    display: table-cell;
    vertical-align: top;
}

.extended-search .form-control.simple .r {
    width: 82px;
    text-align: right;
}

@media (max-width: 600px) {
    .extended-search .form-control.simple .r {
        width: 36px;
    }
}

.extended-search .form-control.simple .l input[type="text"] {
    width: 100%;
}

.extended-search .form-control.simple .button-search {
    display: none;
}

.extended-search .link_add_quote {
    float: right;
}

@media (max-width: 600px) {
    .extended-search .link_add_quote {
        float: none;
        margin-top: 0.5em;
    }
}

.styled-select {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #fff;
}

.styled-select select {
    padding-right: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent url("../images/global/smart_arrow.png") no-repeat scroll 96% center;
    cursor: pointer;
    color: #898989;
}

@media (max-width: 600px) {
    .styled-select select {
        width: 100% !important;
    }
}

.form-add_comment textarea {
    width: 100%;
    height: 70px;
}

.form-user {
    width: 90%;
}

@media (max-width: 600px) {
    .form-user {
        width: 100%;
    }
}

.form-user select.birthday_day {
    width: 40px;
}

.form-user select.birthday_mount {
    width: 85px;
}

.form-user input[type="text"].birthday_year {
    width: 50px;
}

.form-user .input_group input[type="radio"] {
    margin: 0px 0 3px 2px;
}

.form-user.changepass {
    width: 60%;
}

.form-user label[for="field_agree"] {
    text-align: left;
}

.form-authors .abc {
    padding: 10px 10px 5px;
}

.form-authors .search-form input[type="text"] {
    width: 50%;
}

.form-books .search-form input[type="text"] {
    width: 60%;
}


/**
 * Modal Windows
 */

.modal-default {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 400px;
    padding: 25px 30px;
    margin-left: -200px;
    background: #C6C6C6;
    display: none;
    border: 1px solid #CECECE;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #fff 0%, #f1f1f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$start-color', endColorstr='$end-color', GradientType=0);
}

@media (max-width: 480px) {
    .modal-default {
        width: auto;
        padding: 15px;
        margin: 0;
        left: 5px;
        right: 5px;
    }
}

.modal-default.fixed {
    position: fixed;
    top: 30%;
}

.modal-default h2 {
    color: #a5d222;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.modal-default #close {
    position: absolute;
    right: 29px;
    bottom: 17px;
    font-size: 11.141px;
    font-size: 0.69631rem;
    background: url("https://i.bookmix.ru/images/close.gif") no-repeat right 3px;
    padding: 2px 23px 2px 0;
}

@media (max-width: 480px) {
    .modal-default #close {
        right: 15px;
        bottom: 10px;
    }
}

.modal-default .form-default {
    margin: 0 0 25px;
}

.modal-default .form-default .form-control.submit {
    padding: 0.5em 0 0;
}

.modal-default .form-default .control_label.no-float {
    float: none;
    width: auto;
    margin: 0 0 0.5em;
    text-align: left;
}

.modal-default .helper,
.modal-default .helper a {
    font-size: 11.141px;
    font-size: 0.69631rem;
    color: #898989;
}

.window-auth {
    top: 10%;
}

.window-auth .form-default {
    margin: 0 0 10px;
}

.window-auth .form-default .control_label {
    width: 100px;
}

.modal-setasread {
    font-size: 11.141px;
    font-size: 0.69631rem;
}

@media (max-width: 600px) {
    .modal-setasread.fixed {
        top: 10%;
    }
}

.modal-setasread h4 {
    margin-top: 0;
    font-size: 13px;
    font-size: 0.8125rem;
}

.modal-setasread .response-readbook {
    *zoom: 1;
    margin: 0 0 0.5em;
}

.modal-setasread .response-readbook:before,
.modal-setasread .response-readbook:after {
    display: table;
    line-height: 0;
    content: "";
}

.modal-setasread .response-readbook:after {
    clear: both;
}

.modal-setasread .response-readbook label {
    float: left;
    margin: 0 5px 0 0;
    font-weight: bold;
}

.modal-setasread .response-readbook label.no-float {
    float: none;
    display: block;
    margin: 0 0 5px;
}

.modal-setasread .response-readbook .control_answer {
    overflow: hidden;
}

.modal-setasread .response-readbook .tags {
    width: 100%;
}

.modal-setasread .response-readbook .year {
    width: 50px;
    margin-left: 5px;
}

.modal-setasread .response-readbook textarea {
    width: 100%;
    height: 50px;
}

.modal-setasread .submit {
    text-align: right;
    margin: 0 0 2em;
}

@media (max-width: 480px) {
    .modal-setasread .styled-select select {
        width: 70px !important;
    }
}

.upload-form .form-control .control_label.img_file {
    width: auto;
    text-align: left;
}


/**
 * Pages
 */

.withbookread .bookread-item {
    display: inline-block;
    vertical-align: top;
    width: 23.5%;
    margin-right: 1%;
}

@media (max-width: 600px) {
    .withbookread .bookread-item {
        width: 48.3%;
    }
}

.withbookread .bookread-item:last-child {
    margin-right: 0;
}

.withbookread .bookread-item>a {
    display: block;
    overflow: hidden;
    max-height: 100px;
}

.withbookread .bookread-item img {
    max-width: 200px;
}

.withbookread .bookread-item h3 {
    font-weight: bold;
    margin: 0.5em 0 0;
}

.faqNav {
    width: 95%;
    margin: 0 0 0.5em;
}

.faqNav a {
    display: block;
    padding: 0.2em 0 0.3em;
    background-color: #f1f1f1;
    border-top: 1px solid #e4e4e4;
    text-align: center;
    text-decoration: none;
}

.faqNav a:hover,
.faqNav a.active {
    background-color: #DFF3FF;
}

.faq-question {
    margin: 0 0 0.5em;
    font-size: 14.3px;
    font-size: 0.89375rem;
}

.faq-answer {
    margin: 0.3em 0 1.5em;
    font-style: italic;
    padding: 0 1em;
    color: #898989;
}

.add_news_to_sm {
    border: solid #e4e4e4;
    border-width: 1px 0;
    padding: 0.5em 0 0.2em;
}

.add_news_to_sm strong {
    font-size: 11.141px;
    font-size: 0.69631rem;
    margin-top: 0.3em;
}

.add_news_to_sm strong,
.add_news_to_sm a[rel="nofollow"] {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.4em;
}

.add_news_to_sm #___plusone_0 {
    vertical-align: top !important;
}

.markItUp {
    border: none !important;
}

.markItUpHeader ul a {
    padding: 11px !important;
}

.markItUpEditor {
    resize: vertical;
}

@media (max-width: 930px) {
    .account .h_small,
    header[role="banner"],
    nav[role="navigation"] .nav-main,
    .wrap-logo .bglogo {
        display: none;
    }
    .account .sprite {
        margin: 0;
    }
    .account .account-mail,
    .account .account-ballance,
    .account .account-logout,
    .account .account-answers {
        margin-left: 0px!important;
    }
    .account>a,
    .account span>a {
        padding: 10px 6px;
    }
    .account a {
        display: inline-block;
        padding-top: 10px;
        padding-bottom: 10px;
        vertical-align: middle;
    }
    .account .account-name a:first-child {
        padding: 10px 0;
    }
    .account .account-thumb {
        background: none;
        padding: 0 0 0 22px;
    }
    .nav-480 {
        display: block;
        padding: 15px 5px;
        position: relative;
    }
    .wrap-logo {
        background: none;
        height: auto;
    }
    .search-form {
        width: 100%;
        margin: 0;
    }
    .search-form {
        position: relative;
        padding-right: 64px;
        padding: 10px;
        float: none;
    }
    .search-form button {
        position: absolute;
        right: 9px;
        top: 10px;
        margin: auto;
        width: 55px;
        height: 35px;
    }
    .search-form .r button {
        top: 0;
    }
    form.search-form input[type="text"] {
        height: 35px;
        padding-left: 15px;
        margin-right: 0;
        margin-left: 0;
        width: 100%!important;
    }
    .extended-search .styled-select.styled-select {
        margin: 6px 0px 0px 0px;
        width: 100%!important;
    }
    .extended-search .styled-select select {
        height: 35px;
        margin-right: 0;
        padding-left: 15px;
    }
    main .content,
    main #sidebar {
        margin-top: 0;
        border-top: none;
    }
    .mnu-mobile {
        position: fixed;
        left: -60px;
        top: 0;
        width: 260px;
        height: 100%;
        z-index: 9999999999;
        background: #275376;
        overflow-y: auto;
        overflow-x: hidden;
        transition: left .15s ease-out;
        -webkit-transition: left .15s ease-out;
        -moz-transition: left .15s ease-out;
        -ms-transition: left .15s ease-out;
        -o-transition: left .15s ease-out;
    }
    .close-mnu-mobile {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999999;
        background-color: rgba(0, 0, 0, .4);
    }
    .mnu-mobile.active {
        left: 0;
        transition: left .25s ease-out;
        -webkit-transition: left .25s ease-out;
        -moz-transition: left .25s ease-out;
        -ms-transition: left .25s ease-out;
        -o-transition: left .25s ease-out;
    }
    .mnu-mobile header {
        display: block;
        border-bottom: 1px solid #153e5e;
        padding-bottom: 15px;
        margin: 0;
        padding-top: 76px;
    }
    .mnu-mobile .portal-headline {
        position: fixed;
        width: 260px;
        top: 0;
        padding: 0;
        left: -60px;
        z-index: 1;
        transition: left .15s ease-out;
        -webkit-transition: left .15s ease-out;
        -moz-transition: left .15s ease-out;
        -ms-transition: left .15s ease-out;
        -o-transition: left .15s ease-out;
    }
    .mnu-mobile header.logout {
        padding: 0;
    }
    .mnu-mobile header.logout .portal-headline {
        position: initial;
        padding: 38px 15px 15px 15px;
    }
    .mnu-mobile header form.auth {
        margin-bottom: 0;
    }
    .mnu-mobile header form.auth input {
        width: 100%;
        margin: 0 0 20px 0;
        height: 35px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mnu-mobile header form.auth button {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 35px;
        width: 100%;
        text-align: center;
    }
    .mnu-mobile header .nav-help {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0px 15px 0px 15px;
    }
    .mnu-mobile header .nav-help a {
        line-height: 35px;
        margin: 0;
        padding: 0 15px 0 0;
    }
    .mnu-mobile header form.auth .extra_links {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        margin-top: 10px;
    }
    .mnu-mobile header form.auth .extra_links a {
        margin: 0;
        width: 50%;
        float: left;
        padding: 0 5px;
        white-space: nowrap;
        line-height: 35px;
    }
    .mnu-mobile header form.auth .extra_links a:first-child {
        font-weight: bold;
        background: none;
    }
    .mnu-mobile header form.auth a {
        display: inline-block;
        vertical-align: middle;
    }
    .mnu-mobile .portal-headline.active {
        left: 0;
        transition: left .25s ease-out;
        -webkit-transition: left .25s ease-out;
        -moz-transition: left .25s ease-out;
        -ms-transition: left .25s ease-out;
        -o-transition: left .25s ease-out;
    }
    .mnu-mobile .nav-main {
        display: inline-block;
        width: 100%;
        background: transparent;
        margin-bottom: 0;
        padding-top: 22px;
        padding-bottom: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mnu-mobile .nav-main li {
        width: 50%;
        float: left;
        margin-right: 0;
    }
    .mnu-mobile .nav-main li a {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        padding: 3px 0 3px 0;
    }
    .mnu-mobile .nav-main a {
        color: #ffffff!important;
    }
    .mnu-mobile .nav-user {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mnu-mobile .nav-user ul li {
        float: left;
        width: 50%;
        margin: 0;
    }
    .mnu-mobile .nav-user ul li>a {
        padding: 5px 5px 5px 0px;
        width: 100%;
        font-size: 14px;
    }
    .mnu-mobile .nav-user ul li a {
        display: inline-block;
        vertical-align: top;
    }
    .mnu-mobile .nav-user ul li>strong {
        position: absolute;
        top: 0;
        font-size: 14px;
        right: 0;
        height: 27px;
        padding: 5px;
        background-color: #275376;
    }
    .mnu-mobile .nav-user li span {
        top: 4px;
    }
    .mnu-mobile .account-name a:first-child {
        max-width: 118px;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 15px;
        padding-left: 10px;
    }
    .mnu-mobile .account-mail,
    .mnu-mobile .account-answers,
    .mnu-mobile .account-ballance {
        float: left;
        width: 30%;
        text-align: center;
        border-top: 1px solid #275376;
    }
    .mnu-mobile .account-ballance {
        width: 40%;
    }
    .mnu-mobile .account-ballance span {
        display: inline-block;
    }
    .mnu-mobile .account-ballance span a:first-child {
        display: none;
    }
    .mnu-mobile .account-ballance svg {}
    .mnu-mobile .account-logout.respond {
        float: right;
        width: 44%;
        text-align: center;
    }
    .extended-search .form-control.simple .button {
        display: none;
    }
    .extended-search .form-control.simple .button-search,
    .extended-search .form-control.simple .l,
    .extended-search .form-control.simple .r {
        display: inline-block;
        margin: 0;
        position: relative;
    }
    .extended-search .form-control.simple .l {
        width: 100%;
        padding-right: 35px;
    }
    .extended-search .form-control.simple .r {
        position: absolute;
        right: 10px;
        top: 10px;
        width: auto;
        height: auto;
    }
    .extended-search .form-control.simple .r button {
        right: 0;
    }
    .account .account-name {
        margin-left: 0;
        width: 213px;
    }
    .account>.account-logout {
        display: none;
    }
    .comments .entry_meta {
        font-size: 12px;
    }
    .comments .entry_meta span {
        margin: 0;
    }
    .comments .entry_meta a {
        padding: 4px 6px;
        display: inline-block;
        vertical-align: middle;
    }
    .comments a.small {
        font-size: 12px;
        padding: 4px 6px;
        display: inline-block;
        vertical-align: middle;
    }
}

@media (max-width: 480px) {
    .book-box .inner .r,
    .book-box .inner .c h4,
    .group-box .inner .r {
        display: none;
    }
    /*.group-box .inner .c h4*/
    .book-box li::before,
    .book-box li::after,
    .group-box li::before,
    .group-box li::after {
        display: none;
    }
    .book-box li,
    .group-box li {
        font-size: 14px;
    }
    .book-box li .sprite,
    .group-box li .sprite {
        top: 4px;
    }
    .book-box .r-clone,
    .group-box .r-clone {
        display: block;
        float: none;
        width: initial;
        margin: 0 0 15px 60px;
        border: none;
        position: relative;
    }
    .books_list.notes .thumb {
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 15px 0;
        overflow: hidden;
        max-height: initial;
        padding-bottom: 52%;
        position: relative;
    }
    .books_list.notes .thumb img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 20%;
        transform: translateY(-20%);
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%);
    }
    .books_list.users_list .thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        overflow: hidden !important;
    }
    .books_list.users_list .thumb img {
        position: absolute;
        max-width: 50px;
        min-height: 100%;
        height: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    .books_list.users_list h4 {
        padding-left: 45px;
        margin-top: 8px;
        margin-bottom: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .books_list.users_list.user-block {
        position: relative;
    }
    .books_list.users_list.user-block h1 {
        padding-left: 45px;
        margin-top: 8px;
        margin-bottom: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .updownerror-container {
        position: absolute;
        top: -3px;
        right: 8px;
    }
    .updownerror-container .updownerror {
        padding: 0;
    }
    .updownerror-container .updownerror a {
        font-size: 14px;
        display: inline-block;
        padding: 3px 3px 7px 3px;
    }
    h4.h4-c-clone {
        margin-bottom: 15px;
    }
    .thumb .isonline {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
        font-size: 0;
        line-height: 0;
        color: transparent;
        border: 2px solid #9c0;
        border-radius: 50%;
    }
}

@media (min-width: 931px) {
    .mnu-mobile,
    .close-mnu-mobile {
        display: none!important;
    }
}

@media (min-width: 481px) {
    .r-clone,
    .h4-c-clone {
        display: none;
    }
}

@media (max-width: 930px) {
    .form-default.form-user input[type="text"],
    .form-default.form-user input[type="password"],
    .form-default.form-user select {
        height: 35px;
        padding-left: 15px;
        margin-right: 0;
        margin-left: 0;
        width: 100%!important;
        vertical-align: middle;
    }
    .form-default.form-user select {
        width: auto!important;
        padding-right: 30px!important;
        background-position: 90% 50%!important;
    }
    .form-default.form-user input[type="text"].birthday_year {
        width: 65px!important;
    }
    .form-default.form-user .input_group label {
        padding: 10px 10px 10px 0px;
        margin: 5px 0px 0px 0px;
    }
    .form-default.form-user .control_label label {
        margin-top: 7px;
    }
    .form-default.form-user input.text_field {
        padding: 10px 10px 10px 0px;
    }
    .form-default.form-user .form-control.submit .button {
        line-height: 35px;
        font-size: 14px;
        padding-top: 0;
        padding-bottom: 0;
        min-width: 140px;
    }
}