@charset "utf-8";

.none {
    display: none;
}

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic';

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul, li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

.clear {
    clear: both;
}

.clrfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
}

b, strong {
    font-weight: bold;
}

i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

a {
    color: #227eba;
    text-decoration: underline;
    outline: none;
}

a:hover, a:active {
    text-decoration: none
}

input, button {
    padding: 0;
    margin: 0;
    line-height: normal;
    outline: none;
    border: none;
    font-family: 'Open Sans', sans-serif;
}

textarea {
    font-family: 'Open Sans', sans-serif;
}

button {
    cursor: pointer;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
    color: #656565;
}

::-moz-placeholder {
    color: #656565;
}

:-moz-placeholder {
    color: #656565;
}

:-ms-input-placeholder {
    color: #656565;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus::-moz-placeholder {
    color: transparent;
}

:focus:-moz-placeholder {
    color: transparent;
}

:focus:-ms-input-placeholder {
    color: transparent;
}

:focus {
    outline: none;
}

body {
    background: 50% 60px no-repeat #000;
    margin: 0;
    padding: 60px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: normal;
    color: #000;
}

body.visible .top_slider,
body.visible .title_side.star,
body.visible .title_side.novelty,
body.visible .slider_side_wrp {
    visibility: visible;
}

.top_slider,
.title_side.star,
.title_side.novelty,
.slider_side_wrp {
    visibility: hidden;
}

/* --- КОРРЕКЦИЯ ШИРИНЫ И СЕТКИ --- */
.wrp,
.container {
    width: 96%; /* Сайт станет резиновым */
    max-width: 1300px; /* Но не шире 1300px, чтобы не растягивался на гигантах */
    min-width: 320px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    width: 96%;
    max-width: 1300px;
    background: #fff;
    box-sizing: border-box;
    z-index: 6;
    display: flex; /* Переключаем на Flexbox вместо table */
    flex-wrap: wrap;
}

.sidebar {
    width: 300px; /* Сайдбар остается 300 */
    background: #0f181e;
    flex-shrink: 0;
}

.content {
    flex: 1; /* Контент забирает всё остальное место */
    min-width: 0;
}

.top_slider {
    width: 100%; /* Слайдер теперь тоже тянется */
    max-width: 1300px;
    margin: 0 auto;
}

.content.collections h1 {
    padding: 15px 25px 10px 25px;
}

.content h1 {
    color: #202020;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    padding: 15px 25px 20px 25px;
}

.searchpage h1 {
    padding-bottom: 15px;
}

.cat_title {
    text-align: center;
}

/*    header   */

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #173b56;
    z-index: 999;
}

.header .logo {
    float: left;
    padding-top: 19px;
}

.header .logo img {
    height: 22px;
}

.header .login_btn {
    position: relative;
    float: left;
    background: url("../images/login-icon.png") 0 0 no-repeat;
    height: 20px;
    line-height: 20px;
    margin: 20px 0 0 40px;
    color: #4ddbe6;
    font-size: 13px;
    cursor: pointer;
    padding-left: 25px;
}

.header .login_btn:hover {
    background-position: 0 -30px;
    color: #fff;
}

.header .search_block {
    float: right;
    padding-top: 11px;
}

.header .search_block form {
    position: relative;
}

.header .search_block .search_field {
    float: right;
    width: 500px;
    background: #032a3b;
    font-size: 13px;
    color: #eaeaea;
    padding: 10px 45px 10px 15px;
    border: none;
    outline: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header .search_block .search_btn {
    position: absolute;
    right: 19px;
    top: 9px;
    width: 20px;
    height: 20px;
    border: 0;
    background: url("../images/search_btn.png") 0 0 no-repeat;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
}

/*   top slider   */

.top_slider {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    background: #1c272e;
    height: 282px;
    z-index: 4;
}

.title_slider {
    font-size: 20px;
    font-weight: 700;
    color: #81b2cf;
    padding: 10px 0 0 0;
    text-align: center;
}

.top_slider .item_slide {
    position: relative;
    width: 100%;
    max-width: 200px;
}

.top_slider .item_slide a {
    position: relative;
    display: block;
}

.top_slider .item_slide a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/slider-item-play.png") no-repeat 50% 48% rgba(38, 114, 160, 0.6);
    opacity: 0;
    content: '';
    z-index: 2;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
}

.top_slider .item_slide a:hover:before {
    opacity: 1;
}

.top_slider .item_slide .poster,
.top_slider .item_slide .poster img {
    position: relative;
    display: block;
    width: 100%;
    height: 282px;
}

.top_slider .item_slide .poster:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/slider-item-bg.png") 0 100% repeat-x;
    content: '';
    z-index: 1;
}

.top_slider .item_slide .title_news {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    min-height: 36px;
    color: #FFF;
    font-size: 15px;
    line-height: 18px;
    padding: 0 20px 18px 20px;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.top_slider .slick-prev,
.top_slider .slick-next {
    width: 25px;
    height: 55px;
    background: url("../images/arrow-slider.png") 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    margin-top: -27.5px;
}

.top_slider .slick-prev {
    background-position: 0 0;
    left: -45px;
}

.top_slider .slick-next {
    background-position: -29px 0;
    right: -45px;
}

/*   slider side   */

.slider_side_wrp {
    max-width: 300px;
    padding-bottom: 20px;
}

.slider_side {
    margin: 20px 15px 0 15px;
}

.slider_side ul li {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.slider_side ul li .poster,
.slider_side ul li .poster img {
    position: relative;
    display: block;
    width: 100%;
    height: 187px;
}

.slider_side ul li .poster:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/slider-item-bg.png") 0 100% repeat-x;
    content: '';
    z-index: 1;
}

.slider_side .item_slide a {
    position: relative;
    display: block;
    margin: 0 5px;
}

.slider_side .item_slide a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/slider-item-play.png") no-repeat 50% 48% rgba(38, 114, 160, 0.6);
    opacity: 0;
    content: '';
    z-index: 2;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
}

.slider_side .item_slide a:hover:before {
    opacity: 1;
}

.slider_side .item_slide .title_news {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    padding: 0 10px 10px 10px;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.slider_side .slick-prev {
    display: none !important;
}

.slider_side .next_popular,
.slider_side .next_novelty {
    display: block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    background: #d24d4e;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 5px auto 0 auto;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}

.slider_side .next_popular:hover,
.slider_side .next_novelty:hover {
    background: #8a57b6;
}

.slider_side .next_popular:before,
.slider_side .next_novelty:before {
    content: 'Показать еще';
}

/*  start title side   */

.title_side {
    position: relative;
    height: 53px;
    background: url("../images/l_titbg.jpg") no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 53px;
    padding-left: 45px;
}

.title_side.menu:before {
    content: '';
    width: 18px;
    height: 16px;
    background: url("../images/nav-icon.png") no-repeat;
    position: absolute;
    margin: 20px 0 0 -27px;
}

.title_side.star:before {
    content: '';
    width: 18px;
    height: 17px;
    background: url("../images/star-icon.png") no-repeat;
    position: absolute;
    margin: 18px 0 0 -27px;
}

.title_side.novelty:before {
    content: '';
    width: 18px;
    height: 20px;
    background: url("../images/novelty-icon.png") no-repeat;
    position: absolute;
    margin: 16px 0 0 -28px;
}

/*  end title side   */

.sidebar_menu ul {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar_menu ul.menu_link {
    padding: 10px 20px;
    border-bottom: 4px solid #313e47;
}

.sidebar_menu ul.left_col {
    width: 50%;
    float: left;
    padding: 5px 0 0 20px;
}

.sidebar_menu ul.right_col {
    width: 50%;
    float: left;
    padding: 5px 20px 0 15px;
}

.sidebar_menu ul li:first-child {
    border-top: none;
}

.sidebar_menu ul li {
    position: relative;
    display: block;
    border-top: 1px dashed #313e47;
    padding: 6px 0;
}

.sidebar_menu ul.menu_link li {
    border: none;
    padding: 5px 0 5px 15px;
}

.sidebar_menu ul.menu_link li:before {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #d45e63;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.sidebar_menu ul.menu_link li a {
    font-size: 14px;
}

.sidebar_menu ul li a {
    color: #4ddbe6;
    text-decoration: none;
}

.sidebar_menu ul li a:hover,
.sidebar_menu ul li a.active {
    color: #d45e63;
}
.collections_link {
    clear: both;
    padding-top: 15px;
}
.collections_link a:hover {
    background: #d24d4e;
}
.collections_link a {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: #8a57b6;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}
/*   vk link   */

.vk_link {
    position: relative;
    width: 260px;
    height: 58px;
    margin: 20px auto 25px auto;
    background: url("../images/vk-btn.jpg") no-repeat;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.vk_link a {
    width: 260px;
    height: 58px;
    display: block;
    background: url("../images/vk-btn.jpg") no-repeat 0 -58px;
    text-indent: -9999px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=0);
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.vk_link a:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

/*   последние обновления   */
.group { margin-bottom: 15px; }

.update_main {
    margin: 0 25px;
}

.date_update {
    border-bottom: 3px solid #d45e63;
}

.date_update span {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 27px;
    background: #d45e63;
    color: #fff;
    font-weight: 700;
    padding: 0 10px;
}

.date_update span:before {
    position: absolute;
    right: -24px;
    top: 0;
    border: 12px solid transparent;
    border-bottom: 12px solid #d45e63;
    border-left: 12px solid #d45e63;
    content: '';
}

.content_update {
    background: #f6f7f9;
    padding: 5px 10px;
    margin-bottom: 15px;
}

.update_item {
    background: #f6f7f9;
    padding: 5px 10px;
}

.update_item:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.update_item a {
    position: relative;
    display: block;
    padding-left: 12px;
    font-size: 12.5px;
    color: #252525;
    text-decoration: none;
    overflow: hidden;
}

.update_item a:hover,
.update_item a:hover .season {
    color: #cc3e58;
    text-decoration: none;
}

.update_item a:before {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #c7c8ca;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
}

.update_item a:hover:before {
    background: #cc3e58;
}

.update_item a:after {
    position: absolute;
    left: 15px;
    top: 10px;
    width: 100%;
    border-bottom: 1px dashed #c7c8ca;
    z-index: 1;
    content: '';
}

.update_item a:hover:after {
    border-bottom: 1px dashed #cc3e58;
}

.update_item .title {
    float: left;
    padding-right: 5px;
    font-weight: 700;
}

.update_item .season {
    float: left;
    color: #717171;
    font-weight: 400;
    padding-right: 7px;
}

.update_item .series {
    float: right;
    padding-left: 5px;
}

.update_item .title,
.update_item .season,
.update_item .series {
    position: relative;
    display: block;
    background: #f6f7f9;
    z-index: 2;
}

/*   desc cat   */

.desc_cat {
    background: #0b1115;
    color: #b5bcbd;
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    padding: 15px 25px 1px 25px;
}

.desc_cat b {
    color: #e45960;
}

.desc_cat h2 {
    overflow: hidden;
    border-left: 4px solid #8d6fa0;
    font-size: 16px;
    font-weight: bold;
    color: #ad86c3;
    padding: 5px 15px;
    margin: 7px 0;
    line-height: 19px;
    text-align: left;
    clear: both;
}

.desc_cat.actor img {
    max-width: 130px;
}

.desc_cat img {
    float: left;
    margin: 0 15px 10px 0;
    max-width: 220px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.desc_cat p {
    display: block;
    padding: .5em 0;
}

.desc_cat p:last-child {
    padding-bottom: 0;
}


.desc_cat ol, 
.desc_cat ul, 
.desc_cat li {
    list-style-type: disc;
    list-style: disc;
    margin: 5px 0 5px 15px;
    padding: 0;
}

.desc_cat a {
    text-decoration: underline;
    color: #e45960;
}

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

/*   shortstory   */

.shortstory {
    margin: 0 25px 10px 25px;
    padding: 0 0 10px 0;
}

.shortstory:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.shortstory .title {
    padding-bottom: 10px;
}

.shortstory .title a {
    font-size: 20px;
    color: #202020;
    text-decoration: none;
}

.shortstory .title a:hover {
    text-decoration: underline;
}

.shortstory .poster, 
.fullstory .poster {
    float: left;
    width: 240px; /* Чуть увеличили постер */
    margin: 0 25px 20px 0 !important;
}

.shortstory .poster img,
.fullstory .poster img {
    display: block;
    width: 100%;
    height: 100%;
}

.shortstory .poster a,
.fullstory .poster a {
    position: relative;
    display: block;
}

.shortstory .poster_link:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/slider-item-play.png") no-repeat 50% 50% rgba(38, 114, 160, 0.6);
    opacity: 0;
    content: '';
    z-index: 2;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
}

.shortstory .poster_link:hover:before {
    opacity: 1;
}

.shortstory .read_more {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #256291;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.shortstory .read_more:hover {
    background: #2781d0;
}

.shortstory .read_more:before {
    position: relative;
    top: 7px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/read-more-play.png") 0 50% no-repeat;
    content: '';
    margin-right: 7px;
}

.shortstory .info_block, 
.fullstory .info_block {
    margin-left: 0 !important; /* Убираем жесткий отступ */
    overflow: hidden; /* Обтекание сработает правильно */
}

.fullstory .info_block {
    margin-right: 0 !important;
}

/* Списки характеристик */
.shortstory .info_block ul li,
.fullstory .info_block ul li {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
}

.shortstory .info_block ul li:nth-child(2n),
.fullstory .info_block ul li:nth-child(2n) {
    background: #fff;
}

.shortstory .info_block ul li span:first-child,
.fullstory .info_block ul li span:first-child {
    font-weight: 600;
}

.shortstory .desc_news {
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    color: #333;
    padding: 10px 0;
}

/*   fullstory   */

.speedbar_block {
    padding: 15px 25px 0 25px;
}

.speedbar_block a {
    text-decoration: none;
}

.speedbar_block a:hover {
    text-decoration: underline;
}

.desc_full {
    clear: both;
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
    color: #333;
    padding: 15px 25px 0 25px;
    margin-bottom: 15px;
}

.h2_full h2 {
    background: #1c272e;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 20px 25px;
}

.fullstory .update_info {
    position: absolute;
    right: 0;
    bottom: 66px;
    background-color: #d24d4e;
    height: 33px;
    line-height: 33px;
    padding: 0 10px 0 10px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
}

.fullstory .update_info:before {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../images/update-icon.png") 0 0 no-repeat;
    margin-right: 7px;
    content: '';
}

/*   season-link   */

.season-link {
    color: #676767;
    padding: 0 25px 10px 25px;
    font-size: 14px;
}

.season-link .title_season {
    color: #222;
    font-weight: 700;
    padding-bottom: 5px;
}

.season-link a {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #ff4242;
    font-size: 13px;
    text-decoration: underline;
}

.season-link a:hover {
    color: #000;
    text-decoration: none;
}

.season-link u {
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    margin: 0 10px 0 0;
    color: #444;
}


/*   rating news   */

.fullstory .rating_news {
    margin-top: 10px;
}

.fullstory .rating_news .title_block {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    font-weight: 600;
    padding-left: 10px;
}

.fullstory .rating_news a {
    position: relative;
    display: inline-block !important;
    float: right;
    background: #224a62;
    height: 36px;
    line-height: 36px;
    padding: 0 15px 0 43px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    transition: 0.35s all;
    -webkit-transition: 0.35s all;
    -moz-transition: 0.35s all;
    -o-transition: 0.35s all;
    -ms-transition: 0.35s all;
}

.fullstory .rating_news a:hover {
    background: #d24d4e;
}

.fullstory .rating_news a:before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 15px;
    background: url("../images/star-icon.png") 0 0 no-repeat;
    content: '';
    z-index: 1;
    margin: -9px 0 0 0;
}

.section {
    position: relative;
    background: #1c272e;
    padding-bottom: 15px;
}

.comm_scroll {
    width: 197px;
    height: 62px;
    overflow: hidden;
    line-height: 400px;
    background: url("../images/comm-bg.jpg") -2px 0 no-repeat;
    position: absolute;
    right: 0;
    z-index: 1;
}

.comm_scroll a {
    width: 197px;
    height: 62px;
    display: block;
    overflow: hidden;
    background: url("../images/comm-bg.jpg") no-repeat -2px -62px;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.comm_scroll a:hover {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

ul.tabs {
    background: #263541;
    height: 62px;
    line-height: 62px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabs li {
    float: left;
    display: block;
    color: #81b2cf;
    font-size: 14px;
    font-weight: bold;
    list-style: none;
    cursor: pointer;
    background: #224a62;
    padding: 0 25px;
    height: 62px;
    position: relative;
    line-height: 62px;
    text-align: center;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.tabs li:hover,
.vertical .tabs li:hover {
    color: #fff;
}

.tabs li.current {
    color: #fff;
    background: #2672a0;
}

.box {
    display: none;
}

.box.visible {
    display: block;
}

.text_player {
    background: rgb(31, 42, 49);
    text-align: center;
    color: #e4e4e4;
    font-size: 18px;
    line-height: 24px;
    padding: 80px 25px;
}

.video_container .full-news-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.video_container .full-news-video iframe,
.video_container .full-news-video object,
.video_container .full-news-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000 !important;
}

.playlist_wrp {
    overflow: hidden;
    max-width: 700px;
    width: 100%;
    background: #0F0F0F;
}

.playlist-series {
    position: relative;
    overflow: hidden;
}

.playlist-series a {
    width: 74px;
    height: 28px;
    background: #263541;
    padding: 7px;
    float: left;
    display: block;
    margin: 0;
    color: #fff;
    font: 11px 'Arial', sans-serif;
    text-decoration: none;
}

.playlist-series a:hover {
    background: #8a57b6;
}

.playlist-series a.copyright-active {
    background: #d24d4e;
}

.social_block .title_block {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
}


/*    save box   */

.save_box {
    background: #0f181e;
    padding: 10px 15px;
}


.save_box:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}   

.save_time {
    float: left;
}

.save_time a {
    position: relative;
    display: block;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 25px;
    border: 2px solid #d24d4e;
    border-radius: 10px;
    color: #bababa;
    text-decoration: none;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
} 

.save_time a:hover {
    border: 2px solid #8a57b6;
    background: #032a3b;
    color: #d6d5d5;
}


.save_time a:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #d24d4e;
    content: '';
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; 
    -khtml-border-radius: 50%;
    border-radius: 50%;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}  

.save_time a:hover:before {
    background: #8a57b6;
}


.save_right {
    position: relative;
    float: right;
    height: 25px;
    line-height: 25px;
    border: 2px solid #394951;
    background: #02131d;
    border-radius: 10px;
    padding: 0 30px 0 6px;
}

.save_play {
    color: #d6d5d5;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}

.save_play:hover {
    color: #fff;
}

.save_text {
    position: relative;    
    float: left;
    display: block;
    height: 25px;
    padding: 0 0 0 20px;           
    margin: 0 5px 0 0;
}

.save_text:before {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -7px;
    display: inline-block;
    border: 7px solid transparent;
    border-left: 7px solid #d24d4e;
    content: '';
}

.save_del {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 5px;
    background: url("../images/close-time.png") 50% 50% no-repeat;
    opacity: .7;
    transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
}

.save_del:hover {
    opacity: 1;    
}


@media screen and (max-width: 1000px) {

    .save_box {
        text-align: center;
    }
        
    .save_time {
        float: none;
    }
            
    .save_time a {
        display: inline-block;
    }
    
    .save_right {
         float: none;
         display: inline-block;
         margin-top: 10px;
    }              
                
}




/*   frames block   */

.frames_block {
    padding: 0 20px 20px 20px;
}

.frames_block .title_block {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 13px;
}

.frames_block img {
    float: left;
    display: block;
    width: 33.33%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
	position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
	max-width: inherit;
    margin: 0 0 10px;
}

.frames_block img:hover  {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/*   related   */

.related_title {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 25px 20px 25px;
    padding-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related_title:before {
    position: relative;
    top: 7px;
    display: inline-block;
    width: 32px;
    height: 24px;
    background: url("../images/related-title-icon.png") 0 0 no-repeat;
    margin-right: 15px;
    content: '';
}

.comment_block .title_comment {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 25px 20px 25px;
    padding-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comment_block .title_comment:before {
    position: relative;
    top: 7px;
    display: inline-block;
    width: 31px;
    height: 24px;
    background: url("../images/comm-title-icon.png") 0 0 no-repeat;
    margin-right: 15px;
    content: '';
}

.related ul {
    padding: 0 20px;
}

.related ul li {
    display: block;
    width: 25%;
    float: left;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.related ul li a {
    position: relative;
    display: block;
}

.related ul li .poster_related,
.related ul li .poster_related img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.related ul li .poster_related:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/slider-item-bg.png") 0 100% repeat-x;
    content: '';
    z-index: 1;
}

.related ul li a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../images/slider-item-play.png") no-repeat 50% 48% rgba(38, 114, 160, 0.6);
    opacity: 0;
    content: '';
    z-index: 2;
    transition: all 300ms ease-in;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
}

.related ul li a:hover:before {
    opacity: 1;
}

.related ul li .title_news {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    padding: 0 10px 10px 10px;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*   addcomment   */

.addcomment {
    background: #f2f2f2;
    padding: 20px 25px;
}

.editor_block textarea {
    width: 100%;
    background: #fbfafa;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    color: #444546;
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
}

.addcomment .form_submit {
    padding-top: 10px;
}

.addcomment .form_submit button {
    background: #246d9e;
    color: #fff;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 700;
    height: 36px;
    cursor: pointer;
    font-style: normal;
    border: none;
    outline: none;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.addcomment .form_submit button:hover {
    background: #a675c1;
}

/*   info   */

.info {
    position: relative;
    background: #d45252;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #ffcdbd;
    padding: 20px 25px 20px 80px;
}

.info:before {
    width: 39px;
    height: 39px;
    background: url("../images/info.png") 0 0 no-repeat;
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -19px;
    content: '';
}

.title_error {
    font-style: normal;
    color: #fff;
}

.info a {
    color: #fff;
}

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

.mov-edit {display:inline-block; font-size:18px; position:absolute; right:10px; top:5px; color:#e3e3e3;}
.mov-edit i {color:#e3e3e3;}

/*   footer   */

.footer {
    position: relative;
    background: #f5f7fa;
    height: 108px;
    padding: 30px 25px 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #0b1115;
    content: '';
}

.footer:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.copyright {
    position: relative;
    float: left;
    line-height: 78px;
    font-size: 14px;
    color: #e45960;
    font-weight: bold;
    padding-right: 20px;
}

.copyright:after {
    width: 1px;
    height: 40px;
    background: #d2d4d5;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    content: '';
}

.footer_link {
    float: left;
    margin-left: 25px;
}

.footer_link ul {
    padding: 29px 0;
}

.footer_link ul li:first-child {
    margin-left: 0;
}

.footer_link ul li:first-child:before {
    display: none;
}

.footer_link ul li {
    position: relative;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 20px;
}

.footer_link ul li:before {
    width: 1px;
    height: 12px;
    background: #777;
    position: absolute;
    left: -11px;
    top: 50%;
    margin-top: -6px;
    content: '';
}

.footer_link a {
    font-style: italic;
    color: #505050;
    text-decoration: none;
}

.footer_link a:hover {
    text-decoration: underline;
}

.footer .counter {
    float: right;
    padding-top: 31px;
}

/*   scroll top   */

#scroll_top {
    display: none;
    z-index: 2600;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background: url("../images/up-top-icon.png") 0 0 no-repeat;
    cursor: pointer;
    transition: 0.35s all;
    -webkit-transition: 0.35s all;
    -moz-transition: 0.35s all;
    -o-transition: 0.35s all;
    -ms-transition: 0.35s all;
}

/*   pagination   */

.pagination {
    height: 42px;
    margin: 15px 25px;
    font-size: 15px;
    clear: both;
    border-top: 1px solid #cfd1d2;
    padding-top: 15px;
}

.pagination.main {
    margin: 15px 0;
}

.pagination a,
.pagination span {
    background: #efefef;
    color: #919090;
    float: left;
    margin: 0 3px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.pagination a:hover,
.pagination span {
    background-color: #e45960;
    color: #fff;
}

.pagination span {
    cursor: default
}

.pagination span.nav_ext {
    background: #fff;
    border: 1px solid #fff;
    color: #919090;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination a:first-child,
.pagination span:first-child {
    padding: 0;
    border: none;
}

.pagination a:last-child,
.pagination span:last-child {
    padding: 0;
    border: none;
}

/*   popup_block   */

.b-modal {
    cursor: default !important;
    background: #0c0c0c !important;
    opacity: 0.75 !important;
}

.popup_block {
    display: none;
    width: 100%;
    min-width: 290px;
    max-width: 390px;
    background-color: #ce5241;
    color: #1c1c1c;
    padding: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px;
    border-radius: 4px 0 4px 4px;
}

.popup_block.logged {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
}

.popup_block .popup_content {
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.popup_block .title_block {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #202020;
    padding: 20px 0 25px 0;
}

.popup_block .form_block {
    padding: 0 25px 20px 25px;
}

.popup_block .form_block ul:after {
    content: "";
    display: table;
    clear: both;
    height: 0;
}

.popup_block .form_block ul li {
    display: block;
    margin-bottom: 10px;
}

.popup_block .form_block ul li input[type="text"],
.popup_block .form_block ul li input[type="password"] {
    width: 100%;
    background: #f8f8f8;
    border: 1px solid #d6d6d6;
    color: #939393;
    font-size: 13px;
    padding: 10px 15px 10px 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.popup_block .form_block ul li .btn_send {
    display: block;
    background: #ce5241;
    border-bottom: 5px solid #bf4c3c;
    width: 100%;
    height: 45px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: 0.25s all;
    -moz-transition: 0.25s all;
    -o-transition: 0.25s all;
    transition: 0.25s all;
}

.popup_block .form_block ul li .btn_send:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.popup_block .reg_link {
    text-align: center;
    padding-top: 5px;
}

.popup_block .reg_link a {
    display: inline-block;
}

.b-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -40px;
    width: 50px;
    height: 40px;
    background: url("../images/close_icon.png") 50% 50% no-repeat #ce5241;
    z-index: 2000;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.login_panel {
    padding: 0 15px 20px 15px;
}

.login_panel a {
    text-decoration: none;
    display: block;
    padding: 5px 20px;
    border: 0 none;
    white-space: nowrap;
    color: inherit;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.login_panel a:hover {
    background-color: #eeeeef;
}

.login_panel a span {
    float: right;
}

.login_panel .avatar {
    text-align: center;
    padding-bottom: 10px;
}

.login_panel .avatar img {
    display: inline-block;
    max-width: 100px;
}

.login_panel .avatar a {
    padding: 0;
}

.login_panel .avatar a:hover {
    background: none;
}

/*   feedback   */

.feedback,
.basecont {
    padding: 0 25px 30px 25px;
}

.feedback table.tableform {
    width: 100%;
}
#category{
    width: 100% !important;
    max-width: 350px;
}
.feedback .f_input,
.feedback .f_textarea, .xfields input, .xfields textarea {
    width: 100%;
    background: #fbfafa;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    font-size: 14px;
    color: #444546;
    padding: 6px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
}

.feedback td {
    padding-bottom: 10px;
    vertical-align: middle;
}

.feedback .fbutton {
    display: inline-block;
    cursor: pointer;
    background: #032a3b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.feedback .fbutton:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85;
}


.btn_check {
    display: inline-block;
    cursor: pointer;
    background: rgb(212, 94, 99);
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 5px;
}


/*   comment   */

    .comment {
        margin: 10px 0;
        padding: 0 25px;
    }
    
    .comment .avatar_author {
        float: left;
        width: 50px;
        padding-top: 5px;
    } 
    
    .comment .avatar_author img {
        display: block;
        width: 100%;
    }
    
    .comment .com_online {
        font-size: 11px;
        text-align: center;
        color: #666;
    }
    
    .comment .info_comment {
        margin-left: 65px;
    }

    .comment .com_user {
        margin-bottom: 5px;
    }
    
    .comment .mass {
        float: right;
    }
    
    .comment .date_com {
        font-size: 12px;
        color: #777;
        padding-left: 5px;
    }
    
    .comment .text_comment {
        text-align: left;
        font-size: 13px;
        line-height: 19px;
        color: #333;
        word-break: break-all;
    }

    .comment .link_com {
        float: right;
    }

    .comment .link_com li:first-child {
        margin-left: 0;
    }
    
    .comment .link_com li {
        float: left;
        margin-left: 10px;
    }
    
    .comment .link_com li a {
        font-size: 11px;
    }

.title_quote {
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 5px;
}

.quote, .text_spoiler {
    color: #808080;
    background-color: #FCFCFC;
    border-left: 2px solid #d26c22;
    padding: 10px;
    font-size: 12px;
    text-align: left;
}

.comment .text_comment textarea {
    width: 100%;
    background: #fbfafa;
    border: 1px solid #e4e4e4;
    font-size: 13px;
    color: #444546;
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical; 
}
    
    .mass_comments_action {
        float: right;
        margin: 10px 25px
    }

    .comment .bbcodes {
         background: #246d9e;
         color: #fff;
         padding: 0 10px;
         font-size: 13px;
         font-weight: 400;
         height: 28px;
         cursor: pointer;
         font-style: normal;
         border: none;
         outline: none;
         -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
         margin-left: 10px;
    }


    .comment .bbcodes:hover {
        background: #a675c1;
    }

.comment .bb-editor > div {
    width: 100%;
    padding-bottom: 10px;
}
    
/*    comments_tabs_page    */

.comments_tabs_page {
    height: 34px;
    padding: 0 25px;
    margin-bottom: 20px;
}

.comments_tabs_page ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.comments_tabs_page ul li {
    float: left;
    display: block;
    height: 34px;
    padding: 0px 17px;
    line-height: 34px;
    color: #000;
    font-size: 13px;
    background-color: #f4f4f4;
    cursor: pointer;
    transition: all 150ms ease-in;
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
}

.comments_tabs_page ul li:hover {
    background: #224a62;
    color: #fff;
}

.comments_tabs_page ul li.active,
.comments_tabs_page ul li.active:hover {
    background-color: #d24d4e;
    color: #fff;
    cursor: default;
    font-weight: 400;
}

.comments_tab {
    display: none;
}

.comments_tab.active {
    display: block;
    font-weight: 400;
}






.userinfo_page {
    padding: 15px 25px;
}    
    
.title_user img {
    display: block;
    float: left;
    height: 50px;
    width: 50px;
}  

.title_user {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}  

.title_user h1 {
    display: block;
    float: left;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    padding: 0 0 0 15px;
}
    
#options {
    display: none;
}

.userinfo_top {
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.userinfo_top .avatar {
    position: absolute;
}

.user_tab {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

.user_tab > li {
    display: inline;
    margin-right: 1.2em;
}

.user_tab > li > a {
    text-decoration: none !important;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.user_tab > li > a {
    
}

.user_tab > li > a:hover {
    color: inherit;
}

.user_tab > li.active > a {
    cursor: default;
}

.usinf {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.usinf li {
    padding: 12px 0;
    border-top: 1px solid #e6e6e6;
}

.usinf li:first-child {
    border-top-width: 0;
}

.ui-c1, .ui-c2 {
    display: inline-block;
    vertical-align: top;
}

.ui-c1 {
    width: 30%;
    margin-right: 5%;
}

.ui-c2 {
    width: 60%;
}

.userinfo {
    padding-left: 90px;
}

.userinfo .avatar {
    position: absolute;
    float: left;
    margin: 0 0 0 -90px;
}

.userinfo .avatar .cover {
    width: 60px;
    height: 60px;
}

.userinfo > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


ul.ui-form {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.ui-form > li {
    margin-bottom: 20px;
}

ul.ui-form > li:last-child {
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 20px;
}

.form-group > label {
    display: block;
    margin-bottom: .4em;
}

.imp:after {
    content: "*";
    margin: 0 0 0 10px;
    color: #e85319;
}

.userinfo_page select, 
.userinfo_page textarea, 
.userinfo_page input[type="text"], 
.userinfo_page input[type="password"], 
.userinfo_page input[type="file"], 
.userinfo_page input[type="email"] {
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 22px;
    padding: 5px 10px;
    vertical-align: middle;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #d7d7d7;
    -webkit-transition: border 0.2s linear 0s;
    transition: border 0.2s linear 0s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.userinfo_page .form_submit button {
    background: #246d9e;
    color: #fff;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 700;
    height: 36px;
    cursor: pointer;
    font-style: normal;
    border: none;
    outline: none;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.userinfo_page .form_submit button:hover {
    background: #a675c1;
}


.vk_comments {
    padding: 0 25px 20px 25px;
}

#vk_comments, #vk_comments iframe {
    width: 100% !important;
}


.seo_desc_full {
    position: relative;
    color: #2c2c2c;
    font-size: 13px;
    line-height: 19px;
    text-align: justify;
    padding: 15px 25px 0 25px;
}

.seo_desc_full h2:first-child {
    padding-top: 0 !important;
}

.seo_desc_full h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    line-height: 22px;
}

.seo_desc_full p {
    padding: 5px 0;
}


.seo_desc_full ul, 
.seo_desc_full li {
    list-style-type: disc;
    list-style: disc;
    margin: 5px 0 5px 15px;
    padding: 0;
}

.seo_desc_full ol,
.seo_desc_full ol li {
    list-style-type: decimal;
    list-style: decimal;
    margin: 5px 0 5px 15px;
    padding: 0;
}

.seo_desc_full img {
    max-width: 100%;
}


.content.collections > #dle-content {
    padding: 20px 15px;
}

.collect_block {
    position: relative;
    display: block;
    float: left;
    width: 25%;
    margin: 0 0 15px 0;
    text-decoration: none;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
}

.collect_block .collect_title {
    display: table-cell;
    vertical-align: bottom;
    width: 149px;
    height: 32px;
    font-size: 13px;
    color: #000;
    line-height: 15px;
    padding-bottom: 8px;
    text-align: center;
}

.collect_block:hover .collect_title {
    color: #75af20;
}

.collect_img {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.collect_img img {
    width: 100%;
    display: block;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    opacity: .6;
}

.collect_block:hover .collect_img img {
    opacity: 1;
}

.collect_numm {
    position: absolute;
    display: block;
    left: 20px;
    bottom: 25px;
    background: rgba(0, 0, 0, .8);
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #e2e2e2;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    border: 3px solid #202020;
}

@media screen and (max-width: 1000px) {
    
    .content.collections > #dle-content {
        padding: 20px 5px;
    }

    
    .collect_block {
        width: 25%;
    }

    .collect_img {
        height: auto;
    }
}

@media screen and (max-width: 790px) {
    .collect_block {
        width: 20%;
    }

    .collect_img {
        height: auto;
    }
}

@media screen and (max-width: 789px) {
    .collect_block {
        width: 25%;
    }
}

@media screen and (max-width: 650px) {
    .collect_block {
        width: 33.33%;
    }
}

@media screen and (max-width: 400px) {
    .collect_block {
        width: 50%;
    }
}

/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

figure {
    margin: 0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}


a.knopka {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
} 
a.knopka:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */

/* --- КНОПКА СКАЧАТЬ (knopka) --- */
a.knopka {
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    background: #d44b38;
    padding: 12px 25px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 0 #b33a2a;
    transition: all 0.2s;
    text-align: center;
    margin: 10px 0;
}

a.knopka:hover {
    background: #e85f4c;
    transform: translateY(2px);
    box-shadow: 0 2px 0 #b33a2a;
}

a.knopka:active {
    transform: translateY(4px);
    box-shadow: none;
}

/* --- ВЕРТИКАЛЬНОЕ МЕНЮ (vertmenu) --- */
.vertmenu {
    margin: 0;
    background: #1c272e; /* Темный фон для контраста */
}

.vertmenu ul li {
    line-height: 40px; /* Увеличили высоту строки для мобилок */
    border-bottom: 1px solid #2a3842;
}

.vertmenu a {
    padding-left: 20px;
    display: block;
}

.vertmenu .subCat.plus, .chka:before {
    font-size: 30px; /* Сделали "+" крупнее */
    right: 15px;
}

/* --- МОБИЛЬНЫЙ ПАТЧ (В САМЫЙ НИЗ) --- */
@media screen and (max-width: 1024px) {
    .wrapper { flex-direction: column; }
    .sidebar, .content { width: 100% !important; }
    .header .search_block .search_field { width: 200px; }
}

@media screen and (max-width: 768px) {
    .header .search_block { display: none; } /* Скрываем поиск на мелких, если мешает */
    .shortstory .poster, .fullstory .poster {
        float: none;
        margin: 0 auto 20px auto !important;
        width: 200px;
        display: block;
    }
    .f-grid { flex-direction: column; }
    .info_block ul li { flex-direction: column; text-align: center; }
    .info_block li span:first-child { width: 100% !important; margin-bottom: 5px; }
    
    /* Сетки похожих книг и коллекций в 2 колонки */
    .related ul li, .collect_block { width: 50% !important; float: left; }
}

@media screen and (max-width: 480px) {
    .related ul li, .collect_block { width: 100% !important; float: none; }
    .content h1 { font-size: 18px; padding: 15px 10px; }
}

/* --- СТИЛИ ДЛЯ ПОЛНОЙ НОВОСТИ (БЕЗ КОНФЛИКТОВ) --- */
.book-page-container {
    padding: 20px;
    background: #fff;
    color: #333;
    max-width: 100%;
}

.book-page-header {
    margin-bottom: 30px;
    border-bottom: 2px solid #f0f2f5;
    padding-bottom: 15px;
}

.book-page-header h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.book-page-meta {
    font-size: 13px;
    color: #888;
}

/* Сетка контента */
.book-page-main {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
}

.book-page-aside {
    flex: 0 0 240px;
}

.book-page-cover img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.book-page-rating {
    margin-top: 20px;
    padding: 15px;
    background: #fdfdfd;
    border: 1px solid #eee;
    border-radius: 8px;
    text-align: center;
}

.book-page-rating .rate-label {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
}

/* Список характеристик */
.book-page-info {
    flex: 1;
}

.book-page-details {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.book-page-details li {
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
    font-size: 15px;
}

.book-page-details li .label {
    width: 150px;
    color: #777;
    flex-shrink: 0;
}

.book-page-details li .value {
    color: #222;
}

.admin-edit-row {
    background: #fff8f8;
    padding: 10px !important;
}

/* Кнопки */
.book-page-actions {
    margin-top: 30px;
}

/* Аннотация */
.book-page-description {
    background: #f9fbff;
    padding: 30px;
    border-radius: 16px;
    margin-bottom: 40px;
}

.section-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #173b56;
}

.text-content {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

/* Мобильная адаптация */
@media screen and (max-width: 800px) {
    .book-page-main {
        flex-direction: column;
        align-items: center;
    }
    
    .book-page-aside {
        width: 200px;
    }
    
    .book-page-details li {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .book-page-details li .label {
        width: auto;
    }
    
    .book-page-header h1 {
        font-size: 20px;
        text-align: center;
    }
}

/* --- ГЛОБАЛЬНЫЙ ПЕРЕЗАПУСК СПИСКА (modern-) --- */

.modern-book-item {
    background: #ffffff !important;
    border-bottom: 1px solid #edf2f7 !important;
    display: block !important;
    width: 100% !important;
    clear: both !important;
}

.modern-book-item:hover {
    background: #f7fafc !important;
}

.modern-row-link {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 15px !important;
    text-decoration: none !important;
    gap: 20px !important;
}

/* Левая часть: Название и Кнопки */
.modern-left-side {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.modern-title-line {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
}

.modern-name {
    color: #1a202c !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.modern-year {
    color: #a0aec0 !important;
    font-size: 12px !important;
}

/* КАТЕГОРИИ КАК СЕРЫЕ КНОПКИ (как на скрине) */
.modern-tags-line {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.modern-tags-line a {
    background: #edf2f7 !important; /* Светло-серый фон */
    color: #4a5568 !important; /* Серый текст */
    padding: 3px 10px !important;
    font-size: 11px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 1px solid #e2e8f0 !important;
    line-height: 1.4 !important;
    display: inline-block !important;
}

.modern-tags-line a:hover {
    background: #e2e8f0 !important;
    color: #2d3748 !important;
}

/* Правая часть: Форматы */
.modern-right-side {
    flex-shrink: 0 !important;
    text-align: right !important;
    min-width: 100px !important;
}

.modern-format {
    font-family: monospace !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    color: #4a5568 !important;
    text-transform: uppercase !important;
}

.modern-lang {
    font-size: 11px !important;
    color: #cbd5e0 !important;
    margin-left: 8px !important;
}

/* Фикс для мобилок */
@media screen and (max-width: 600px) {
    .modern-row-link {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    .modern-right-side {
        text-align: left !important;
        min-width: auto !important;
    }
}

/* --- СУПЕР-ФИНАЛ: ЗЕЛЕНЫЕ ТЕГИ, ФОРМАТЫ СПРАВА --- */

.final-book-row {
    background: #fff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: block !important;
    padding: 4px 15px !important; /* Минимальная высота */
}

.final-book-content {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 20px !important;
}

/* Левая сторона */
.final-book-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    flex: 1 !important;
}

.final-book-title-line {
    display: flex !important;
    align-items: baseline !important;
}

.final-book-dot {
    width: 18px !important; /* Фикс ширина для точки */
    color: #d24d4e !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.final-book-title-link {
    color: #1a1a1a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.final-book-year {
    color: #94a3b8 !important;
    font-size: 11px !important;
    margin-left: 8px !important;
}

/* КАТЕГОРИИ: ЗЕЛЕНЫЙ ФОН, БЕЛЫЙ ТЕКСТ */
.final-book-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    padding-left: 18px !important; /* Строго под начало названия */
}

.final-book-tags a {
    background: #27ae60 !important; /* Насыщенный зеленый */
    color: #ffffff !important; /* Белый текст */
    padding: 1px 8px !important;
    font-size: 10px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 1.5 !important;
    border: none !important;
}

/* Убираем пустые зеленые квадраты */
.final-book-tags a:empty { display: none !important; }

/* ПРАВАЯ СТОРОНА (ФОРМАТЫ) */
.final-book-right {
    display: flex !important;
    gap: 5px !important;
    padding-top: 2px !important; /* Выравнивание по линии названия */
    flex-shrink: 0 !important;
}

.final-book-fmt, .final-book-lang {
    background: #475569 !important; /* Темный фон */
    color: #fff !important;
    padding: 2px 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
}

.final-book-lang {
    background: #1e293b !important;
}

/* МОБИЛКА: Перестраиваем в столбик */
@media screen and (max-width: 800px) {
    .final-book-content {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .final-book-right {
        padding-left: 18px !important; /* Форматы под категориями */
    }
    .final-book-title-link {
        white-space: normal !important;
    }
}

/* --- НОВАЯ ИЗОЛИРОВАННАЯ ВЕРСТКА (bk- префикс) --- */

/* Контейнер-обертка */
.bk-site-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* Сайдбар */
.bk-site-sidebar {
    width: 300px !important;
    flex: 0 0 300px !important; /* Жестко 300px, не сжимать */
    background: #0f181e !important;
    min-height: 100vh !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
}

/* Главный блок контента */
.bk-main-container {
    flex: 1 !important;
    min-width: 0 !important; /* ГЛАВНЫЙ ФИКС: не дает распирать блок вправо */
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* Шапка контента (H1) */
.bk-page-header {
    padding: 20px 25px 10px 25px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.bk-page-header h1 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #202020 !important;
    margin: 0 !important;
}

/* Лента новостей */
.bk-news-feed {
    padding: 15px 25px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex: 1 !important;
}

/* Исправление вылета для DLE контента */
#dle-content {
    display: block !important;
    width: 100% !important;
    clear: both !important;
}

/* Футер */
.bk-site-footer {
    width: 100% !important;
    background: #f5f7fa !important;
    padding: 20px 0 !important;
}

/* АДАПТИВНОСТЬ ДЛЯ ТЕЛЕФОНОВ */
@media screen and (max-width: 1024px) {
    .bk-site-wrapper {
        flex-direction: column !important;
    }
    .bk-site-sidebar {
        width: 100% !important;
        flex: none !important;
        min-height: auto !important;
    }
    .bk-main-container {
        width: 100% !important;
    }
}

/* --- ФИКС КЛИКАБЕЛЬНОСТИ И СЛОЕВ --- */

/* Шапка: самый высокий приоритет */
.header.bk-header-fix {
    position: fixed !important;
    z-index: 9999 !important; /* Поверх всех блоков */
    width: 100% !important;
    background: #173b56 !important;
    pointer-events: auto !important;
}

.bk-header-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1240px !important;
}

/* Поиск строго в центре */
.bk-search-center {
    flex: 1 !important;
    max-width: 500px !important;
    margin: 0 40px !important;
}

.bk-search-center .search_field {
    width: 100% !important;
    border-radius: 20px !important;
    padding-left: 20px !important;
}

/* Блок кнопок справа */
.bk-nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.login_btn, .mob_menu_btn, .mob_search_btn {
    position: relative !important;
    z-index: 10000 !important; /* Кнопки должны быть выше фона шапки */
    cursor: pointer !important;
    display: block !important;
}

/* Кнопка ПРОФИЛЯ: стиль */
.login_btn {
    background: #4ddbe6 !important;
    color: #173b56 !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    height: auto !important;
}

/* Кнопка НАВЕРХ: фикс клика */
#scroll_top {
    z-index: 99999 !important; /* Максимальный слой */
    pointer-events: auto !important;
    display: block !important;
}

/* Мобильное меню: фикс появления */
.mob_menu {
    z-index: 9998 !important;
}

/* Адаптив для мобилок: скрываем поиск на узких экранах */
@media screen and (max-width: 800px) {
    .bk-search-center {
        display: none !important;
    }
    .login_btn {
        font-size: 11px !important;
        padding: 5px 12px !important;
    }
}

/* --- ОБНОВЛЕННАЯ ШАПКА --- */

/* Контейнер шапки */
.header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px !important;
    background: #173b56 !important;
    z-index: 9999 !important; /* Чтобы кнопки нажимались */
    display: block !important;
}

/* Флекс-сетка внутри .wrp */
.header .wrp {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* Лого - слева, Кнопки - справа */
    height: 100% !important;
    max-width: 1200px !important; /* Ширина сайта */
    width: 100% !important;
}

/* 1. Логотип */
.header .logo {
    float: none !important; /* Убираем старый флоат */
    padding: 0 !important;
}

/* 2. ПОИСК В ЦЕНТРЕ */
.header .search_block {
    float: none !important;
    flex: 1 !important; /* Занимает всё свободное место */
    max-width: 450px !important; /* Ограничиваем ширину поиска */
    margin: 0 40px !important;
    padding: 0 !important;
    display: block !important;
}

.header .search_field {
    width: 100% !important;
    background: #032a3b !important;
    border: 1px solid #4ddbe6 !important;
    border-radius: 20px !important;
    padding: 8px 40px 8px 20px !important;
    color: #fff !important;
    height: 38px !important;
}

.header .search_btn {
    right: 15px !important;
    top: 9px !important;
}

/* 3. КНОПКА ПРОФИЛЯ И МОБ. МЕНЮ */
.header_right_side {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.login_btn {
    float: none !important;
    margin: 0 !important;
    background: #4ddbe6 !important; /* Цвет кнопки */
    color: #173b56 !important;
    padding: 7px 20px !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    text-transform: none !important;
    display: inline-block !important;
}

.login_btn:hover {
    background: #fff !important;
}

/* Иконки на мобиле */
.mob_nav_btns {
    display: flex;
    gap: 10px;
}

/* МОБИЛЬНАЯ ВЕРСИЯ */
@media screen and (max-width: 850px) {
    .header .search_block {
        display: none !important; /* Скрываем поиск на мобиле (он обычно в моб. меню) */
    }
    
    .login_btn {
        padding: 5px 12px !important;
        font-size: 11px !important;
    }
}

/* --- ОБНОВЛЕННЫЙ САЙДБАР (bk- префикс) --- */

.bk-sidebar {
    background: #0f181e !important;
    padding: 0 !important;
    color: #fff !important;
}

.bk-side-block {
    margin-bottom: 25px;
}

/* Заголовки блоков */
.bk-side-title {
    background: #173b56 !important;
    color: #4ddbe6 !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-left: 4px solid #4ddbe6 !important;
}

/* Обычное меню (верхнее) */
.bk-menu-link {
    padding: 10px 0 !important;
}

.bk-menu-link li a {
    display: block !important;
    padding: 8px 20px !important;
    color: #bdc3c7 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: 0.3s !important;
}

.bk-menu-link li a:hover {
    background: rgba(77, 219, 230, 0.1) !important;
    color: #4ddbe6 !important;
    padding-left: 25px !important;
}

/* --- ВЕРТИКАЛЬНОЕ МЕНЮ (Гармошка) --- */
.vertmenu {
    border-top: 1px solid #1c272e !important;
}

.vertmenu ul li {
    position: relative !important;
    border-bottom: 1px solid #1c272e !important;
}

.vertmenu > ul > li > a {
    display: block !important;
    padding: 12px 45px 12px 20px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: #121d24 !important;
}

/* Кнопка ПЛЮСИК */
.vertmenu .chka {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 45px !important;
    height: 44px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.03) !important;
}

.vertmenu .chka:before {
    content: "+" !important;
    color: #4ddbe6 !important;
    font-size: 20px !important;
    font-family: monospace !important;
}

/* Скрываем чекбокс */
.vertmenu .subCat { display: none !important; }

/* Раскрытие меню */
.vertmenu .subCat:checked ~ .sub-list {
    display: block !important;
}

.vertmenu .subCat:checked + .chka:before {
    content: "−" !important;
}

/* Выпадающий список (подкатегории) */
.sub-list {
    background: #091014 !important;
    padding: 5px 0 !important;
    display: none;
}

.sub-list li a {
    padding: 6px 20px 6px 35px !important;
    font-size: 13px !important;
    color: #8fa3ad !important;
}

.sub-list li a:before {
    content: "•" !important;
    color: #4ddbe6 !important;
    margin-right: 8px !important;
}

/* Популярные книги (справа в сайдбаре) */
.popular-list {
    padding: 15px !important;
}

.popular-list .item_slide {
    margin-bottom: 15px !important;
    border-bottom: 1px solid #1c272e !important;
    padding-bottom: 10px !important;
}

/* --- ПОПУЛЯРНЫЕ КНИГИ В САЙДБАРЕ (ТЕКСТОВЫЙ СПИСОК) --- */

.bk-side-item {
    list-style: none !important;
    border-bottom: 1px solid #1c272e !important;
    transition: background 0.2s ease;
}

.bk-side-item:last-child {
    border-bottom: none !important;
}

.bk-side-item:hover {
    background: rgba(77, 219, 230, 0.05) !important;
}

.bk-side-link {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 15px !important;
    text-decoration: none !important;
}

/* Блок текста */
.bk-side-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0; /* Чтобы длинные названия не распирали блок */
}

.bk-side-title {
    color: #ecf0f1 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Три точки, если название очень длинное */
}

.bk-side-genre {
    color: #4ddbe6 !important; /* Бирюзовый цвет жанра */
    font-size: 11px !important;
    opacity: 0.8;
}

/* Рейтинг числом справа */
.bk-side-rating {
    background: #173b56 !important;
    color: #4ddbe6 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid #4ddbe6 !important;
    margin-left: 10px !important;
    flex-shrink: 0 !important;
}

/* Если рейтинг высокий, можно подсветить */
.bk-side-item:hover .bk-side-rating {
    background: #4ddbe6 !important;
    color: #173b56 !important;
}

/* --- БЛОК ОБНОВЛЕНИЙ В САЙДБАРЕ --- */

.bk-update-list {
    list-style: none !important;
    padding: 0 !important;
}

.bk-update-item {
    border-bottom: 1px solid #1c272e !important;
    transition: all 0.2s ease;
}

.bk-update-item:last-child {
    border-bottom: none !important;
}

.bk-update-link {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 15px !important;
    text-decoration: none !important;
}

.bk-update-item:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

/* Название и подзаголовок */
.bk-update-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.bk-update-title {
    color: #ecf0f1 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bk-update-sub {
    color: #7f8c8d !important;
    font-size: 11px !important;
}

/* Дата справа */
.bk-update-date {
    font-size: 10px !important;
    color: #d45e63 !important; /* Выделим дату мягким красным/розовым */
    background: rgba(212, 94, 99, 0.1) !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    margin-left: 10px !important;
    font-family: monospace !important;
    flex-shrink: 0 !important;
}

.bk-update-item:hover .bk-update-date {
    background: #d45e63 !important;
    color: #fff !important;
}

/* --- НОВОЕ ОФОРМЛЕНИЕ КНИГ (БЕЗ КОНФЛИКТОВ) --- */

.lib-item-row {
    background: #fff !important;
    border-bottom: 1px solid #f0f3f5 !important;
    padding: 6px 15px !important; /* Уменьшили высоту */
    transition: background 0.2s !important;
}

.lib-item-row:hover {
    background: #f8fbfe !important;
}

.lib-item-link {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-decoration: none !important;
    gap: 20px !important;
}

/* Лево: Название и Кнопки */
.lib-item-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.lib-item-header {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}

/* Звезда ТОПа */
.lib-item-star {
    color: #f1c40f !important; /* Золотой */
    font-size: 16px !important;
    width: 18px !important; /* Фикс ширина для выравнивания кнопок ниже */
    flex-shrink: 0 !important;
}

.lib-item-name {
    color: #1a1a1a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.lib-item-year {
    color: #94a3b8 !important;
    font-size: 11px !important;
    flex-shrink: 0 !important;
}

/* КАТЕГОРИИ: ЗЕЛЕНЫЙ ФОН, БЕЛЫЙ ТЕКСТ (КНОПКИ) */
.lib-item-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    padding-left: 26px !important; /* Сдвиг строго под начало текста (18px звезда + 8px gap) */
}

.lib-item-tags a {
    display: inline-block !important;
    background: #27ae60 !important; /* Тот самый зеленый */
    color: #ffffff !important; /* Белый текст */
    padding: 1px 8px !important;
    font-size: 10px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    border: none !important;
}

.lib-item-tags a:hover {
    background: #2ecc71 !important;
}

/* РЕЙТИНГ СПРАВА */
.lib-item-rating {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    min-width: 70px !important;
    flex-shrink: 0 !important;
}

.lib-item-score {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #27ae60 !important; /* Цвет рейтинга */
    line-height: 1 !important;
}

.lib-item-votes {
    font-size: 10px !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    margin-top: 2px !important;
}

/* Адаптив для мобилок */
@media screen and (max-width: 600px) {
    .lib-item-link {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    .lib-item-rating {
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        padding-left: 26px !important;
    }
    .lib-item-name {
        white-space: normal !important;
    }
}

/* --- СОВРЕМЕННЫЕ ХЛЕБНЫЕ КРОШКИ (SPEEDBAR) --- */

.bk-speedbar-container {
    padding: 15px 25px 0 25px !important;
    background: #fff !important;
}

.bk-nav-path {
    font-size: 13px !important;
    color: #94a3b8 !important;
    line-height: 1.4 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

/* Стили ссылок в крошках */
.bk-nav-path a {
    color: #475569 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.bk-nav-path a:hover {
    color: #27ae60 !important; /* Зеленый акцент при наведении */
}

/* Кастомный разделитель вместо стандартного » */
.bk-nav-path span {
    margin: 0 8px !important;
    color: #cbd5e1 !important;
    font-size: 11px !important;
}

/* Последний элемент (текущая страница) */
.bk-nav-path b, 
.bk-nav-path strong {
    font-weight: 600 !important;
    color: #1e293b !important;
}

/* Иконка домика перед началом (опционально) */
.bk-nav-path:before {
    content: "🏠";
    margin-right: 8px;
    font-size: 12px;
    opacity: 0.7;
}

/* Адаптив: на мобилках чуть меньше отступы */
@media screen and (max-width: 768px) {
    .bk-speedbar-container {
        padding: 10px 15px 0 15px !important;
    }
    .bk-nav-path {
        font-size: 12px !important;
    }
}

/* --- БЛОК ПОСЛЕДНИХ КОММЕНТАРИЕВ В САЙДБАРЕ --- */

.bk-comm-list {
    list-style: none !important;
    padding: 0 !important;
}

.bk-comm-item {
    border-bottom: 1px solid #1c272e !important;
    transition: all 0.2s ease;
}

.bk-comm-item:last-child {
    border-bottom: none !important;
}

.bk-comm-link {
    display: block !important;
    padding: 12px 15px !important;
    text-decoration: none !important;
}

.bk-comm-item:hover {
    background: rgba(77, 219, 230, 0.03) !important;
}

/* Шапка комментария: Автор и Дата */
.bk-comm-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 6px !important;
}

.bk-comm-author {
    color: #4ddbe6 !important; /* Бирюзовый автор */
    font-size: 13px !important;
    font-weight: 700 !important;
}

.bk-comm-date {
    color: #5d6d7e !important;
    font-size: 10px !important;
    font-family: monospace !important;
}

/* Текст отзыва */
.bk-comm-text {
    color: #ecf0f1 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    font-style: italic !important;
    position: relative !important;
    padding-left: 12px !important;
    border-left: 2px solid #34495e !important;
    margin-bottom: 8px !important;
}

/* Название книги, к которой написан отзыв */
.bk-comm-book {
    font-size: 10px !important;
    color: #7f8c8d !important;
    text-transform: uppercase !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bk-comm-book span {
    color: #bdc3c7 !important;
    font-weight: 600 !important;
}

/* Эффект при наведении */
.bk-comm-item:hover .bk-comm-text {
    border-left-color: #4ddbe6 !important;
    color: #fff !important;
}

/* --- СОВРЕМЕННЫЕ КОММЕНТАРИИ (c- префикс) --- */

.c-item {
    display: flex !important;
    gap: 20px !important;
    background: #fff !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 12px !important;
    border: 1px solid #edf2f7 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
}

/* Аватарка */
.c-aside { flex-shrink: 0 !important; }
.c-avatar { 
    position: relative !important; 
    width: 50px !important; 
    height: 50px !important; 
}
.c-avatar img { 
    width: 100% !important; 
    height: 100% !important; 
    border-radius: 50% !important; 
    object-fit: cover !important;
    background: #f0f2f5 !important;
}

/* Точка онлайн */
.c-online-dot {
    position: absolute !important;
    bottom: 2px !important;
    right: 2px !important;
    width: 12px !important;
    height: 12px !important;
    background: #2ecc71 !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
}

/* Тело комментария */
.c-body { flex: 1 !important; min-width: 0 !important; }

.c-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.c-name { font-weight: 700 !important; color: #2d3748 !important; font-size: 15px !important; }
.c-date { color: #a0aec0 !important; font-size: 12px !important; margin-left: 10px !important; }

/* РЕЙТИНГ (Тип 3) */
.c-rating {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #f7fafc !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
}
.c-rate-count { font-weight: 700 !important; font-size: 13px !important; }
.c-rate-plus a { color: #2ecc71 !important; text-decoration: none !important; }
.c-rate-minus a { color: #e74c3c !important; text-decoration: none !important; }

/* Текст */
.c-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #4a5568 !important;
    margin-bottom: 15px !important;
    word-wrap: break-word !important;
}

/* Подпись */
.c-sig { 
    font-size: 12px !important; 
    color: #cbd5e0 !important; 
    margin-top: 10px !important; 
    border-top: 1px dashed #edf2f7 !important; 
    padding-top: 5px !important; 
}

/* Подвал комментария */
.c-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-top: 1px solid #f7fafc !important;
    padding-top: 12px !important;
}

.c-btn {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #4a5568 !important;
    cursor: pointer !important;
    margin-right: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.c-btn:hover { color: #27ae60 !important; }

/* Админ-кнопки */
.c-admin-tools { display: flex !important; gap: 8px !important; align-items: center !important; }
.c-tool-btn { 
    color: #a0aec0 !important; 
    cursor: pointer !important; 
    font-size: 14px !important; 
}
.c-tool-btn:hover { color: #4a5568 !important; }
.c-tool-btn.c-warn:hover { color: #f6ad55 !important; }
.c-tool-btn.c-danger:hover { color: #e53e3e !important; }

/* Адаптив */
@media screen and (max-width: 600px) {
    .c-item { flex-direction: column !important; gap: 10px !important; }
    .c-header { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
    .c-footer { flex-direction: column !important; align-items: flex-start !important; gap: 15px !important; }
    .c-admin-tools { width: 100% !important; justify-content: flex-end !important; }
}

.add-comment-form {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-top: 20px;
    font-family: system-ui, -apple-system, sans-serif;
}

.ac-header h4 { margin: 0 0 20px 0; font-size: 1.2rem; color: #333; }

.ac-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}

.ac-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #f9f9f9;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.ac-input:focus {
    border-color: #007bff;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0,123,255,0.1);
    outline: none;
}

.ac-editor { margin-bottom: 20px; }

/* Фикс для стандартного редактора DLE */
.ac-editor textarea { border-radius: 8px !important; border: 1px solid #e0e0e0 !important; }

.ac-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.ac-captcha-box { display: flex; align-items: center; gap: 10px; }
.ac-cap-img img { border-radius: 6px; }

.ac-btn {
    background: #007bff;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.ac-btn:hover { background: #0056b3; }

@media (max-width: 600px) {
    .ac-grid { grid-template-columns: 1fr; }
    .ac-footer { flex-direction: column; align-items: stretch; }
}

.feedback-page {
    max-width: 800px;
    margin: 20px auto;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.fb-header h1 { margin: 0 0 10px; font-size: 24px; color: #222; }
.fb-header p { color: #777; margin-bottom: 25px; }

.fb-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.fb-field { margin-bottom: 20px; }
.fb-field label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 14px; color: #444; }
.impot { color: #ff4d4f; margin-left: 3px; }

.fb-input, .fb-textarea, .fb-select-wrapper select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fcfcfc;
    transition: 0.2s;
    font-size: 15px;
    box-sizing: border-box;
}

.fb-input:focus, .fb-textarea:focus {
    border-color: #007bff;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 4px rgba(0,123,255,0.1);
}

.fb-textarea { height: 150px; resize: vertical; }

.fb-verification {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
}

.fb-captcha-item { margin-bottom: 15px; }
.fb-captcha-item:last-child { margin-bottom: 0; }

.fb-btn {
    background: #28a745;
    color: #fff;
    border: none;
    padding: 14px 35px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition: 0.3s opacity;
}

.fb-btn:hover { opacity: 0.9; }

/* Адаптация под мобильные */
@media (max-width: 640px) {
    .fb-grid { grid-template-columns: 1fr; gap: 10px; }
    .feedback-page { padding: 20px; }
}

.site-footer {
    background-color: #1a1a1a; /* Темный современный фон */
    color: #999;
    padding: 40px 0;
    margin-top: 1px;
    border-top: 1px solid #333;
    font-family: -apple-system, system-ui, sans-serif;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.footer-logo {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.footer-copy {
    font-size: 0.85rem;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 25px;
}

.footer-links a {
    color: #bbb;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #007bff; /* Цвет при наведении */
}

.footer-tagline {
    font-size: 0.8rem;
    font-style: italic;
    opacity: 0.6;
}

/* Адаптивность для телефонов */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        text-align: center;
    }
    .footer-links {
        justify-content: center;
        flex-direction: column;
        gap: 15px;
    }
}