@charset "UTF-8";

@import url('../fonts/font.css');

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

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

picture {
    display: contents;
}

html * {
    font-family: Open Sans, sans-serif;
}

/* Настройка основной типографии */
body {
    -webkit-font-smoothing: antialiased;
    background-color: #0f111a;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
    font-size: 18px;
    height: 100%;
    line-height: 1.4;
    margin: 0;
    outline: 0;
    scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
    text-align: left;
    --scrollbar-foreground: #8d8e94;
    --scrollbar-background: #2d303b;
    --scrollbar-size: 16px;
}

body::-webkit-scrollbar {
    height: var(--scrollbar-size);
    width: var(--scrollbar-size);
}

body::-webkit-scrollbar-thumb {
    background: var(--scrollbar-foreground);
    border: 6px solid #2d303b;
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: var(--scrollbar-background);
    border-radius: 0;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:focus,
blockquote:focus-visible,
q:focus,
q:focus-visible {
    outline: 0;
}

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

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

html {
    height: 100%;
}

loading-layer {
    display: none !important;
}

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

input[type=text]::-ms-clear,
input[type=text]::-ms-reveal {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    display: none !important;
}

input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none !important;
}


.wrapper {
    position: relative;
}

.wrapper {
    max-width: 100%;
    min-height: 100%;
    position: relative;
}

.wrapper-container {
    max-width: 2560px;
    margin: 0 auto;
    position: relative;
    z-index: 20;
}

.container,
#searchsuggestions > .notfound,
#searchsuggestions > a {
    padding-left: 5.6rem !important;
    padding-right: 5.6rem !important;
}

#dle-content {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    min-height: calc(100vh);
    /*min-height: calc(100vh - 324px);*/
    overflow: hidden;
    padding-bottom: 30px;
    position: relative
}

article.page, section.page {
    max-width: 736px
}

article .title, section .title {
    margin-top: 32px
}

article .title a,
section .title a {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 9px
}

section.main-page .card-grid {
    margin-top: 0
}

.mobile-bar, .open-nav {
    display: none
}

.cat-title {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -moz-box-align: baseline;
    align-items: baseline;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 16px
}

.cat-title,
.cat-title.cat-page {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    justify-content: space-between;
    width: 100%
}

.cat-title.cat-page {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 28px
}

.cat-title.cat-page h1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.cat-title.cat-page h1 .catnewscount {
    color: #bf000a;
    margin-left: 10px
}

.cat-title.cat-page a {
    margin-top: auto
}

.load-more {
    -ms-grid-column-span: 4;
    display: block;
    grid-column: span 4;
    margin-bottom: 0;
    margin-top: 32px;
    text-align: center;
    width: 100%
}

.load-more a,
.load-more a:hover {
    text-decoration: none
}

.load-more button {
    margin-left: auto;
    margin-right: auto;
    padding: 11px 48px
}

#loading-layer {
    display: none !important
}

.dlepl--borderRadius .plyr {
    --plyr-color-main: #1e1e1e !important;
    aspect-ratio: 16/9;
}

.hljs-comment,
.hljs-quote {
    color: #fff;
    font-style: italic
}

.hljs-addition,
.hljs-attr,
.hljs-attribute,
.hljs-built_in,
.hljs-bullet,
.hljs-class .hljs-title,
.hljs-deletion,
.hljs-doctag,
.hljs-formula,
.hljs-keyword,
.hljs-link,
.hljs-literal,
.hljs-meta,
.hljs-meta-string,
.hljs-name,
.hljs-number,
.hljs-regexp,
.hljs-section,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-pseudo,
.hljs-selector-tag,
.hljs-string,
.hljs-subst,
.hljs-symbol,
.hljs-template-variable,
.hljs-title,
.hljs-type,
.hljs-variable,
pre code .regexp,
pre code .value {
    color: #fff
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 400
}

.hljs-link {
    text-decoration: underline
}

.dle-popup-userprofile {
    background: #262626;
    border-radius: 16px;
    width: 480px !important
}

.dle-popup-userprofile .user-info-modal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.dle-popup-userprofile .team-modal-content {
    margin: 24px 0 0
}

.dle-popup-userprofile .team-modal-content span.body-2 {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-style: inherit;
    line-height: 24px;
    text-align: center
}

.dle-popup-userprofile span.caption-1 {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #8e8e8e;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    text-align: center
}

.dle-popup-userprofile .ui-dialog-buttonpane {
    display: none
}

.xfieldimagegallery {
    clear: both
}

.xfieldimagegallery,
.xfieldimagegallery li {
    list-style: none;
    margin: 0;
    padding: 0
}

.xfieldimagegallery li img {
    border: 5px solid #fff;
    float: left;
    height: 100px;
    margin-right: 5px;
    -webkit-transition: -webkit-box-shadow .5s ease;
    transition: -webkit-box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
    transition: box-shadow .5s ease, -webkit-box-shadow .5s ease;
    width: 100px
}

.xfieldimagegallery li img:hover {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .4);
    box-shadow: 0 0 7px rgba(0, 0, 0, .4)
}

.minify_content-info {
    /*height: 56px;*/
    overflow: hidden
}

.minify_content-descritpion {
    height: 192px;
    overflow: hidden
}

.minify_content-descritpion_more {
    height: 72px;
    overflow: hidden
}

.button_arrow {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    height: 24px;
    justify-content: center;
    margin-top: auto;
    padding-bottom: 5px;
    position: relative;
    text-align: center;
    width: 24px
}

.button_arrow:hover .arrow {
    opacity: 1
}

.button_arrow:active .arrow {
    opacity: .8
}

.more span {
    color: #0d84fb;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px
}

ul.ui-form {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.ui-form_flex {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}

.form-group {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.ui-widget-overlay {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: .8;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999 !important
}

.ui-dialog {
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px;
    overflow: hidden;
    z-index: 99999999 !important
}

.ui-dialog label {
    color: #fff
}

.ui-dialog.team-dialog .ui-dialog-titlebar {
    padding: 0;
    width: 0
}

.ui-dialog.team-dialog .ui-dialog-titlebar .ui-button {
    position: absolute;
    right: 32px;
    top: 32px
}

.ui-dialog.team-dialog .ui-dialog-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-top: 0
}

.ui-dialog.team-dialog button.big {
    margin-bottom: 8px;
    margin-top: 24px
}

.ui-dialog.dle-popup-userprofile .ui-dialog-titlebar {
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0;
    width: 0
}

.ui-dialog.dle-popup-userprofile .ui-dialog-titlebar span {
    font-size: 0 !important;
    line-height: 0 !important
}

.ui-dialog.dle-popup-userprofile .ui-dialog-titlebar span .caption-1 {
    color: #8e8e8e;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.ui-dialog.dle-popup-userprofile .ui-dialog-titlebar .ui-button {
    position: absolute;
    right: 32px;
    top: 32px
}

.ui-dialog.dle-popup-userprofile .ui-dialog-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-top: 0
}

.ui-dialog.dle-popup-userprofile .ui-dialog-content .team-modal-info {
    margin-bottom: 0;
    margin-top: 0
}

.ui-dialog.dle-popup-userprofile .ui-dialog-content .team-modal-info img {
    border-radius: 100%;
    height: 80px;
    width: 80px
}

.ui-dialog-titlebar {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    align-items: flex-start;
    cursor: all-scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    padding: 32px 32px 0;
    justify-content: space-between;
}

.ui-dialog-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left
}

.ui-dialog-titlebar-close {
    background: transparent;
    border-radius: 0;
    opacity: .5;
    padding: 0 !important
}

.ui-dialog-titlebar-close:hover {
    background: transparent;
    opacity: 1
}

.ui-dialog-titlebar-close:active {
    background: transparent;
    opacity: .8
}

.ui-dialog-titlebar-close .ui-icon {
    background: #2d303b url(../images/svg/close.svg);
    background-size: 24px auto;
    display: block;
    height: 24px;
    width: 24px;
    font-size: 0;
}

.ui-button {
    font-size: 0 !important;
    line-height: 0;
    margin-left: auto;
    padding: 12px 25px
}

.ui-button .ui-button-text {
    color: #fff;
    text-transform: uppercase
}

.ui-dialog-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 24px 24px 0px 32px;
}

.ui-dialog-buttonpane {
    border-top: none;
    padding: 0 32px 24px
}

.ui-dialog-buttonset {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    grid-gap: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-left: auto
}

.ui-dialog-buttonset .ui-button {
    background: #262626;
    border: 1px solid #4e4e4e;
    color: #8e8e8e;
    font-size: inherit !important;
    line-height: inherit;
    margin-left: 0
}

.ui-dialog-buttonset .ui-button:hover {
    background: #2e2e2e
}

.ui-dialog-buttonset .ui-button:active {
    background: #2e2e2e;
    opacity: .8
}

.ui-dialog-buttonset .ui-button:last-child {
    background: #e50914;
    border-width: 0;
    color: #fff
}

.ui-dialog-buttonset .ui-button:last-child:hover {
    background: #bf000a
}

.ui-dialog-buttonset .ui-button:last-child:active {
    background: #409fff;
    opacity: .8
}

.dle-popup-alert {
    width: 736px !important
}

.overflowhidecs {
    height: 100vh;
    overflow-y: hidden
}

.swiper-container {
    border-radius: 8px;
    margin-left: 1px;
    width: 100%
}

.swiper-container,
.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    height: 100%
}

.swiper-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    justify-content: center
}

.swiper {
    margin-bottom: 60px
}

.swiper-container-cat {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    height: 100%;
    margin-left: 1px;
    width: 100%
}

.swiper-button-next,
.swiper-button-prev {
    width: 70px !important
}

.swiper-slide-cat {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    justify-content: center
}

.swiper-box {
    display: block;
    height: 100%;
    list-style: none;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    overflow: initial;
    padding: 0;
    position: relative;
    width: 0;
    z-index: 1
}

.swiper-box .swiper-slide {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: inherit
}

.swiper-box .swiper-slide-visible {
    opacity: 1 !important
}

.swiper-box.swiper-initialized {
    opacity: 1;
    width: auto
}

.swiper-top {
    display: block;
    height: 100%;
    list-style: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    overflow: initial;
    padding: 0;
    position: relative;
    width: 0;
    z-index: 1
}

.swiper-top .swiper-slide {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: inherit
}

.swiper-top .swiper-top-item {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.swiper-top .swiper-top-item .top-1,
.swiper-top .swiper-top-item .top-2,
.swiper-top .swiper-top-item .top-3,
.swiper-top .swiper-top-item .top-4,
.swiper-top .swiper-top-item .top-5,
.swiper-top .swiper-top-item .top-6,
.swiper-top .swiper-top-item .top-7,
.swiper-top .swiper-top-item .top-8,
.swiper-top .swiper-top-item .top-9,
.swiper-top .swiper-top-item .top-10 {
    -ms-flex-negative: 0;
    display: none;
    flex-shrink: 0;
    height: 100%;
    margin-bottom: 10%;
    position: relative;
    width: 35%;
    z-index: -1
}

.swiper-top .swiper-top-item .top-1 g,
.swiper-top .swiper-top-item .top-2 g,
.swiper-top .swiper-top-item .top-3 g,
.swiper-top .swiper-top-item .top-4 g,
.swiper-top .swiper-top-item .top-5 g,
.swiper-top .swiper-top-item .top-6 g,
.swiper-top .swiper-top-item .top-7 g,
.swiper-top .swiper-top-item .top-8 g,
.swiper-top .swiper-top-item .top-9 g,
.swiper-top .swiper-top-item .top-10 g {
    height: 100%;
    width: 100%
}

.swiper-top .swiper-top-item:first-child .top-1,
.swiper-top .swiper-top-item:nth-child(2) .top-2,
.swiper-top .swiper-top-item:nth-child(3) .top-3,
.swiper-top .swiper-top-item:nth-child(4) .top-4,
.swiper-top .swiper-top-item:nth-child(5) .top-5,
.swiper-top .swiper-top-item:nth-child(6) .top-6,
.swiper-top .swiper-top-item:nth-child(7) .top-7,
.swiper-top .swiper-top-item:nth-child(8) .top-8,
.swiper-top .swiper-top-item:nth-child(9) .top-9,
.swiper-top .swiper-top-item:nth-child(10) .top-10 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-top .swiper-slide-visible {
    opacity: 1 !important
}

.swiper-top.swiper-initialized {
    opacity: 1;
    width: auto
}

.swiper-season {
    display: block;
    height: 100%;
    list-style: none;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    overflow: initial;
    padding: 0;
    position: relative;
    width: 0;
    z-index: 1
}

.swiper-season .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: inherit;
    position: relative
}

.swiper-season .swiper-slide .title {
    bottom: -52px;
    margin-top: 28px;
    opacity: .5;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.swiper-season .swiper-slide:hover .title {
    opacity: 1
}

.swiper-season .swiper-slide-visible {
    opacity: 1 !important
}

.swiper-season.swiper-initialized {
    opacity: 1;
    width: auto
}

a {
    color: #e50914;
    cursor: pointer;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

a,
a.button-hover:hover,
a button,
a button:hover {
    text-decoration: none
}

a:hover {
    color: #e50914;
    text-decoration: underline
}

.button,
button {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: -o-linear-gradient(
            186.73deg,
            #ff2b36 0,
            #e50914 58.72%,
            #bf000a 90.93%
    );

    background: linear-gradient(
            263.27deg,
            #ff2b36,
            #e50914 58.72%,
            #bf000a 90.93%
    );
    border-radius: 8px;
    border-width: 0;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 24px;
    padding: 18px 30px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    white-space: nowrap
}

.button:hover,
button:hover {
    -webkit-box-shadow: inset 0 0 100px 100px hsla(0, 0%, 100%, .2);
    box-shadow: inset 0 0 100px 100px hsla(0, 0%, 100%, .2)
}

.button:active,
.button:hover,
button:active,
button:hover {
    background: -o-linear-gradient(
            186.73deg,
            #ff2b36 0,
            #e50914 58.72%,
            #bf000a 90.93%
    );

    background: linear-gradient(
            263.27deg,
            #ff2b36,
            #e50914 58.72%,
            #bf000a 90.93%
    );
    color: #fff;
    outline: 0;
    text-decoration: none
}

.button:active,
button:active {
    opacity: .8
}

.button.big,
button.big {
    font-weight: 600;
    max-height: 48px;
    padding: 12px 32px;
    text-align: center
}

.button.medium,
button.medium {
    background: -o-linear-gradient(
            186.73deg,
            #ff2b36,
            #e50914 58.72%,
            #bf000a 90.93%
    );

    background: linear-gradient(
            263.27deg,
            #ff2b36,
            #e50914 58.72%,
            #bf000a 90.93%
    );

    max-height: 40px;
    padding: 10px 18px;
    text-align: center;
}

.button.small,
button.small {
    font-weight: 600;
    max-height: 32px;
    padding: 6px 16px;
    text-align: center
}

.button.gray,
button.gray {
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .15)
}

.button.gray:hover,
button.gray:hover {
    background: #3c3f49;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.social,
button.social {
    background: transparent;
    border: 1px solid #fff;
    padding: 10px 16px
}

.button.social:hover,
button.social:hover {
    background: #2d303b;
    border: 1px solid #2d303b;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.button.unactive,
.button:disabled,
button.unactive,
button:disabled {
    background-color: #2d303b;
    color: #fff;
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.button__icon,
button__icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    background: none !important;
    color: #fff;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    opacity: .5;
    padding: 0
}

.button__icon-active,
.button__icon:hover,
button__icon-active,
button__icon:hover {
    opacity: 1
}

.button_more {
    margin-left: auto;
    margin-top: -24px
}

.button_more:hover {
    text-decoration: underline
}

.edit-btn {
    background: #262626;
    border-radius: 8px;
    display: inline-block;
    display: block;
    opacity: 1;
    padding: 18px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.edit-btn:active {
    opacity: .8
}

#scroll_top {
    bottom: 1rem;
    right: 1rem;
    position: fixed;
    display: none;
    z-index: 99;
}

/* кнопка */
#scroll_top #scroll_top_btn {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
            263.27deg,
            #ff2b36,
            #e50914 58.72%,
            #bf000a 90.93%
    );

    color: #fff;
}

/* SVG слой */
.progress-ring {
    position: absolute;
    inset: -7px;
    transform: rotate(-90deg);
    pointer-events: none;
    left: -5px;
    top: -5px;
}

/* фон */
.progress-bg {
    fill: none;
    stroke: rgba(255, 255, 255, 0.14);
    stroke-width: 2.5;
}

/* glow (размытие отдельным слоем) */
.progress-glow {
    fill: none;
    stroke: rgba(255, 255, 255, 0.35);
    stroke-width: 5;
    filter: blur(3px);
    opacity: 0.6;
}

/* основной прогресс */
.progress-fill {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2.5;
    stroke-linecap: round;

    stroke-dasharray: 163.36;
    stroke-dashoffset: 163.36;

    transition: stroke-dashoffset 0.12s linear;
}

/* иконка поверх */
#scroll_top i {
    position: relative;
    z-index: 2;
    transform: rotate(180deg);
}

.cat-grid.more-col,
.cat-grid.more-col > #dle-content {
    -ms-grid-columns: (1fr) [ 7 ];
    grid-template-columns: repeat(7, 1fr)
}

.cat-grid.more-col .load-more,
.cat-grid.more-col > #dle-content .load-more {
    -ms-grid-column-span: 7;
    grid-column: span 7
}

.cat-grid.more-col .tags,
.cat-grid.more-col > #dle-content .tags {
    display: inline-table;
    margin-bottom: 24px
}

.cat-grid.more-col .tags span,
.cat-grid.more-col > #dle-content .tags span {
    background: #2e2e2e;
    border: 1px solid #4e4e4e;
    border-radius: 4px;
    display: inherit;
    margin: 0 8px 8px 0;
    opacity: .5;
    padding: 6px 12px;
    position: relative;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.cat-grid.more-col .tags span a,
.cat-grid.more-col > #dle-content .tags span a {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none
}

.cat-grid.more-col .tags span a:after,
.cat-grid.more-col > #dle-content .tags span a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cat-grid.more-col .tags span:hover,
.cat-grid.more-col > #dle-content .tags span:hover {
    opacity: 1
}

.cat-grid.more-col .tags span:active,
.cat-grid.more-col > #dle-content .tags span:active {
    background: #2e2e2e;
    border: 1px solid #409fff
}

.cat-grid.more-col .tags span:active a,
.cat-grid.more-col > #dle-content .tags span:active a {
    color: #409fff
}

.cat-grid.more-col {
    -ms-grid-columns: (1fr) [ 4 ];
    grid-template-columns: repeat(4, 1fr)
}

.cat-grid.more-col .load-more {
    -ms-grid-column-span: 4;
    grid-column: span 4
}

.cat-grid {
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr;
    grid-gap: 29px 19px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto
}

.cat-grid > :first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.cat-grid > :nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.cat-grid > :nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1
}

.cat-grid > :nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-row: 1
}

.cat-grid > :nth-child(5) {
    -ms-grid-column: 9;
    -ms-grid-row: 1
}

.cat-grid > :nth-child(6) {
    -ms-grid-column: 11;
    -ms-grid-row: 1
}

.cat-grid > :nth-child(7) {
    -ms-grid-column: 13;
    -ms-grid-row: 1
}

.cat-grid > .section-content {
    -ms-grid-column-span: 7;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr;
    grid-gap: 29px 19px;
    display: -ms-grid;
    display: grid;
    grid-column: span 7;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto
}

.cat-grid > .section-content > .swiper-slide {
    opacity: 1;
}

.cat-grid > .section-content > :first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.cat-grid > .section-content > :nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.cat-grid > .section-content > :nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1
}

.cat-grid > .section-content > :nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-row: 1
}

.cat-grid > .section-content > :nth-child(5) {
    -ms-grid-column: 9;
    -ms-grid-row: 1
}

.cat-grid > .section-content > :nth-child(6) {
    -ms-grid-column: 11;
    -ms-grid-row: 1
}

.cat-grid > .section-content > :nth-child(7) {
    -ms-grid-column: 13;
    -ms-grid-row: 1
}

.cat-grid-filter {
    -ms-grid-column-span: 7;
    -ms-grid-column: 1;
    grid-column: 1/span 7
}

i.icons-fav:before {
    background: url('../images/svg/fav.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px
}

i.icons-fav:before,
i.icons-menu:before {
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-menu-close:before {
    background: url('../images/svg/close.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-fav-full:before {
    background: url('../images/svg/fav_full.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px
}

i.icons-fav-full:before,
i.icons-search:before {
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-search:before {
    background: url('../images/svg/search.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px
}

.brand {
    position: relative;
    height: 30px;
    width: 140px;
    color: #fff;
    display: flex;
    align-items: baseline;
}

.brand span {
    position: absolute;
    left: 39px;
    top: -1px;
    font-size: 30px;
    font-weight: 600;
    transition: 0.1s;
}

.brand svg {
    width: 36px;
    height: 36px;
    fill: #e50914;
}

.brand span > span {
    left: 102px;
    font-size: 16px;
}

i.icons-login:before {
    background: url('../images/svg/user.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

i.icons-vk:before {
    background: url('../images/svg/socials/vk.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px
}

i.icons-tg:before,
i.icons-vk:before {
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-tg:before {
    background: url('../images/svg/socials/tg.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px
}

i.icons-inst:before {
    background: url('../images/svg/socials/inst.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-fb:before {
    background: url('../images/svg/socials/fb.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-tik-tok:before {
    background: url('../images/svg/socials/tik-tok.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-patreon:before {
    background: url('../images/svg/socials/patreon.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-watt-pad:before {
    background: url('../images/svg/socials/watt-pad.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-arrow-right:before {
    background: url('../images/svg/right.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 28px;
    content: "";
    display: block;
    height: 28px;
    width: 28px
}

i.icons-arrow-bot:before {
    background: url('../images/svg/bot.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 18px;
    content: "";
    display: block;
    height: 18px;
    width: 18px
}

i.icons-mic:before {
    background: url('../images/svg/mic.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

i.icons-series:before {
    background: url('../images/svg/series.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

i.icons-sub:before {
    background: url('../images/svg/hd.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

i.icons-lvl:before {
    background: url('../images/svg/lvl.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px
}

i.icons-eye:before {
    background: url('../images/svg/eye.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px
}

i.icons-globe:before {
    background: url('../images/svg/globe.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px
}

i.icons-globe:before,
i.icons-eye:before,
i.icons-lvl:before,
i.icons-play:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

i.icons-play:before {
    background: url('../images/svg/play.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px
}

i.icons-top:before {
    background: url('../images/svg/bot.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

i.icons-faq:before {
    background: url('../images/faq.png');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 683px;
    height: 843px;
    width: 683px
}

i.icons-about:before,
i.icons-faq:before {
    content: "";
    display: block;
    position: absolute
}

i.icons-about:before {
    /*background: url('../images/login/mysite.png');*/
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 942px;
    height: 521px;
    width: 942px
}

i.icons-close:before {
    background: url('../images/svg/close.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    width: 24px
}

i.icon-next:before {
    background: url('../images/svg/next.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 14px
}

i.icon-next:before,
i.icon-prev:before {
    content: "";
    display: block;
    height: 14px;
    position: relative;
    width: 14px
}

i.icon-prev:before {
    background: url('../images/svg/prev.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 14px
}

i.icons-more:before {
    background: url('../images/svg/more.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    display: block;
    height: 24px;
    position: relative;
    width: 24px
}

i.icons-home-bar:before {
    background: url('../images/svg/home.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px
}

i.icons-home-bar:before,
i.icons-movie-bar:before {
    content: "";
    display: block;
    height: 20px;
    position: relative;
    width: 20px
}

i.icons-movie-bar:before {
    background: url('../images/svg/movie.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px
}

i.icons-series-bar:before {
    background: url('../images/svg/series.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px
}

i.icons-more-bar:before,
i.icons-series-bar:before {
    content: "";
    display: block;
    height: 20px;
    position: relative;
    width: 20px
}

i.icons-more-bar:before {
    background: url('../images/svg/more.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px
}

i.icons-close-bar:before {
    background: url('../images/svg/close.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

input {
    -webkit-appearance: textfield;
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    opacity: .8;
    padding: 18px 30px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input:-webkit-autofill:first-line {
    font-family: Open Sans !important;
    font-size: 15px;
    font-weight: 400
}

input::-webkit-input-placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input::-moz-placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input:-ms-input-placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input::-ms-input-placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input::placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input:focus {
    border: 1px solid #e50914;
    opacity: 1;
    outline: 0 !important
}

input:focus::-webkit-input-placeholder {
    color: #a3a4a9
}

input:focus::-moz-placeholder {
    color: #a3a4a9
}

input:focus:-ms-input-placeholder {
    color: #a3a4a9
}

input:focus::-ms-input-placeholder {
    color: #a3a4a9
}

input:focus::placeholder {
    color: #a3a4a9
}

input:hover {
    opacity: 1
}

.input::-webkit-search-decoration {
    -webkit-appearance: none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: none
}

select::-ms-expand {
    display: none
}

select {
    grid-gap: 150px;
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px;
    color: #a3a4a9;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    opacity: .8;
    padding: 18px 30px;
    position: relative;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

select:hover {
    opacity: 1
}

select:active,
select:focus {
    border: 1px solid #e50914;
    opacity: 1;
    outline: 0 !important
}

.date:after {
    background: url('../images/svg/bot.svg') !important;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px !important;
    bottom: 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px !important;
    margin: 10px !important;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    right: 1px !important;
    top: 1px !important;
    width: 20px !important
}

.date:hover:after {
    opacity: 1
}

.select {
    position: relative
}

.select:after {
    background: url('../images/svg/arrow.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    bottom: 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 20px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.select:hover:after {
    opacity: 1
}

.selectize-control.single .selectize-input:after {
    opacity: 1 !important
}

textarea {
    background: 0 0;
    background: url('../images/svg/resize.svg');
    background-color: #2d303b;
    background-position: bottom 19px right 19px;
    background-repeat: no-repeat;
    background-size: 20px;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: Open Sans !important;
    font-size: 16px;
    height: auto;
    line-height: 24px;
    min-height: 160px;
    opacity: .8;
    outline: 0;
    overflow: hidden;
    padding: 18px 30px;
    resize: vertical
}

textarea::-webkit-resizer {
    display: none
}

textarea:after {
    display: block
}

textarea::-webkit-input-placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

textarea::-moz-placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

textarea:-ms-input-placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

textarea::-ms-input-placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

textarea::placeholder {
    background: 0;
    color: #a3a4a9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

textarea:hover {
    opacity: 1
}

textarea:focus {
    border: 1px solid #e50914;
    opacity: 1;
    outline: 0 !important
}

textarea:focus::-webkit-input-placeholder {
    color: #a3a4a9
}

textarea:focus::-moz-placeholder {
    color: #a3a4a9
}

textarea:focus:-ms-input-placeholder {
    color: #a3a4a9
}

textarea:focus::-ms-input-placeholder {
    color: #a3a4a9
}

textarea:focus::placeholder {
    color: #a3a4a9
}

/* Заголовки H1-6 */
h1 {
    font-size: 40px;
    line-height: 54px;
    text-align: left
}

h1,
h2 {
    color: #fff;
    font-weight: 600
}

h2 {
    font-size: 32px;
    line-height: 32px
}

h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px
}

div.label-1,
h1.label-1,
h2.label-1,
h3.label-1,
h4,
h4.label-1,
label.label-1,
li.label-1,
p.label-1,
span.label-1 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

div.label-2,
h1.label-2,
h2.label-2,
h3.label-2,
h4.label-2,
label.label-2,
li.label-2,
p.label-2,
span.label-2 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 24px
}

div.label-3,
h1.label-3,
h2.label-3,
h3.label-3,
h4.label-3,
label.label-3,
li.label-3,
p.label-3,
span.label-3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

div.body-1,
h1.body-1,
h2.body-1,
h3.body-1,
h4.body-1,
label.body-1,
li.body-1,
p.body-1,
span.body-1 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

div.body-2,
h1.body-2,
h2.body-2,
h3.body-2,
h4.body-2,
label.body-2,
li.body-2,
p.body-2,
span.body-2 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

div.body-3,
h1.body-3,
h2.body-3,
h3.body-3,
h4.body-3,
label.body-3,
li.body-3,
p.body-3,
span.body-3 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

div.caption-1,
h1.caption-1,
h2.caption-1,
h3.caption-1,
h4.caption-1,
label.caption-1,
li.caption-1,
p.caption-1,
span.caption-1 {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px
}

div.caption-2,
h1.caption-2,
h2.caption-2,
h3.caption-2,
h4.caption-2,
label.caption-2,
li.caption-2,
p.caption-2,
span.caption-2 {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px
}

div.caption-3,
h1.caption-3,
h2.caption-3,
h3.caption-3,
h4.caption-3,
label.caption-3,
li.caption-3,
p.caption-3,
span.caption-3 {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px
}

div.button-1,
h1.button-1,
h2.button-1,
h3.button-1,
h4.button-1,
label.button-1,
li.button-1,
p.button-1,
span.button-1 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

div.button-2,
h1.button-2,
h2.button-2,
h3.button-2,
h4.button-2,
label.button-2,
li.button-2,
p.button-2,
span.button-2 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.caption-2 .icons-mic:before,
.caption-2 .icons-series:before {
    background-size:16px
}

.d-block {
    display: block !important;
}

.alltags-item {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    grid-column: 1/3;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.alltags-item .container {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.alltags-item img {
    height: 56px;
    margin-right: 24px;
    width: 56px
}

.alltags-item .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 80px)
}

.alltags-item .text,
.alltags-item .text .link-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.alltags-item .text .link-title {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.alltags-item .text .link-title:hover {
    text-decoration: none
}

.alltags-item .text .link-title:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.alltags-item h3,
.alltags-item span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 18px;
    text-align: left
}

.alltags-item h3 .tags_plugin,
.alltags-item span .tags_plugin {
    display: block;
    margin-right: 8px;
    max-width: calc(100% - 68px);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.alltags-item h3 a,
.alltags-item span a {
    color: #8e8e8e;
    margin-left: 3px
}

.alltags-item h3.subtitle-1,
.alltags-item span.subtitle-1 {
    display: block;
    margin-right: 8px;
    max-width: calc(100% - 40px);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.alltags-item .caption-1 {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4px
}

.error--page {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    background: #1d1d1d;
    bottom: 0;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 99999
}

.error--page,
.error--page .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.error--page .content {
    margin-top: auto;
    max-width: 512px
}

.error--page .content h1 {
    color: #f0f0f0;
    font-size: 30px;
    padding-bottom: 16px;
    text-align: center
}

.error--page .content p,
.error--page ul li {
    color: #8e8e8e;
    font-size: 15px;
    padding-bottom: 40px;
    text-align: center !important
}

.error--page .support {
    color: #8e8e8e;
    font-size: 15px;
    margin-bottom: 40px;
    margin-top: auto;
    text-align: center
}

.body--error-page h2 {
    margin-bottom: 24px
}

.body--error-page hr {
    display: none
}

.error-body-1 b,
.error-body-2 b,
.error-page .body-2 a {
    display: none !important
}

.feedback--page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.feedback--page,
.feedback--page .feedback--page-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    gap: 19px
}

.feedback--page .feedback--page-group .selectize-control,
.feedback--page .feedback--page-group input,
.feedback--page .feedback--page-group select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 50%
}

.feedback--page .form_submit {
    margin-bottom: 0;
    margin-top: 41px
}

.fullscreen-page {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-grid-columns: (1fr) [ 2 ];
    -ms-grid-rows: auto;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    align-items: center;
    background: #1a1d29;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-grid;
    display: grid;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    height: 100vh;
    justify-content: center;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 99999;
}

.fullscreen-page > :first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.fullscreen-page > :nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1
}

.fullscreen-page:before {
    /*background: url(../images/login/mysite.png);*/
    background-size: 942px;
    bottom: 0;
    content: "";
    height: 521px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: -10%;
    top: 0;
    width: 50%;
    z-index: 1;
}

.fullscreen-page:after {
    background: url(../images/login/bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.fullscreen-page.error {
    z-index: 999999
}

.fullscreen-page .right-block {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    background: #0f111a;
    -webkit-box-shadow: 0 0 50px 10px #090b13;
    box-shadow: 0 0 50px 10px #090b13;
    height: 100%;
    justify-content: center;
    padding: 90px;
    position: relative;
    z-index: 1
}

.fullscreen-page .head-login,
.fullscreen-page .right-block {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.fullscreen-page .head-login {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 90px;
    position: absolute;
    top: 34px;
    width: calc(100% - 180px)
}

.fullscreen-page .head-login .close,
.fullscreen-page .head-login .close a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.fullscreen-page .head-login .close a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: .5;
    position: relative;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.fullscreen-page .head-login .close a:hover {
    opacity: 1
}

.fullscreen-page .head-login .close a:active {
    opacity: .8
}

.fullscreen-page .head-login .close a i {
    height: 24px;
    width: 24px
}

.fullscreen-page .info-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: #262626;
    background: -o-linear-gradient(292.13deg, hsla(0, 0%, 100%, .06) 0, hsla(0, 0%, 100%, .024) 100%);
    background: linear-gradient(157.87deg, hsla(0, 0%, 100%, .06), hsla(0, 0%, 100%, .024));
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 496px;
    padding: 32px 40px;
    position: relative;
    text-align: left
}

.fullscreen-page .info-content:before {
    background: -o-linear-gradient(292.13deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .02));
    background: linear-gradient(157.87deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .02));
    border-radius: 8px;
    content: "";
    inset: 0;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    position: absolute;
    z-index: -1
}

.fullscreen-page .info-content li:marker {
    display: none
}

.fullscreen-page .info-content .actbut {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #0d84fb;
    border-radius: 8px;
    border-width: 0;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 100%;
    font-size: 13px;
    font-size: 15px;
    font-weight: 500;
    justify-content: center;
    line-height: 18px;
    max-height: 48px;
    padding: 15px 64px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    white-space: nowrap
}

.fullscreen-page .info-content .actbut:hover {
    background: #43a0ff;
    color: #fff;
    outline: 0;
    text-decoration: none
}

.fullscreen-page .info-content span {
    color: #8e8e8e;
    display: block;
    padding: 24px 0 0;
    text-align: left
}

.fullscreen-page span.support {
    margin-top: 19px
}

.fullscreen-page span.support a {
    margin-left: 10px
}

.fullscreen-page span.lostpass {
    margin-top: 19px
}

.fullscreen-page span.lostpass a {
    margin-left: 10px
}

.fullscreen-page .btn_group {
    gap: 19px;
    margin-top: 60px
}

.fullscreen-page .btn_group,
.fullscreen-page .support {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.fullscreen-page .support {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 40px
}

.fullscreen-page .gameposterfav {
    bottom: 0;
    margin-bottom: 24px;
    position: static;
    right: 0
}

.fullscreen-page .gameposterfav span {
    color: #8e8e8e
}

.fullscreen-page .gameposterfav span:hover {
    color: #0d84fb
}

.fullscreen-page .caption-1.reg-page {
    color: #fff;
    display: block;
    margin-top: 60px;
    opacity: .5;
    position: relative
}

.fullscreen-page .caption-1.reg-page a {
    color: #fff;
    text-decoration: underline
}

.fullscreen-page #lostname {
    margin-bottom: 12px
}

.full-background {
    margin-bottom: 70px;
}

.modal-form {
    -ms-grid-column-span: 1;
    display: block;
    grid-column: span 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0;
    position: relative;
    width: 100%
}

.modal-form .modal-form-padding {
    padding: 0
}

.modal-form .modal-form-padding .input-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 40px
}

.modal-form .modal-form-padding .input-group .validation-error {
    color: #fd4142;
    margin-bottom: 19px;
    margin-top: 0
}

.modal-form .modal-form-padding .input-group .validation-error li {
    list-style-type: none
}

.modal-form .modal-form-padding .input-group.reg input#name {
    margin-bottom: 0
}

.modal-form .modal-form-padding .input-group.reg input#email {
    margin-bottom: 0;
    margin-top: 0
}

.modal-form .modal-form-padding .input-group.reg input#password2 {
    margin-bottom: 0
}

.modal-form .modal-form-padding .input-group.reg .validation-error {
    margin-bottom: 0;
    margin-top: 0
}

.modal-form .modal-form-padding .input-group.reg .validation-error span {
    color: #fd4142;
    display: block;
    margin-top: 0
}

.modal-form .modal-form-padding .input-group.reg .caption-1 {
    margin-bottom: 19px
}

.modal-form .modal-form-padding .input-group.reg .button,
.modal-form .modal-form-padding .input-group.reg button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.modal-form .modal-form-padding .input-group.reg .button i {
    margin-left: 10px
}

.modal-form .modal-form-padding .input-on-url {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    justify-content: center;
    margin-top: 0;
    position: relative
}

.modal-form .modal-form-padding .input-on-url > input {
    display: block;
    padding-right: 65px;
    position: relative;
    width: 100%
}

.modal-form .modal-form-padding .input-on-url2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    justify-content: center;
    margin-top: 0;
    position: relative
}

.modal-form .modal-form-padding .input-on-url2 > input {
    display: block;
    margin-bottom: 19px;
    padding-right: 65px;
    position: relative;
    width: 100%
}

.modal-form .modal-form-padding .input-on-url2.nobtm {
    margin-bottom: 0
}

.modal-form .modal-form-padding .button,
.modal-form .modal-form-padding button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

.modal-form .modal-form-padding .button i {
    margin-left: 10px
}

.main-cat-slider {
    margin-bottom: 60px
}

.main-cat-slider .title-main-cat {
    margin-bottom: 28px
}

.main-cat-slider .title-main-cat .link_title {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    gap: 10px
}

.link_title > svg {
    margin-top: 3px;
    width: 32px;
    height: 32px;
}

.main-cat-slider .title-main-cat .link_title h2 {
    line-height: 28px
}

.main-cat-slider a {
    text-decoration: none
}

.main-cat-slider .icons-arrow-right {
    opacity: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.main-cat-slider:hover .icons-arrow-right {
    opacity: 1
}

.main-anounce {
    margin-top: 60px
}

.main-studios {
    margin-bottom: 0
}

.main-top-slider {
    background: radial-gradient(
            900px circle at left bottom,
            rgba(191, 0, 10, 0.40) 0%,
            rgba(191, 0, 10, 0.15) 35%,
            transparent 70%
    ),
    radial-gradient(
            900px circle at right top,
            rgba(191, 0, 10, 0.35) 0%,
            rgba(191, 0, 10, 0.12) 40%,
            transparent 75%
    ),
    #0b0d14;

    margin: 60px 0;
    padding: 60px 0;
}

.main-top-slider .title-main-top {
    margin-bottom: 50px
}

.main-top-slider .title-main-top .link_title {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 12px
}

.main-top-slider .title-main-top .link_title h2 {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -o-linear-gradient(
            186.73deg,
            #ff2b36 0,
            #e50914 58.72%,
            #bf000a 90.93%
    );

    background: linear-gradient(
            263.27deg,
            #ff2b36,
            #e50914 58.72%,
            #bf000a 90.93%
    );
    -webkit-background-clip: text;
    background-clip: text;
    font-style: italic;
    font-weight: 700;
    padding-right: 5px;
    width: auto
}

.main-top-slider .title-main-top .link_title span {
    line-height: 24px
}

.full-background:before {
    background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#0f111a),
            color-stop(29.35%, rgba(15, 17, 26, 0))
    ),
    -webkit-gradient(
            linear,
            left top,
            right top,
            from(#0f111a),
            color-stop(73.85%, rgba(15, 17, 26, 0))
    ),
    -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(27.52%, rgba(15, 17, 26, 0)),
            color-stop(97.48%, #0f111a)
    ),
    var(--bg-img);

    background: -o-linear-gradient(
            top,
            #0f111a 0,
            rgba(15, 17, 26, 0) 29.35%
    ),
    -o-linear-gradient(
            left,
            #0f111a 0,
            rgba(15, 17, 26, 0) 73.85%
    ),
    -o-linear-gradient(
            top,
            rgba(15, 17, 26, 0) 27.52%,
            #0f111a 97.48%
    ),
    var(--bg-img);

    background: linear-gradient(
            180deg,
            #0f111a 0,
            rgba(15, 17, 26, 0) 29.35%
    ),
    linear-gradient(
            90deg,
            #0f111a 0,
            rgba(15, 17, 26, 0) 73.85%
    ),
    linear-gradient(
            180deg,
            rgba(15, 17, 26, 0) 27.52%,
            #0f111a 97.48%
    ),
    var(--bg-img);

    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.hide {
    overflow: hidden
}

.nobtm {
    margin-bottom: 0
}

.table {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.table,
.table .right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.table .right {
    margin-left: auto;
    width: 352px
}

.table .right span {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    margin-left: auto;
    order: 2;
    width: 192px
}

.user-page .container {
    grid-gap: 32px;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
    -ms-grid-rows: auto;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto
}

.user-page .container > :first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.user-page .container > :nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.user-page .container > :nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1
}

.user-page .content {
    color: #fff;
    float: left;
    font-size: 18px;
    line-height: 24px
}

.user-page .content,
.user-page .cover {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.user-page .cover {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    align-items: center;
    background: #262626;
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 250px;
    justify-content: center;
    margin-bottom: 24px
}

.user-page .cover img {
    border-radius: 100%;
    height: 120px;
    margin-bottom: 16px;
    width: 120px
}

.user-page .side {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    float: right
}

.user-page .side .caption-1 {
    margin-bottom: 4px
}

.user-page .side .body-2 {
    margin-bottom: 16px
}

.user-page .user-info-page {
    background: #262626;
    border: 1px solid #2e2e2e;
    border-radius: 8px;
    display: -moz-box;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 32px;
    overflow: hidden;
    padding: 32px 64px 24px
}

.user-page .user-info-page,
.user-page .user-info-page .user-block-avatar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    flex-direction: column
}

.user-page .user-info-page .user-block-avatar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    display: -moz-box;
    display: flex;
    justify-content: center;
    margin-bottom: 0
}

.user-page .user-info-page .user-block-avatar img {
    border-radius: 100%;
    height: 80px;
    width: 80px
}

.user-page .user-info-page .user-block-avatar .avatar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    position: relative
}

.user-page .user-info-page .user-block-avatar .avatar .com_online {
    position: absolute;
    right: -4px;
    top: -4px
}

.user-page .user-info-page .user-block-avatar .avatar .com_online:before {
    background: #00ab00;
    border: 4px solid #262626;
    border-radius: 50px;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.user-page .user-info-page .user-block-avatar .avatar .com_offline {
    position: absolute;
    right: -4px;
    top: -4px
}

.user-page .user-info-page .user-block-avatar .avatar .com_offline:before {
    background: #ff6464;
    border: 4px solid #262626;
    border-radius: 50px;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.user-page .user-info-page .user-block-avatar h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 8px;
    margin-top: 24px
}

.user-page .user-info-page .user-block-avatar .caption-1 {
    color: #8e8e8e
}

.user-page .user-info-page .user-block-info {
    margin-bottom: 0;
    margin-top: 26px;
    max-width: 400px
}

.user-page .user-info-page .user-block-info span.body-2 {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    text-align: center
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    background: #2e2e2e;
    border-radius: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
    padding: 16px 48px
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .news-count {
    display: -ms-grid;
    display: grid;
    padding: 0 20px
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .news-count a {
    color: #fff
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .news-count a:hover {
    text-decoration: none
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .news-count .numb {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .news-count .title-numb {
    color: #8e8e8e;
    font-size: 13px;
    line-height: 18px;
    margin-top: 4px
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .comm-count {
    display: -ms-grid;
    display: grid;
    padding: 0 20px
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .comm-count a {
    color: #fff
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .comm-count a:hover {
    text-decoration: none
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .comm-count .numb {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.user-page .user-info-page .user-block-info span.body-2 .user-activity .comm-count .title-numb {
    color: #8e8e8e;
    font-size: 13px;
    line-height: 18px;
    margin-top: 4px
}

.user-page .user-edit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.user-page .user-edit hr {
    background-color: hsla(0, 0%, 100%, .1);
    margin: -8px 0 24px;
    width: 100%
}

.user-page .user-edit .block-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px
}

.user-page .user-edit .block-form .form-group {
    overflow: hidden;
    width: 50%
}

.user-page .user-edit .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 28px
}

.user-page .user-edit .form-group.notop {
    margin-top: 0
}

.user-page .user-edit .form-group label {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.user-page .user-edit textarea {
    background: #262626;
    border: 1px solid #4e4e4e;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    min-height: 160px;
    opacity: .8;
    outline: 0;
    overflow: auto;
    padding: 12px 16px;
    resize: vertical;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    vertical-align: top;
    width: 100%
}

.user-page .block_input_ps,
.user-page .user-edit .form_submit {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.user-page .block_input_ps {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.user-page .block_input_ps input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 65px;
    width: 100%
}

.security input {
    margin-bottom: 19px
}

.full_adv_mob_block {
    display: none;
    margin-bottom: 60px;
    overflow: hidden
}

.full_mov_adv_block {
    margin-top: -50px
}

.full_mov_adv_block,
.full_ser_adv_block {
    display: block;
    margin-bottom: 50px;
    overflow: hidden
}

.full_ser_adv_block {
    margin-top: 0
}

.full_cat_adv_block {
    display: block;
    margin-bottom: 50px;
    margin-top: 0;
    overflow: hidden
}

.main-banner-adv2 {
    margin-bottom: 60px
}

#adWindow {
    background-color: #3c3f49;
    bottom: 0;
    display: none;
    height: auto;
    position: fixed;
    right: 0;
    width: 500px;
    z-index: 9999
}

#adWindow #closeButton {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: none;
    justify-content: center;
    opacity: .8;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

#adWindow #closeButton:hover {
    opacity: 1
}

#adWindow #closeButton:active {
    opacity: .5
}

#adWindow #closeButton i {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

#adWindow #closeButton i:before {
    background-size: 16px;
    height: 16px;
    width: 16px
}

#adWindow #timer-close-block {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #3c3f49;
    border-radius: 10px 10px 0 0;
    display: none;
    height: 26px;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 6px;
    position: absolute;
    top: -38px;
    width: 26px
}

#adWindow #timer {
    font-size: 14px;
    text-align: center
}

aside.main {
    float: left;
    height: 100%;
    position: sticky;
    top: 0;
    width: 280px;
    z-index: 9999
}

aside.main.mobile {
    display: none
}

aside.main .container {
    border-right: 1px solid #2e2e2e;
    height: 100vh;
    margin: 0 32px;
    position: relative;
    width: auto
}

aside.main .logo {
    padding-bottom: 32px;
    padding-left: 8px;
    padding-top: 40px
}

aside.main .logo a,
aside.main .logo a .logo_icon {
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

aside.main .logo a .logo_icon {
    display: block;
    height: auto;
    position: relative;
    width: 154px
}

aside.main .logo a .logo_icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='32' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4 14.15C4 7.4 9.333 2 16 2s12 5.4 12 12.15c0 1.91-.115 3.03-1.333 5.4 1.333 2.7-.923 5.975-5.334 5.4-.582.59-.905 1.438-1.198 2.205-.376.989-.703 1.845-1.468 1.845h-5.334c-.765 0-1.092-.856-1.468-1.845-.293-.768-.616-1.615-1.198-2.205-3.077.575-6.667-2.7-5.334-5.4C4.553 17.939 4 16.06 4 14.15Zm4 3.375c0 1.864 1.492 3.375 3.333 3.375 1.842 0 3.334-1.51 3.334-3.375 0-1.864-1.492-3.375-3.334-3.375C9.492 14.15 8 15.66 8 17.525Zm6.667 6.075c0-.745.597-1.35 1.333-1.35s1.333.605 1.333 1.35c0 .745-2.666.745-2.666 0Zm4-5.4c0 1.492 1.193 2.7 2.666 2.7 1.473 0 2.667-1.208 2.667-2.7 0-1.491-1.194-2.7-2.667-2.7-1.473 0-2.666 1.209-2.666 2.7Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M2.44 1.83c0 .314.08.61.218.868a1.83 1.83 0 1 0 .772 2.52l.766.65c.578-.777.877-1.129 1.59-1.735l-.601-.718A1.83 1.83 0 1 0 2.44 1.83Zm3.165 26.407.659-.83c-.801-.548-1.161-.837-1.77-1.552l-1.11 1.009A1.829 1.829 0 0 0 0 27.83a1.83 1.83 0 0 0 2.747 1.584 2 2 0 1 0 2.858-1.177Zm21.12.366A1.83 1.83 0 0 0 27.67 32a1.83 1.83 0 0 0 1.712-2.478 1.83 1.83 0 1 0-.837-2.495l-.968-.987c-.658.687-1.063 1.021-1.904 1.45l1.052 1.113ZM29.7 1.85c0 .337-.09.654-.248.926A2.002 2.002 0 0 1 32 4.7a2 2 0 0 1-3.783.906l-.45.392c-.488-.807-.856-1.212-1.628-1.867l.765-.69A1.849 1.849 0 0 1 27.85 0a1.85 1.85 0 0 1 1.85 1.85Zm14.695 21.326c1.406 0 2.539-.606 3.124-1.64h.166V23h2.403v-7.295c0-2.256-1.543-3.584-4.287-3.584-2.54 0-4.258 1.191-4.492 2.988l-.01.088h2.295l.01-.039c.244-.703.966-1.103 2.08-1.103 1.308 0 2.002.586 2.002 1.65v.918l-2.745.166c-2.597.156-4.052 1.27-4.052 3.174v.02c0 1.943 1.474 3.193 3.505 3.193Zm-1.104-3.31v-.02c0-.88.635-1.377 1.992-1.465l2.402-.156v.859c0 1.27-1.083 2.227-2.548 2.227-1.075 0-1.846-.538-1.846-1.446Zm9.517 6.679h2.431V21.3h.167c.556 1.152 1.777 1.875 3.242 1.875 2.705 0 4.384-2.1 4.384-5.498v-.02c0-3.379-1.709-5.508-4.384-5.508-1.495 0-2.657.684-3.242 1.846h-.166v-1.67h-2.432v14.219Zm5.078-5.42c-1.65 0-2.676-1.318-2.676-3.457v-.02c0-2.138 1.026-3.447 2.676-3.447 1.66 0 2.666 1.309 2.666 3.457v.02c0 2.138-1.006 3.447-2.666 3.447Zm7.398 5.42h2.431V21.3h.166c.557 1.152 1.778 1.875 3.242 1.875 2.706 0 4.385-2.1 4.385-5.498v-.02c0-3.379-1.709-5.508-4.385-5.508-1.494 0-2.656.684-3.242 1.846h-.166v-1.67h-2.431v14.219Zm5.078-5.42c-1.65 0-2.676-1.318-2.676-3.457v-.02c0-2.138 1.025-3.447 2.676-3.447 1.66 0 2.666 1.309 2.666 3.457v.02c0 2.138-1.006 3.447-2.666 3.447Zm11.43 2.09c2.627 0 4.532-1.358 4.532-3.389v-.02c0-1.552-.986-2.44-3.076-2.91l-1.729-.38c-1.152-.264-1.601-.645-1.601-1.27v-.01c0-.8.78-1.328 1.865-1.328 1.142 0 1.846.547 2.021 1.22l.01.03H8[xfvalue_rating_imdb]v-.02c-.156-1.728-1.709-3.017-4.306-3.017-2.52 0-4.278 1.328-4.278 3.252v.01c0 1.572.967 2.53 2.998 2.978l1.729.391c1.172.264 1.64.674 1.64 1.299v.02c0 .8-.84 1.347-2.05 1.347-1.211 0-1.924-.518-2.178-1.26l-.01-.02h-2.412v.02c.205 1.807 1.846 3.057 4.56 3.057Z'/%3E%3Cpath fill='%238E8E8E' d='M92.774 23.049a6.92 6.92 0 0 0 1.27-.108v-1.875a7.11 7.11 0 0 1-.82.04c-1.016 0-1.436-.45-1.436-1.514V14.21h2.256v-1.885h-2.256V9.71h-2.47v2.617h-1.661v1.885h1.66v5.957c0 2.06 1.006 2.88 3.457 2.88Zm8.003.166c3.194 0 5.137-2.09 5.137-5.547v-.02c0-3.437-1.953-5.527-5.137-5.527-3.174 0-5.136 2.1-5.136 5.527v.02c0 3.457 1.933 5.547 5.136 5.547Zm0-1.973c-1.69 0-2.656-1.318-2.656-3.564v-.02c0-2.246.967-3.574 2.656-3.574 1.68 0 2.647 1.328 2.647 3.574v.02c0 2.246-.957 3.564-2.647 3.564ZM108.155 23h2.432v-6.201c0-1.524 1.065-2.49 2.686-2.49.42 0 .82.058 1.211.136v-2.177a3.902 3.902 0 0 0-.987-.118c-1.406 0-2.383.674-2.744 1.817h-.166v-1.64h-2.432V23Zm8.257 0h2.432v-6.201c0-1.524 1.065-2.49 2.686-2.49.42 0 .82.058 1.211.136v-2.177a3.902 3.902 0 0 0-.987-.118c-1.406 0-2.383.674-2.744 1.817h-.166v-1.64h-2.432V23Zm12.418.215c2.9 0 4.326-1.67 4.668-3.047l.029-.088h-2.314l-.03.068c-.234.489-.986 1.153-2.304 1.153-1.651 0-2.686-1.113-2.715-3.028h7.461v-.8c0-3.223-1.875-5.352-4.912-5.352-3.038 0-4.981 2.197-4.981 5.557v.01c0 3.398 1.924 5.527 5.098 5.527Zm-.088-9.19c1.357 0 2.344.87 2.51 2.618h-5.069c.186-1.7 1.201-2.618 2.559-2.618ZM135.856 23h2.432v-6.22c0-1.602.898-2.618 2.344-2.618 1.474 0 2.148.84 2.148 2.5V23h2.432v-6.904c0-2.54-1.299-3.975-3.682-3.975-1.543 0-2.568.694-3.076 1.836h-.166v-1.63h-2.432V23Zm16.226.049c.469 0 .918-.04 1.27-.108v-1.875a7.12 7.12 0 0 1-.821.04c-1.015 0-1.435-.45-1.435-1.514V14.21h2.256v-1.885h-2.256V9.71h-2.471v2.617h-1.66v1.885h1.66v5.957c0 2.06 1.006 2.88 3.457 2.88Z'/%3E%3C/svg%3E");
    background-position: 0 0;
    background-size: 154px;
    content: "";
    display: block;
    height: 32px;
    width: 154px
}

aside.main .logo a .logo_icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='32' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4 14.15C4 7.4 9.333 2 16 2s12 5.4 12 12.15c0 1.91-.115 3.03-1.333 5.4 1.333 2.7-.923 5.975-5.334 5.4-.582.59-.905 1.438-1.198 2.205-.376.989-.703 1.845-1.468 1.845h-5.334c-.765 0-1.092-.856-1.468-1.845-.293-.768-.616-1.615-1.198-2.205-3.077.575-6.667-2.7-5.334-5.4C4.553 17.939 4 16.06 4 14.15Zm4 3.375c0 1.864 1.492 3.375 3.333 3.375 1.842 0 3.334-1.51 3.334-3.375 0-1.864-1.492-2.375-3.334-2.375-1.841 0-3.333.51-3.333 2.375Zm6.667 6.075c0-.745.597-1.35 1.333-1.35s1.333.605 1.333 1.35c0 .745-2.666.745-2.666 0Zm4-5.4c0 1.492 1.193 2.7 2.666 2.7 1.473 0 2.667-1.208 2.667-2.7 0-1.491-1.194-1.7-2.667-1.7-1.473 0-2.666.209-2.666 1.7Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M2.44 1.83c0 .314.08.61.218.868a1.83 1.83 0 1 0 .772 2.52l.766.65c.578-.777.877-1.129 1.59-1.735l-.601-.718A1.83 1.83 0 1 0 2.44 1.83Zm3.165 26.407.659-.83c-.801-.548-1.161-.837-1.77-1.552l-1.11 1.009A1.829 1.829 0 0 0 0 27.83a1.83 1.83 0 0 0 2.747 1.584 2 2 0 1 0 2.858-1.177Zm21.12.366A1.83 1.83 0 0 0 27.67 32a1.83 1.83 0 0 0 1.712-2.478 1.83 1.83 0 1 0-.837-2.495l-.968-.987c-.658.687-1.063 1.021-1.904 1.45l1.052 1.113ZM29.7 1.85c0 .337-.09.654-.248.926A2.002 2.002 0 0 1 32 4.7a2 2 0 0 1-3.783.906l-.45.392c-.488-.807-.856-1.212-1.628-1.867l.765-.69A1.849 1.849 0 0 1 27.85 0a1.85 1.85 0 0 1 1.85 1.85Zm14.695 21.326c1.406 0 2.539-.606 3.124-1.64h.166V23h2.403v-7.295c0-2.256-1.543-3.584-4.287-3.584-2.54 0-4.258 1.191-4.492 2.988l-.01.088h2.295l.01-.039c.244-.703.966-1.103 2.08-1.103 1.308 0 2.002.586 2.002 1.65v.918l-2.745.166c-2.597.156-4.052 1.27-4.052 3.174v.02c0 1.943 1.474 3.193 3.505 3.193Zm-1.104-3.31v-.02c0-.88.635-1.377 1.992-1.465l2.402-.156v.859c0 1.27-1.083 2.227-2.548 2.227-1.075 0-1.846-.538-1.846-1.446Zm9.517 6.679h2.431V21.3h.167c.556 1.152 1.777 1.875 3.242 1.875 2.705 0 4.384-2.1 4.384-5.498v-.02c0-3.379-1.709-5.508-4.384-5.508-1.495 0-2.657.684-3.242 1.846h-.166v-1.67h-2.432v14.219Zm5.078-5.42c-1.65 0-2.676-1.318-2.676-3.457v-.02c0-2.138 1.026-3.447 2.676-3.447 1.66 0 2.666 1.309 2.666 3.457v.02c0 2.138-1.006 3.447-2.666 3.447Zm7.398 5.42h2.431V21.3h.166c.557 1.152 1.778 1.875 3.242 1.875 2.706 0 4.385-2.1 4.385-5.498v-.02c0-3.379-1.709-5.508-4.385-5.508-1.494 0-2.656.684-3.242 1.846h-.166v-1.67h-2.431v14.219Zm5.078-5.42c-1.65 0-2.676-1.318-2.676-3.457v-.02c0-2.138 1.025-3.447 2.676-3.447 1.66 0 2.666 1.309 2.666 3.457v.02c0 2.138-1.006 3.447-2.666 3.447Zm11.43 2.09c2.627 0 4.532-1.358 4.532-3.389v-.02c0-1.552-.986-2.44-3.076-2.91l-1.729-.38c-1.152-.264-1.601-.645-1.601-1.27v-.01c0-.8.78-1.328 1.865-1.328 1.142 0 1.846.547 2.021 1.22l.01.03H8[xfvalue_rating_imdb]v-.02c-.156-1.728-1.709-3.017-4.306-3.017-2.52 0-4.278 1.328-4.278 3.252v.01c0 1.572.967 2.53 2.998 2.978l1.729.391c1.172.264 1.64.674 1.64 1.299v.02c0 .8-.84 1.347-2.05 1.347-1.211 0-1.924-.518-2.178-1.26l-.01-.02h-2.412v.02c.205 1.807 1.846 3.057 4.56 3.057Z'/%3E%3Cpath fill='%238E8E8E' d='M92.774 23.049a6.92 6.92 0 0 0 1.27-.108v-1.875a7.11 7.11 0 0 1-.82.04c-1.016 0-1.436-.45-1.436-1.514V14.21h2.256v-1.885h-2.256V9.71h-2.47v2.617h-1.661v1.885h1.66v5.957c0 2.06 1.006 2.88 3.457 2.88Zm8.003.166c3.194 0 5.137-2.09 5.137-5.547v-.02c0-3.437-1.953-5.527-5.137-5.527-3.174 0-5.136 2.1-5.136 5.527v.02c0 3.457 1.933 5.547 5.136 5.547Zm0-1.973c-1.69 0-2.656-1.318-2.656-3.564v-.02c0-2.246.967-3.574 2.656-3.574 1.68 0 2.647 1.328 2.647 3.574v.02c0 2.246-.957 3.564-2.647 3.564ZM108.155 23h2.432v-6.201c0-1.524 1.065-2.49 2.686-2.49.42 0 .82.058 1.211.136v-2.177a3.902 3.902 0 0 0-.987-.118c-1.406 0-2.383.674-2.744 1.817h-.166v-1.64h-2.432V23Zm8.257 0h2.432v-6.201c0-1.524 1.065-2.49 2.686-2.49.42 0 .82.058 1.211.136v-2.177a3.902 3.902 0 0 0-.987-.118c-1.406 0-2.383.674-2.744 1.817h-.166v-1.64h-2.432V23Zm12.418.215c2.9 0 4.326-1.67 4.668-3.047l.029-.088h-2.314l-.03.068c-.234.489-.986 1.153-2.304 1.153-1.651 0-2.686-1.113-2.715-3.028h7.461v-.8c0-3.223-1.875-5.352-4.912-5.352-3.038 0-4.981 2.197-4.981 5.557v.01c0 3.398 1.924 5.527 5.098 5.527Zm-.088-9.19c1.357 0 2.344.87 2.51 2.618h-5.069c.186-1.7 1.201-2.618 2.559-2.618ZM135.856 23h2.432v-6.22c0-1.602.898-2.618 2.344-2.618 1.474 0 2.148.84 2.148 2.5V23h2.432v-6.904c0-2.54-1.299-3.975-3.682-3.975-1.543 0-2.568.694-3.076 1.836h-.166v-1.63h-2.432V23Zm16.226.049c.469 0 .918-.04 1.27-.108v-1.875a7.12 7.12 0 0 1-.821.04c-1.015 0-1.435-.45-1.435-1.514V14.21h2.256v-1.885h-2.256V9.71h-2.471v2.617h-1.66v1.885h1.66v5.957c0 2.06 1.006 2.88 3.457 2.88Z'/%3E%3C/svg%3E")
}

aside.main .logo a .logo_icon:active:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='32' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4 14.15C4 7.4 9.333 2 16 2s12 5.4 12 12.15c0 1.91-.115 3.03-1.333 5.4 1.333 2.7-.923 5.975-5.334 5.4-.582.59-.905 1.438-1.198 2.205-.376.989-.703 1.845-1.468 1.845h-5.334c-.765 0-1.092-.856-1.468-1.845-.293-.768-.616-1.615-1.198-2.205-3.077.575-6.667-2.7-5.334-5.4C4.553 17.939 4 16.06 4 14.15Zm4 3.375c0 1.864 1.492 3.375 3.333 3.375 1.842 0 3.334-1.51 3.334-3.375 0-1.864-1.492-2.375-3.334-2.375-1.841 0-3.333.51-3.333 2.375Zm6.667 6.075c0-.745.597-1.35 1.333-1.35s1.333.605 1.333 1.35c0 .745-2.666.745-2.666 0Zm4-5.4c0 1.492 1.193.7 2.666.7 1.473 0 2.667.792 2.667-.7 0-.7-1.194-.7-2.667-.7-1.473 0-2.666 0-2.666.7Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M2.44 1.83c0 .314.08.61.218.868a1.83 1.83 0 1 0 .772 2.52l.766.65c.578-.777.877-1.129 1.59-1.735l-.601-.718A1.83 1.83 0 1 0 2.44 1.83Zm3.165 26.407.659-.83c-.801-.548-1.161-.837-1.77-1.552l-1.11 1.009A1.829 1.829 0 0 0 0 27.83a1.83 1.83 0 0 0 2.747 1.584 2 2 0 1 0 2.858-1.177Zm21.12.366A1.83 1.83 0 0 0 27.67 32a1.83 1.83 0 0 0 1.712-2.478 1.83 1.83 0 1 0-.837-2.495l-.968-.987c-.658.687-1.063 1.021-1.904 1.45l1.052 1.113ZM29.7 1.85c0 .337-.09.654-.248.926A2.002 2.002 0 0 1 32 4.7a2 2 0 0 1-3.783.906l-.45.392c-.488-.807-.856-1.212-1.628-1.867l.765-.69A1.849 1.849 0 0 1 27.85 0a1.85 1.85 0 0 1 1.85 1.85Zm14.695 21.326c1.406 0 2.539-.606 3.124-1.64h.166V23h2.403v-7.295c0-2.256-1.543-3.584-4.287-3.584-2.54 0-4.258 1.191-4.492 2.988l-.01.088h2.295l.01-.039c.244-.703.966-1.103 2.08-1.103 1.308 0 2.002.586 2.002 1.65v.918l-2.745.166c-2.597.156-4.052 1.27-4.052 3.174v.02c0 1.943 1.474 3.193 3.505 3.193Zm-1.104-3.31v-.02c0-.88.635-1.377 1.992-1.465l2.402-.156v.859c0 1.27-1.083 2.227-2.548 2.227-1.075 0-1.846-.538-1.846-1.446Zm9.517 6.679h2.431V21.3h.167c.556 1.152 1.777 1.875 3.242 1.875 2.705 0 4.384-2.1 4.384-5.498v-.02c0-3.379-1.709-5.508-4.384-5.508-1.495 0-2.657.684-3.242 1.846h-.166v-1.67h-2.432v14.219Zm5.078-5.42c-1.65 0-2.676-1.318-2.676-3.457v-.02c0-2.138 1.026-3.447 2.676-3.447 1.66 0 2.666 1.309 2.666 3.457v.02c0 2.138-1.006 3.447-2.666 3.447Zm7.398 5.42h2.431V21.3h.166c.557 1.152 1.778 1.875 3.242 1.875 2.706 0 4.385-2.1 4.385-5.498v-.02c0-3.379-1.709-5.508-4.385-5.508-1.494 0-2.656.684-3.242 1.846h-.166v-1.67h-2.431v14.219Zm5.078-5.42c-1.65 0-2.676-1.318-2.676-3.457v-.02c0-2.138 1.025-3.447 2.676-3.447 1.66 0 2.666 1.309 2.666 3.457v.02c0 2.138-1.006 3.447-2.666 3.447Zm11.43 2.09c2.627 0 4.532-1.358 4.532-3.389v-.02c0-1.552-.986-2.44-3.076-2.91l-1.729-.38c-1.152-.264-1.601-.645-1.601-1.27v-.01c0-.8.78-1.328 1.865-1.328 1.142 0 1.846.547 2.021 1.22l.01.03H8[xfvalue_rating_imdb]v-.02c-.156-1.728-1.709-3.017-4.306-3.017-2.52 0-4.278 1.328-4.278 3.252v.01c0 1.572.967 2.53 2.998 2.978l1.729.391c1.172.264 1.64.674 1.64 1.299v.02c0 .8-.84 1.347-2.05 1.347-1.211 0-1.924-.518-2.178-1.26l-.01-.02h-2.412v.02c.205 1.807 1.846 3.057 4.56 3.057Z'/%3E%3Cpath fill='%238E8E8E' d='M92.774 23.049a6.92 6.92 0 0 0 1.27-.108v-1.875a7.11 7.11 0 0 1-.82.04c-1.016 0-1.436-.45-1.436-1.514V14.21h2.256v-1.885h-2.256V9.71h-2.47v2.617h-1.661v1.885h1.66v5.957c0 2.06 1.006 2.88 3.457 2.88Zm8.003.166c3.194 0 5.137-2.09 5.137-5.547v-.02c0-3.437-1.953-5.527-5.137-5.527-3.174 0-5.136 2.1-5.136 5.527v.02c0 3.457 1.933 5.547 5.136 5.547Zm0-1.973c-1.69 0-2.656-1.318-2.656-3.564v-.02c0-2.246.967-3.574 2.656-3.574 1.68 0 2.647 1.328 2.647 3.574v.02c0 2.246-.957 3.564-2.647 3.564ZM108.155 23h2.432v-6.201c0-1.524 1.065-2.49 2.686-2.49.42 0 .82.058 1.211.136v-2.177a3.902 3.902 0 0 0-.987-.118c-1.406 0-2.383.674-2.744 1.817h-.166v-1.64h-2.432V23Zm8.257 0h2.432v-6.201c0-1.524 1.065-2.49 2.686-2.49.42 0 .82.058 1.211.136v-2.177a3.902 3.902 0 0 0-.987-.118c-1.406 0-2.383.674-2.744 1.817h-.166v-1.64h-2.432V23Zm12.418.215c2.9 0 4.326-1.67 4.668-3.047l.029-.088h-2.314l-.03.068c-.234.489-.986 1.153-2.304 1.153-1.651 0-2.686-1.113-2.715-3.028h7.461v-.8c0-3.223-1.875-5.352-4.912-5.352-3.038 0-4.981 2.197-4.981 5.557v.01c0 3.398 1.924 5.527 5.098 5.527Zm-.088-9.19c1.357 0 2.344.87 2.51 2.618h-5.069c.186-1.7 1.201-2.618 2.559-2.618ZM135.856 23h2.432v-6.22c0-1.602.898-2.618 2.344-2.618 1.474 0 2.148.84 2.148 2.5V23h2.432v-6.904c0-2.54-1.299-3.975-3.682-3.975-1.543 0-2.568.694-3.076 1.836h-.166v-1.63h-2.432V23Zm16.226.049c.469 0 .918-.04 1.27-.108v-1.875a7.12 7.12 0 0 1-.821.04c-1.015 0-1.435-.45-1.435-1.514V14.21h2.256v-1.885h-2.256V9.71h-2.471v2.617h-1.66v1.885h1.66v5.957c0 2.06 1.006 2.88 3.457 2.88Z'/%3E%3C/svg%3E")
}

aside.main .logo-mobile {
    display: none;
    padding-bottom: 32px;
    padding-top: 40px
}

aside.main .logo-mobile a,
aside.main .logo-mobile a .logo_icon {
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

aside.main .logo-mobile a .logo_icon {
    display: block;
    height: auto;
    position: relative;
    width: 32px
}

aside.main .logo-mobile a .logo_icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4 14.15C4 7.4 9.333 2 16 2s12 5.4 12 12.15c0 1.91-.115 3.03-1.333 5.4 1.333 2.7-.923 5.975-5.334 5.4-.582.59-.905 1.438-1.198 2.205-.376.989-.703 1.845-1.468 1.845h-5.334c-.765 0-1.092-.856-1.468-1.845-.293-.768-.616-1.615-1.198-2.205-3.077.575-6.667-2.7-5.334-5.4C4.553 17.939 4 16.06 4 14.15Zm4 3.375c0 1.864 1.492 3.375 3.333 3.375 1.842 0 3.334-1.51 3.334-3.375 0-1.864-1.492-3.375-3.334-3.375C9.492 14.15 8 15.66 8 17.525Zm6.667 6.075c0-.745.597-1.35 1.333-1.35s1.333.605 1.333 1.35c0 .745-2.666.745-2.666 0Zm4-5.4c0 1.492 1.193 2.7 2.666 2.7 1.473 0 2.667-1.208 2.667-2.7 0-1.491-1.194-2.7-2.667-2.7-1.473 0-2.666 1.209-2.666 2.7Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M2.44 1.83c0 .314.08.61.218.868a1.83 1.83 0 1 0 .772 2.52l.766.65c.578-.777.877-1.129 1.59-1.735l-.601-.718A1.83 1.83 0 1 0 2.44 1.83Zm3.165 26.407.659-.83c-.801-.548-1.161-.837-1.77-1.552l-1.11 1.009A1.829 1.829 0 0 0 0 27.83a1.83 1.83 0 0 0 2.747 1.584 2 2 0 1 0 2.858-1.177Zm21.12.366A1.83 1.83 0 0 0 27.67 32a1.83 1.83 0 0 0 1.712-2.478 1.83 1.83 0 1 0-.837-2.495l-.968-.987c-.658.687-1.063 1.021-1.904 1.45l1.052 1.113ZM29.7 1.85c0 .337-.09.654-.248.926A2.002 2.002 0 0 1 32 4.7a2 2 0 0 1-3.783.906l-.45.392c-.488-.807-.856-1.212-1.628-1.867l.765-.69A1.849 1.849 0 0 1 27.85 0a1.85 1.85 0 0 1 1.85 1.85Z'/%3E%3C/svg%3E");
    background-size: 32px;
    content: "";
    display: block;
    height: 32px;
    width: 32px
}

aside.main .logo-mobile a .logo_icon:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4 14.15C4 7.4 9.333 2 16 2s12 5.4 12 12.15c0 1.91-.115 3.03-1.333 5.4 1.333 2.7-.923 5.975-5.334 5.4-.582.59-.905 1.438-1.198 2.205-.376.989-.703 1.845-1.468 1.845h-5.334c-.765 0-1.092-.856-1.468-1.845-.293-.768-.616-1.615-1.198-2.205-3.077.575-6.667-2.7-5.334-5.4C4.553 17.939 4 16.06 4 14.15Zm4 3.375c0 1.864 1.492 3.375 3.333 3.375 1.842 0 3.334-1.51 3.334-3.375 0-1.864-1.492-2.375-3.334-2.375-1.841 0-3.333.51-3.333 2.375Zm6.667 6.075c0-.745.597-1.35 1.333-1.35s1.333.605 1.333 1.35c0 .745-2.666.745-2.666 0Zm4-5.4c0 1.492 1.193 2.7 2.666 2.7 1.473 0 2.667-1.208 2.667-2.7 0-1.491-1.194-1.7-2.667-1.7-1.473 0-2.666.209-2.666 1.7Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M2.44 1.83c0 .314.08.61.218.868a1.83 1.83 0 1 0 .772 2.52l.766.65c.578-.777.877-1.129 1.59-1.735l-.601-.718A1.83 1.83 0 1 0 2.44 1.83Zm3.165 26.407.659-.83c-.801-.548-1.161-.837-1.77-1.552l-1.11 1.009A1.829 1.829 0 0 0 0 27.83a1.83 1.83 0 0 0 2.747 1.584 2 2 0 1 0 2.858-1.177Zm21.12.366A1.83 1.83 0 0 0 27.67 32a1.83 1.83 0 0 0 1.712-2.478 1.83 1.83 0 1 0-.837-2.495l-.968-.987c-.658.687-1.063 1.021-1.904 1.45l1.052 1.113ZM29.7 1.85c0 .337-.09.654-.248.926A2.002 2.002 0 0 1 32 4.7a2 2 0 0 1-3.783.906l-.45.392c-.488-.807-.856-1.212-1.628-1.867l.765-.69A1.849 1.849 0 0 1 27.85 0a1.85 1.85 0 0 1 1.85 1.85Z'/%3E%3C/svg%3E")
}

aside.main .logo-mobile a .logo_icon:active:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4 14.15C4 7.4 9.333 2 16 2s12 5.4 12 12.15c0 1.91-.115 3.03-1.333 5.4 1.333 2.7-.923 5.975-5.334 5.4-.582.59-.905 1.438-1.198 2.205-.376.989-.703 1.845-1.468 1.845h-5.334c-.765 0-1.092-.856-1.468-1.845-.293-.768-.616-1.615-1.198-2.205-3.077.575-6.667-2.7-5.334-5.4C4.553 17.939 4 16.06 4 14.15Zm4 3.375c0 1.864 1.492 3.375 3.333 3.375 1.842 0 3.334-1.51 3.334-3.375 0-1.864-1.492-2.375-3.334-2.375-1.841 0-3.333.51-3.333 2.375Zm6.667 6.075c0-.745.597-1.35 1.333-1.35s1.333.605 1.333 1.35c0 .745-2.666.745-2.666 0Zm4-5.4c0 1.492 1.193.7 2.666.7 1.473 0 2.667.792 2.667-.7 0-.7-1.194-.7-2.667-.7-1.473 0-2.666 0-2.666.7Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M2.44 1.83c0 .314.08.61.218.868a1.83 1.83 0 1 0 .772 2.52l.766.65c.578-.777.877-1.129 1.59-1.735l-.601-.718A1.83 1.83 0 1 0 2.44 1.83Zm3.165 26.407.659-.83c-.801-.548-1.161-.837-1.77-1.552l-1.11 1.009A1.829 1.829 0 0 0 0 27.83a1.83 1.83 0 0 0 2.747 1.584 2 2 0 1 0 2.858-1.177Zm21.12.366A1.83 1.83 0 0 0 27.67 32a1.83 1.83 0 0 0 1.712-2.478 1.83 1.83 0 1 0-.837-2.495l-.968-.987c-.658.687-1.063 1.021-1.904 1.45l1.052 1.113ZM29.7 1.85c0 .337-.09.654-.248.926A2.002 2.002 0 0 1 32 4.7a2 2 0 0 1-3.783.906l-.45.392c-.488-.807-.856-1.212-1.628-1.867l.765-.69A1.849 1.849 0 0 1 27.85 0a1.85 1.85 0 0 1 1.85 1.85Z'/%3E%3C/svg%3E")
}

aside.main nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 32px;
    white-space: nowrap
}

aside.main nav,
aside.main nav a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

aside.main nav a {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    height: 48px;
    padding-left: 12px;
    position: relative;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

aside.main nav a:focus,
aside.main nav a:hover {
    background: #262626;
    text-decoration: none
}

aside.main nav a.active,
aside.main nav a:active {
    background: #262626;
    opacity: 1
}

aside.main nav a.active picture,
aside.main nav a.active span,
aside.main nav a:active picture,
aside.main nav a:active span {
    opacity: 1
}

aside.main nav a.active span.counter,
aside.main nav a:active span.counter {
    color: #8e8e8e;
    opacity: 1
}

aside.main nav a picture {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 12px;
    opacity: .5
}

aside.main nav a span {
    opacity: .5
}

aside.main nav a span.counter {
    color: #fff;
    margin-left: auto;
    opacity: 1 !important
}

aside.main nav a:hover span.counter {
    opacity: 1
}

aside.main nav .combi {
    position: relative
}

aside.main nav .combi .dropnav {
    background: #363636;
    border-radius: 100px;
    bottom: 0;
    cursor: pointer;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: -12px;
    top: 0
}

aside.main nav .combi .dropnav,
aside.main nav .combi .dropnav picture {
    height: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 24px
}

aside.main nav .combi .dropnav picture {
    display: block;
    opacity: .5
}

aside.main nav .combi .dropnav:hover {
    background: #4e4e4e;
    opacity: 1
}

aside.main nav .combi .dropnav:hover picture {
    opacity: 1
}

aside.main nav .combi .dropdown-menu-category {
    background: #262626;
    border: 1px solid #2e2e2e;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
    display: none;
    left: 0;
    max-height: 332px;
    min-width: 240px;
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    top: 32px;
    z-index: 9999
}

aside.main nav .combi .dropdown-menu-category::-webkit-scrollbar-thumb {
    border: 6px solid #262626
}

aside.main nav .combi .dropdown-menu-category.show {
    display: block
}

aside.main nav .combi .dropdown-menu-category a {
    background: #262626;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 24px;
    padding: 4px 10px;
    text-decoration: none
}

aside.main nav .combi .dropdown-menu-category a:hover {
    background: #2e2e2e
}

aside.main .fav {
    margin-top: 24px
}

aside.main .fav .titlefav {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 20px
}

aside.main .fav .titlefav span {
    color: #8e8e8e;
    text-transform: uppercase
}

aside.main .fav .titlefav .link {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #4e4e4e;
    border-radius: 100px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    opacity: .5
}

aside.main .fav .titlefav .link:focus, aside.main .fav .titlefav .link:hover {
    opacity: 1
}

aside.main .fav .titlefav .link.active,
aside.main .fav .titlefav .link:active {
    opacity: .8
}

aside.main .fav p {
    color: #8e8e8e;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 16px;
    margin-right: 16px
}

aside.main .fav ul {
    color: #8e8e8e;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 16px
}

aside.main .fav ul li {
    margin-right: 32px;
    padding: 8px 12px
}

aside.main .fav ul li picture {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

aside.main .fav ul li a,
aside.main .fav ul li picture {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

aside.main .fav ul li a {
    color: #8e8e8e;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

aside.main .fav ul li a:focus, aside.main .fav ul li a:hover {
    text-decoration: underline
}

aside.main .fav ul li a img {
    margin-right: 12px;
    max-height: 24px;
    max-width: 24px
}

aside.main .fav ul li a .icon {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 16px;
    width: 24px
}

aside.main .fav ul li a picture img {
    height: auto;
    margin-right: 0;
    width: auto
}

aside.main .footer {
    bottom: 0;
    padding-bottom: 32px;
    padding-top: 32px;
    position: absolute;
    width: auto;
    width: 100%
}

aside.main .footer .dropdown-foot-content {
    background: #262626;
    border: 1px solid #2e2e2e;
    border-radius: 8px;
    bottom: 90px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
    display: none;
    left: 0;
    max-height: 332px;
    min-width: 215px;
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    z-index: 9999
}

aside.main .footer .dropdown-foot-content::-webkit-scrollbar-thumb {
    border: 6px solid #262626
}

aside.main .footer .dropdown-foot-content.show {
    display: block
}

aside.main .footer .dropdown-foot-content a {
    background: #262626;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 24px;
    padding: 4px 10px;
    text-decoration: none
}

aside.main .footer .dropdown-foot-content a:hover {
    background: #2e2e2e
}

aside.main .footer .linkbtm {
    color: #8e8e8e;
    padding: 0 16px
}

aside.main .footer .linkbtm a {
    color: #8e8e8e
}

aside.main .footer .active,
aside.main .footer .tablet-footer {
    display: none
}

aside.main button {
    width: 100%
}

@media screen and (max-height: 780px) {
    aside.main.main {
        overflow-x: visible
    }

    aside.main.main::-webkit-scrollbar {
        width: 0
    }

    aside.main.main::-webkit-scrollbar-track {
        background: transparent;
        background-clip: content-box;
        border: 5px solid transparent;
        -webkit-box-shadow: inset 0 0 2px 2px transparent;
        box-shadow: inset 0 0 2px 2px transparent
    }

    aside.main.main::-webkit-scrollbar-thumb {
        background: transparent;
        border: 5px solid transparent;
        -webkit-box-shadow: inset 0 0 2px 2px #4f4f4f;
        box-shadow: inset 0 0 2px 2px #4f4f4f
    }
}

@media screen and (max-height: 780px) {
    aside.main .fav {
        display: none
    }
}

@media screen and (max-height: 515px) {
    aside.main .footer {
        padding-top: 32px;
        position: relative
    }
}

main hr {
    background-color: hsla(0, 0%, 85%, .2);
    border: 0;
    height: 1px;
    margin-bottom: 40px;
    margin-top: 40px
}

main .title_spoiler {
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px;
    font-size: 0;
    margin-bottom: 20px;
    padding: 18px 30px
}

main .title_spoiler,
main .title_spoiler a {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative
}

main .title_spoiler a {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    opacity: 1;
    padding: 0;
    right: 0;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    z-index: 0
}

main .title_spoiler a img {
    height: 24px;
    width: 24px
}

main .title_spoiler a:first-child {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    float: right;
    order: 2
}

main .title_spoiler a:last-child {
    width: 100%
}

main .text_spoiler {
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    -o-border-image: initial;
    border-image: initial;
    border-left: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 0 0 8px 8px;
    border-right: 1px solid hsla(0, 0%, 100%, .15);
    border-top-color: initial;
    border-top-style: none;
    border-top-width: 0;
    color: hsla(0, 0%, 100%, .5);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: -27px;
    position: relative;
    z-index: 99
}

main .quote,
main .text_spoiler {
    background: #2d303b;
    padding: 18px 30px
}

main .quote {
    word-wrap: break-word;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

main code,
main kbd,
main pre,
main samp {
    direction: ltr;
    font-size: 1em;
    unicode-bidi: bidi-override
}

main .code-toolbar {
    position: relative
}

main .code-toolbar .toolbar {
    opacity: 0;
    position: absolute;
    right: 4px;
    top: 4px
}

main .code-toolbar .toolbar,
main .code-toolbar .toolbar button {
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

main .code-toolbar .toolbar button {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #0080ff;
    border-radius: 4px;
    border-width: 0;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    max-height: 40px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
}

main .code-toolbar:hover .toolbar {
    opacity: 1
}

main pre {
    word-wrap: break-word;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin-bottom: 40px;
    margin-top: 0;
    overflow: auto;
    padding: 18px 30px;
    position: relative;
    white-space: pre-wrap
}

main code,
main pre code {
    font-family: Open Sans, Andale Mono, Ubuntu Mono, monospace !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    opacity: .5;
    word-break: normal
}

main code .hljs-addition,
main code .hljs-attribute,
main code .hljs-meta-string,
main code .hljs-regexp,
main code .hljs-string {
    color: #fff
}

.quote .title_spoiler a {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border-top: 1px solid #2e2e2e;
    color: #409fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    line-height: 24px;
    margin: -1px 0;
    opacity: 1;
    padding: 16px 0;
    position: relative;
    right: 0;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    z-index: 0
}

.quote .title_spoiler a img {
    height: 24px;
    width: 24px
}

.quote .contenteditable p:first-child {
    margin-top: 24px
}

.quote .contenteditable p:last-child {
    margin-bottom: 24px
}

.faq-block {
    background: #262626;
    border: 1px solid #2e2e2e;
    border-radius: 8px;
    margin-bottom: 0;
    padding: 24px 24px 0
}

.faq-block h2 {
    margin-bottom: 24px
}

.faq-block .body-1 .title_spoiler,
.faq-block .body-2 .title_spoiler,
.faq-block .page .title_spoiler {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.faq-block .body-1 .title_spoiler a,
.faq-block .body-2 .title_spoiler a,
.faq-block .page .title_spoiler a {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    background: transparent;
    border-top: 1px solid #2e2e2e;
    color: #409fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 24px;
    margin: 0;
    opacity: 1;
    padding: 16px 0;
    position: relative;
    right: 0;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    z-index: 0
}

.faq-block .body-1 .title_spoiler a:first-child,
.faq-block .body-2 .title_spoiler a:first-child,
.faq-block .page .title_spoiler a:first-child {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    float: right;
    order: 2
}

.faq-block .body-1 .title_spoiler a:last-child,
.faq-block .body-2 .title_spoiler a:last-child,
.faq-block .page .title_spoiler a:last-child {
    width: 100%
}

.faq-block .body-1 .title_spoiler a span,
.faq-block .body-2 .title_spoiler a span,
.faq-block .page .title_spoiler a span {
    color: #409fff
}

.faq-block .body-1 .title_spoiler a:after,
.faq-block .body-2 .title_spoiler a:after,
.faq-block .page .title_spoiler a:after {
    display: none
}

.faq-block .body-1 .title_spoiler a:hover,
.faq-block .body-2 .title_spoiler a:hover,
.faq-block .page .title_spoiler a:hover {
    text-decoration: underline !important
}

.faq-block .body-1 .text_spoiler,
.faq-block .body-2 .text_spoiler,
.faq-block .page .text_spoiler {
    margin-bottom: 16px
}

.body-1 .title_spoiler {
    font-size: 0;
    width: 100%
}

.body-1 .title_spoiler,
.body-1 .title_spoiler a {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative
}

.body-1 .title_spoiler a {
    background: transparent;
    border-top: 1px solid #2e2e2e;
    color: #409fff;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    opacity: 1;
    padding: 16px 0;
    right: 0;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    z-index: 0
}

.body-1 .title_spoiler a:first-child {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    float: right;
    order: 2
}

.body-1 .title_spoiler a:last-child {
    width: 100%
}

.body-1 .title_spoiler a span {
    color: #409fff
}

.body-1 .title_spoiler a:after {
    display: none
}

.body-1 .title_spoiler a:hover {
    text-decoration: underline !important
}

.body-1 .text_spoiler {
    margin-bottom: 16px
}

footer {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    background: #0b0d14;

    padding: 0;
}

footer,
footer .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .wrapper {
    padding: 3.7rem 0
}

footer .left {
    -ms-flex-preferred-size: 35.3%;
    display: block;
    flex-basis: 35.3%
}

footer .left .logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

footer .left .logo a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

footer .right {
    margin-left: 8rem
}

footer .right,
footer .right .bot_menu {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    border-bottom: unset;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    justify-content: space-between
}

footer .right .bot_menu .bot_menu_block {
    -ms-flex-preferred-size: 32.5%;
    flex-basis: 32.5%
}

footer .right .bot_menu .bot_menu_block .title {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start;
    margin-bottom: 20px;
    position: relative
}

footer .right .bot_menu .bot_menu_block .title label {
    padding-bottom: 20px
}

footer .right .bot_menu .bot_menu_block .title:after {
    background: #d9d9d9;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    opacity: .2;
    position: absolute;
    width: 24px
}

footer .right .bot_menu .bot_menu_block .bot_list {
    margin-top: 20px
}

footer .right .bot_menu .bot_menu_block .bot_list li {
    margin-bottom: 16px
}

footer .right .bot_menu .bot_menu_block .bot_list li a {
    color: #fff;
    opacity: .5
}

footer .right .bot_menu .bot_menu_block .bot_list li a:hover {
    opacity: 1;
    text-decoration: none
}

footer .right .bot_menu_mob {
    display: none
}

footer .right .bot_menu_mob .item_menu_mob {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start;
    position: relative
}

footer .right .bot_menu_mob .item_menu_mob a {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    width: 100%
}

footer .right .bot_menu_mob .bot_menu_block .title:after {
    width: 100%
}

footer .right .bot_menu_mob .button_arrow {
    margin-top: 2px;
    padding-bottom: 0;
    position: absolute;
    right: 0
}

footer .right .bot_menu_mob .button_arrow.expanded i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

footer .desc_block {
    margin-top: 30px;
    opacity: .5;
    padding-right: 75px
}

footer .dev_block {
    color: hsla(0, 0%, 100%, .5);
    margin-top: 20px
}

footer .dev_block a {
    font-weight: 500;
    opacity: 1
}

footer .soc_block {
    margin-left: -8px;
    margin-top: 20px
}

footer .soc_block,
footer .soc_block .link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

footer .soc_block .link {
    margin-right: 10px;
    position: relative
}

footer .soc_block .link a {
    ursor: pointer;
    opacity: .5;
    padding: 8px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    white-space: nowrap
}

footer .soc_block .link a:hover {
    opacity: 1
}

header {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.6rem 5.6rem
}

header .left {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    position: relative;
    z-index: 104
}

header .right {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 3rem;
    position: relative;
    z-index: 101
}

header .acc-block,
header .right {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

header .acc-block {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-left: auto;
    width: auto
}

header .login {
    margin-left: 15px
}

header .login i {
    margin-right: 13px
}

header .avatar {
    border-radius: 100px;
    height: 40px;
    margin-left: 15px;
    position: relative
}

header .avatar .modal-btn {
    background: 0 0;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 40px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 40px
}

header .avatar.mobile {
    display: none
}

header .avatar img {
    border-radius: 100px;
    float: right;
    height: 40px;
    margin: 0;
    overflow: hidden;
    width: 40px
}

header .dropdown {
    background: #1f212d;
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 10px rgba(15, 19, 33, .65);
    box-shadow: 0 4px 10px rgba(15, 19, 33, .65);
    display: none;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 54px;
    width: 187px;
    z-index: 101
}

header .dropdown.show {
    display: block !important
}

header .dropdown ul {
    padding: 0
}

header .dropdown li {
    border-radius: 6px;
    padding: 6px 10px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

header .dropdown li:hover {
    background: #2e3139;
}

header .dropdown li a {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    opacity: .5
}

header .dropdown a:hover {
    text-decoration: none
}

header .dropdown li:hover a {
    /*background: #3c3f49;*/
    opacity: 1
}

header .fav_block {
    margin: 0 7px
}

header .fav_block,
header .fav_block .fav_but {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

header .fav_block .fav_but {
    color: #fff;
    cursor: pointer;
    opacity: .5;
    padding: 8px;
    white-space: nowrap
}

header .fav_block .fav_but:hover {
    opacity: 1;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

header .mob_menu {
    display: none;
    margin: 0 7px;
    position: relative
}

header .mob_menu .menu_but {
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .5;
    padding: 8px;
    position: relative;
    white-space: nowrap
}

header .mob_menu .menu_but:hover {
    opacity: 1;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

header .separator {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #d9d9d9;
    border-radius: 10px;
    height: 24px;
    justify-content: center;
    margin: 0 15px;
    opacity: .2;
    width: 1px
}

header .search_block,
header .separator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

header .search_block {
    margin: 0 7px
}

header .search_block .search_but {
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .5;
    padding: 8px;
    position: relative;
    white-space: nowrap
}

header .search_block .search_but:hover {
    opacity: 1
}

header .head-search,
header .search_block .search_but:hover {
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

header .head-search {
    bottom: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 0;
    opacity: 0;
    overflow: hidden;
    overscroll-behavior-y: none;
    padding: 0;
    position: fixed;
    right: 0;
    top: -150px;
    visibility: visible;
    z-index: 103
}

header .head-search form {
    position: relative
}

header .head-search form input {
    opacity: 0;
    padding: 15px 84px 15px 30px;
    width: 0
}

header .head-search .search-icon {
    bottom: 0;
    height: 24px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: 30px;
    top: 0
}

header .head-search .search-icon button {
    opacity: .5;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

header .head-search .search-icon button,
header .head-search .search-icon button:hover {
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

header .head-search .search-icon button:hover {
    opacity: 1
}

header .head-search .search-icon button:active {
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .8;
    padding: 0
}

header .head-search .head-search-container {
    background: #1a1d29;
    padding: 20px 0;
    padding-left: 5.6rem !important;
    padding-right: 5.6rem !important;
    position: sticky;
    z-index: 103
}

header .head-search .head-search-result {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding: 20px 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 104
}

#searchsuggestions {
    position: absolute !important;
    top: 96px !important;
    right: 0px !important;
    left: 0px !important;
    font-size: 18px;
    z-index: 2200;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    background: #1a1d29;
    box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
    border: 1px solid #ddd;
    border-color: rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#searchsuggestions a, #searchsuggestions span.notfound {
    padding: 15px 25px;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #1a1d29;
}

#searchsuggestions a {
    color: inherit;
}

#searchsuggestions a:hover {
    background-color: #212533;
}

#searchsuggestions a span {
    color: #9c9c9c;
    display: block;
    cursor: pointer;
}

#searchsuggestions span.searchheading {
    color: #fff;
    display: block;
    font-weight: 500;
    margin-bottom: .2em;
}

#searchsuggestions span.seperator {
    display: block;
    font-size: 18px;
}

#searchsuggestions span.seperator a {
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    border: 0 none;
    background-color: transparent;
    color: #919191;
}

#searchsuggestions span.notfound {
    padding: 15px 25px;
    display: block;
    font-size: 14px;
}

#searchsuggestions .break {
    display: none;
}

@media (max-width: 912px) {
    #searchsuggestions {
        font-size: 14px;
    }

    #searchsuggestions span.seperator a {
        font-size: 14px
    }

    #searchsuggestions span.notfound {
        font-size: 12px;
    }
}

header .head-search .search-ajax-block {
    margin: 0 auto;
    max-width: 860px;
    position: relative;
    width: 860px
}

header .head-search .search-ajax-block,
header .head-search form {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end
}

header .head-search form {
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 100%
}

header .head-search.show {
    height: 100%;
    opacity: 1;
    top: 0;
    width: 100%
}

header .head-search.show .head-search-container {
    -webkit-box-shadow: 0 30px 30px -10px #0f1321;
    box-shadow: 0 30px 30px -10px #0f1321
}

header .head-search.show input {
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    width: 100%
}

header .head-search.show:after {
    background: #0f1321;
    content: "";
    cursor: default;
    display: initial;
    height: 100vh;
    left: 0;
    opacity: .8;
    pointer-events: all;
    position: fixed;
    width: 100%;
    z-index: 102
}

header .head-search .search_btn,
header .head-search.show:after {
    top: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

header .head-search .search_btn {
    bottom: 0;
    display: block;
    height: 24px;
    margin-bottom: auto;
    margin-top: auto;
    opacity: .5;
    position: absolute;
    right: 5.6rem !important;
    width: 24px
}

header .head-search .search_btn:active,
header .head-search .search_btn:hover {
    opacity: 1
}

header .top_menu {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-grow: 1;
    height: 100%;
    margin: 0
}

header .top_menu,
header .top_menu .top_menu_content {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start
}

header .top_menu .top_menu_content {
    -ms-flex-negative: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    flex-shrink: 0;
    height: inherit;
    position: relative;
    width: 100%
}

header .top_menu .top_menu_content .link_menu {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1.8rem
}

header .top_menu .top_menu_content .link_menu a {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative
}

header .top_menu .top_menu_content .link_menu a span {
    opacity: .5;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

header .top_menu .top_menu_content .link_menu a:hover {
    text-decoration: none
}

header .top_menu .top_menu_content .link_menu a:hover span {
    opacity: 1
}

header .top_menu .top_menu_content .link_menu a:hover:after {
    width: 100%
}

header .top_menu .top_menu_content .link_menu a.active span {
    opacity: 1
}

header .top_menu .top_menu_content .link_menu a.active:after {
    width: 100%
}

header .top_menu .top_menu_content .link_menu a:after {
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(rgba(191, 0, 10, .17)),
            color-stop(.01%, rgba(191, 0, 10, 0)),
            color-stop(27.08%, #bf000a),
            color-stop(51.04%, #e50914),
            color-stop(77.08%, #bf000a),
            to(rgba(191, 0, 10, 0))
    );

    background: -o-linear-gradient(
            right,
            rgba(191, 0, 10, .17) 0,
            rgba(191, 0, 10, 0) .01%,
            #bf000a 27.08%,
            #e50914 51.04%,
            #bf000a 77.08%,
            rgba(191, 0, 10, 0) 100%
    );

    background: linear-gradient(
            270deg,
            rgba(191, 0, 10, .17),
            rgba(191, 0, 10, 0) .01%,
            #bf000a 27.08%,
            #e50914 51.04%,
            #bf000a 77.08%,
            rgba(191, 0, 10, 0)
    );

    bottom: -14px;
    content: "";
    height: 2px;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 0;
    z-index: 1;
}

header .top_menu .top_menu_content .link_menu:last-child {
    margin-right: 0
}

.navigation {
    grid-column: 1/-1;
    margin: 30px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.navigation, .navigation .pages {
    gap: 10px
}

.navigation,
.navigation .pages,
.navigation .pages a {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.navigation .pages a {
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    opacity: .5;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 40px
}

.navigation .pages a:hover {
    background: #3c3f49;
    opacity: 1
}

.navigation .pages a:active {
    background: #3c3f49;
    opacity: .8
}

.navigation .pages span {
    background: -o-linear-gradient(186.73deg, #bf000a, #a30008 58.72%, #7a0006 90.93%);
    background: linear-gradient(263.27deg, #bf000a, #a30008 58.72%, #7a0006 90.93%);
    opacity: 1;
}

.navigation .pages .nav_ext,
.navigation .pages span {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    line-height: 24px;
    width: 40px
}

.navigation .pages .nav_ext {
    background: transparent;
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .15);
    opacity: .5
}

.navigation a .page_next,
.navigation a .page_prev {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    opacity: .5;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 40px
}

.navigation a .page_next:hover,
.navigation a .page_prev:hover {
    background: #3c3f49;
    opacity: 1
}

.navigation a .page_next:active,
.navigation a .page_prev:active {
    background: #3c3f49;
    opacity: .8
}

.navigation a .page_next .icon-next,
.navigation a .page_prev .icon-next {
    left: 1px;
    top: 1px
}

.navigation a .page_next .icon-prev,
.navigation a .page_prev .icon-prev {
    right: 1px;
    top: 1px
}

.navigation span .page_next,
.navigation span .page_prev {
    display: none
}

.nav_adv_block {
    border-radius: 12px;
    grid-column: 1/-1;
    margin-top: 30px;
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#dle-content .comment,
#dle-content .official-comment,
#dle-content > section {
    color: #fff;
    font-family: SF Pro Display, sans-serif;
    font-size: 18px;
    line-height: 24px
}

#dle-content .comment b,
#dle-content .official-comment b,
#dle-content > section b {
    font-weight: 700
}

#dle-content .comment i,
#dle-content .official-comment i,
#dle-content > section i {
    font-style: italic
}

#dle-content .comment ol,
#dle-content .comment ul,
#dle-content .official-comment ol,
#dle-content .official-comment ul,
#dle-content > section ol,
#dle-content > section ul {
    list-style: inside;
    margin-left: 16px
}

#dle-content .comment figure.image img,
#dle-content .official-comment figure.image img,
#dle-content > section figure.image img {
    border-radius: 8px;
    height: auto;
    width: 100%
}

#dle-content .comment figure figcaption,
#dle-content .official-comment figure figcaption,
#dle-content > section figure figcaption {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
    text-align: center
}

#dle-content .comment p iframe,
#dle-content .official-comment p iframe,
#dle-content > section p iframe {
    aspect-ratio: 16/9;
    border-radius: 8px;
    height: 100%;
    overflow: hidden;
    width: 100%
}

#dle-content .comment .quote.dlehidden,
#dle-content .official-comment .quote.dlehidden,
#dle-content > section .quote.dlehidden {
    background: #424242 !important;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px
}

.plugins-post table {
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden
}

.plugins-post table tbody tr {
    background: #262626
}

.plugins-post table tbody tr td {
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    padding: 24px 32px
}

.comment, p > img {
    border-radius: 8px;
    height: auto;
    width: 100%
}

.comment .quote,
.comment pre,
.comment tr,
.official-comment .quote,
.official-comment pre,
.official-comment tr {
    background: #373a47 !important;
}

.social_block {
    margin-bottom: 60px
}

.social_content {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2d303b;
    border-radius: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 38px 50px;
    position: relative
}

.social_content .left-soc, .social_content .right-soc {
    z-index: 1
}

.social_content .social_title {
    line-height: 35px;
    margin-bottom: 20px;
    padding-right: 100px
}

.social_content:before {
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0%, #e50914),
            color-stop(35%, #c40812),
            color-stop(65%, #2a2d38),
            to(#0f111a)
    );

    background: -o-linear-gradient(
            left,
            #e50914 0%,
            #c40812 35%,
            #2a2d38 65%,
            #0f111a 100%
    );

    background: linear-gradient(
            90deg,
            #e50914 0%,
            #c40812 35%,
            #2a2d38 65%,
            #0f111a 100%
    );

    border-radius: 12px;
    content: "";
    inset: 0;

    -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    padding: 1px;
    position: absolute;
    width: calc(100% - 2px);
    z-index: 1;
}

.social_content:after {
    background: url(../images/bg_soc_block.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 0
}

.social_content .social_btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.social_content .social_btn .button {
    margin-right: 40px
}

.social_content .social_btn .button:last-child {
    margin-right: 0
}

.social_content .social_btn .button i {
    margin-right: 13px
}

.full_social_block {
    margin-top: 60px
}

.full_social {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2d303b;
    border-radius: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 32px 40px;
    position: relative
}

.full_social .left-soc {
    padding-right: 60px;
    z-index: 1
}

.full_social .right-soc {
    z-index: 1
}

.full_social .social_title {
    margin-bottom: 20px
}

.full_social:before {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(38.98%, #2d303b),
        color-stop(38.99%, rgba(229, 9, 20, 0)),
        color-stop(67.58%, #e50914),
        color-stop(84.43%, #d4000d),
        to(#bf000a)
    );

    background: -o-linear-gradient(
        left,
        #2d303b 38.98%,
        rgba(229, 9, 20, 0) 38.99%,
        #e50914 67.58%,
        #d4000d 84.43%,
        #bf000a 100%
    );

    background: linear-gradient(
        90deg,
        #2d303b 38.98%,
        rgba(229, 9, 20, 0) 38.99%,
        #e50914 67.58%,
        #d4000d 84.43%,
        #bf000a 100%
    );

    border-radius: 12px;
    content: "";
    inset: 0;

    -webkit-mask:
        -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
        -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    padding: 1px;
    position: absolute;
    width: calc(100% - 2px);
    z-index: 1;
}

.full_social:after {
    background: url(../images/bg_soc_block.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 0
}

.full_social .social_btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.full_social .social_btn .button {
    margin-right: 20px;
    width: 100%
}

.full_social .social_btn .button:last-child {
    margin-right: 0
}

.full_social .social_btn .button i {
    margin-right: 13px
}

.mob_tap_bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    bottom: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    width: 100%;
    z-index: 999
}

.mob_tap_bar .tap_bar_wrapper {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #0f111a;
    border-top: 3px solid #bf000a;
    padding: 8px 0;
    position: relative;
    z-index: 999
}

.mob_tap_bar .tap_bar_wrapper .tap_bar_flex {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.mob_tap_bar .tap_bar_wrapper .tap_bar_flex,
.mob_tap_bar .tap_bar_wrapper .tap_bar_flex .tap_bar_item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mob_tap_bar .tap_bar_wrapper .tap_bar_flex .tap_bar_item {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 20%
}

.mob_tap_bar .tap_bar_wrapper .tap_bar_flex .tap_bar_item a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    text-decoration: none;
    z-index: 1
}

.mob_tap_bar .tap_bar_wrapper .tap_bar_flex .tap_bar_item a span {
    font-size: 10px;
    line-height: 12px;
    text-align: center
}

.mob_tap_bar .tap_bar_wrapper .tap_bar_flex .tap_bar_item .link_menu_link.active:after {
    background-color: #e50914;
    border-radius: 100%;
    bottom: -20px;
    content: "";
    -webkit-filter: blur(20px);
    filter: blur(20px);
    height: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: .8;
    position: absolute;
    right: 0;
    width: 70px;
    z-index: 0
}

.mob_tap_bar .mobile_menu {
    background: #0f1321;
    border-radius: 8px 8px 0 0;
    bottom: -10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    height: 0;
    left: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 100%;
    z-index: -1
}

.mob_tap_bar .mobile_menu .search-icon {
    bottom: 0;
    height: 24px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: 30px;
    top: 0
}

.mob_tap_bar .mobile_menu .search-icon button {
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .5;
    padding: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.mob_tap_bar .mobile_menu .search-icon button:hover {
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    padding: 0
}

.mob_tap_bar .mobile_menu .search-icon button:active {
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .8;
    padding: 0
}

.mob_tap_bar .mobile_menu .mobile_menu_content {
    border-top: 1px solid hsla(0, 0%, 100%, .15);
    margin-top: 20px;
    padding-top: 20px
}

.mob_tap_bar .mobile_menu .mobile_menu_content form {
    margin-bottom: 35px;
    position: relative
}

.mob_tap_bar .mobile_menu .mobile_menu_content .search-form input {
    padding: 18px 85px 18px 30px;
    width: 100%
}

.mob_tap_bar .mobile_menu .mobile_menu_content .search-form .search_btn {
    display: none
}

.mob_tap_bar .mobile_menu .mobile_menu_content .link_menu {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 1.2rem
}

.mob_tap_bar .mobile_menu .mobile_menu_content .link_menu a {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start;
    position: relative
}

.mob_tap_bar .mobile_menu .mobile_menu_content .link_menu a span {
    opacity: .5;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.mob_tap_bar .mobile_menu .mobile_menu_content .link_menu a:hover {
    text-decoration: none
}

.mob_tap_bar .mobile_menu .mobile_menu_content .link_menu a.active span,
.mob_tap_bar .mobile_menu .mobile_menu_content .link_menu a:hover span {
    opacity: 1
}

.mob_tap_bar .mobile_menu .mobile_menu_content .link_menu:last-child {
    margin-bottom: 0
}

.mob_tap_bar .mobile_menu.show {
    height: auto;
    opacity: 1;
    padding: 30px 0;

    background: linear-gradient(
            to bottom,
            #7a0a10 0%,
            #0f111a 31%,
            #0f111a 100%
    );

    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;

    z-index: 101;
}

.page-post {
    grid-gap: 19px;
    -ms-grid-columns: 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr;
    -ms-grid-rows: auto;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: auto
}

.page-post > :first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.page-post > :nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.page-post > :nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1
}

.page-post > :nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-row: 1
}

.page-post > :nth-child(5) {
    -ms-grid-column: 9;
    -ms-grid-row: 1
}

.page-post > :nth-child(6) {
    -ms-grid-column: 11;
    -ms-grid-row: 1
}

.page-post > :nth-child(7) {
    -ms-grid-column: 13;
    -ms-grid-row: 1
}

.page-post > :nth-child(8) {
    -ms-grid-column: 15;
    -ms-grid-row: 1
}

.page-post > :nth-child(9) {
    -ms-grid-column: 17;
    -ms-grid-row: 1
}

.page-post > :nth-child(10) {
    -ms-grid-column: 19;
    -ms-grid-row: 1
}

.page-post > :nth-child(11) {
    -ms-grid-column: 21;
    -ms-grid-row: 1
}

.page-post > :nth-child(12) {
    -ms-grid-column: 23;
    -ms-grid-row: 1
}

.page-post > :nth-child(13) {
    -ms-grid-column: 25;
    -ms-grid-row: 1
}

.page-post > :nth-child(14) {
    -ms-grid-column: 27;
    -ms-grid-row: 1
}

.page-post .content {
    -ms-grid-column-span: 8;
    grid-column: span 8;
    width: 100%
}

.page-post .content span.body-2 {
    display: block
}

.page-post .full-page-post .page-post-title {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: space-between;
    margin-bottom: 28px;
    width: 100%
}

.page-post .full-page-post .btn_back {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
    width: 100%
}

.page-post .full-page-post .edit-btn {
    background: transparent;
    opacity: .5;
    padding: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.page-post .full-page-post .edit-btn:hover {
    opacity: 1
}

.page-post .full-page-post .edit-btn:active {
    opacity: .8
}

.page-post .error-page span.body-2 {
    display: block;
    padding-right: 120px
}

.page-post .right_img {
    -ms-grid-column-span: 6;
    grid-column: span 6;
    width: 100%
}

.page-post .right_img i.icons-404:before {
    background-size: 734px;
    bottom: 0;
    height: 470px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 0;
    width: 734px
}

.page-post .right_img i.icons-faq {
    height: 100%;
    width: 100%
}

.page-post .right_img i.icons-faq:before {
    background-position: top;
    background-size: cover;
    bottom: 0;
    max-height: 600px;
    max-width: 550px;
    right: 20px;
    width: 100%
}

.page-post .right_img i.icons-about {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.page-post .right_img i.icons-about:before {
    background-size: cover;
    bottom: 0;
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
    max-height: 521px;
    right: -20%;
    top: 0;
    width: 100%
}

.full-post {
    padding-top: 2rem;
    grid-gap: 19px;
    -ms-grid-columns: 1fr 19px 1fr 19px 1fr 19px 1fr;
    -ms-grid-rows: auto;
    display: -ms-grid;
    display: grid;
    margin-bottom: 70px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid: auto-flow dense/1fr 1fr 1fr 1fr
}

.full-post > :first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.full-post > :nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.full-post > :nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1
}

.full-post > :nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-row: 1
}

.full-post .content {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    width: 100%
}

.full-post .content .head-wrapper {
    /*grid-gap: 19px;*/
    /*-ms-grid-columns: 1fr 19px 1fr;*/
    /*-ms-grid-rows: auto;*/
    /*display: -ms-grid;*/
    /*display: grid;*/
    /*grid-template-columns: repeat(2, 1fr);*/
    /*grid-template-rows: auto;*/
    /*grid: auto-flow dense/1fr 1fr;*/
    /*padding: 0 0 50px;*/
    width: auto
}

.full-post .content .head-wrapper > :first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.full-post .content .head-wrapper > :nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.full-post .content .head-wrapper .head-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-grid-column-span: 1;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: span 1;
    justify-content: space-between;
    width: 100%;
    gap: 3rem;
}

.cat-desk > p {
    color: #8a8c92;
    margin: -10px 0px 28px 0px;
}

.full-post .content .head-wrapper .head-block .logo-head img {
    width: 300px;
    aspect-ratio: 2 / 3;
    border-radius: 1rem;
    height: 100%;
}

.full-post .content .head-wrapper .head-block .head-info {
    justify-content: start
}

.full-post .content .head-wrapper .head-block .head-info,
.full-post .content .head-wrapper .head-block .head-info .rate {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap:20px;
}

.full-post .content .head-wrapper .head-block .head-info .rate {
    gap: 10px;
    justify-content: flex-start
}

.full-post .content .head-wrapper .head-block .head-info .rate .caption-3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
}

.full-post .content .head-wrapper .head-block .head-info .rate .kp {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #3a3e4c;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px 10px;
    text-align: left
}

.full-post .content .head-wrapper .head-block .head-info .rate .kp:before {
    background: url('../images/svg/series.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.full-post .content .head-wrapper .head-block .head-info .rate .kp.green {
    background: #009c64
}

.full-post .content .head-wrapper .head-block .head-info .rate .kp.red {
    background: linear-gradient(263.27deg, #ff2b36, #e50914 58.72%, #bf000a 90.93%);
}

.full-post .content .head-wrapper .head-block .head-info .rate .imdb {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #3a3e4c;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px 10px;
    text-align: left
}

.full-post .content .head-wrapper .head-block .head-info .rate .imdb:before {
    background: url('../images/svg/mic.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.full-post .content .head-wrapper .head-block .head-info .rate .imdb.green {
    background: #009c64
}

.full-post .content .head-wrapper .head-block .head-info .rate .imdb.red {
    background: linear-gradient(263.27deg, #ff2b36, #e50914 58.72%, #bf000a 90.93%);
}

.full-post .content .head-wrapper .head-block .head-info .head-years a {
    color: #fff
}

.full-post .content .head-wrapper .head-block .head-info .head-cat {
    color: #fff;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.full-post .content .head-wrapper .head-block .head-info .head-cat a {
    color: #fff;
    display: none
}

.full-post .content .head-wrapper .head-block .head-info .head-cat a:nth-child(2) {
    color: #fff;
    content: ", ";
    display: inline-block;
    display: initial;
    margin: 0
}

.full-post .content .head-wrapper .head-block .head-lang {
    gap: 20px;
    justify-content: start;
    margin-top: 20px
}

.full-post .content .head-wrapper .head-block .head-lang,
.full-post .content .head-wrapper .head-block .head-lang .head-voice {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.full-post .content .head-wrapper .head-block .head-lang .head-voice {
    justify-content: flex-start
}

.full-post .content .head-wrapper .head-block .head-lang .head-voice a {
    color: #fff
}

.full-post .content .head-wrapper .head-block .head-lang .head-voice i {
    margin-right: 8px
}

.full-post .content .head-wrapper .head-block .head-lang .head-sub {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.full-post .content .head-wrapper .head-block .head-lang .head-sub a {
    color: #fff;
    margin-left: 4px
}

.full-post .content .head-wrapper .head-block .head-lang .head-sub:first-child {
    margin-left: 0
}

.full-post .content .head-wrapper .head-block .head-lang .head-sub i {
    margin-right: 4px
}

.full-post .content .head-wrapper .head-block .head-lang .head-lvl {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.full-post .content .head-wrapper .head-block .head-lang .head-lvl a {
    color: #fff;
    margin-left: 4px
}

.full-post .content .head-wrapper .head-block .head-lang .head-lvl i {
    margin-right: 8px
}

.full-post .content .head-wrapper .head-block .head-desc {
    margin-top: 30px;
    opacity: .5
}

.full-post .content .head-wrapper .head-block .head-block-btn {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px
}

.full-post .content .head-wrapper .head-block .head-block-btn,
.full-post .content .head-wrapper .head-block .head-block-btn .play-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content .fav-button {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px
}

.fav-button.small {
    padding: 10px !important;
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .add {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a.active .add,
.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .del {
    display: none
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a.active .del {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    text-align: center;
    text-decoration: none
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .fav-button.del {
    color: #fff;
    opacity: 1;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .fav-button.del .icons-fav-full {
    opacity: 1
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .fav-button.del .icons-fav-full:before {
    background-size: 24px;
    height: 24px;
    width: 24px
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .fav-button.del:hover .icons-fav-full {
    opacity: 1
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .fav-button.add {
    color: #fff;
    opacity: 1;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .fav-button.add .icons-fav {
    opacity: 1
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .fav-button.add .icons-fav:before {
    background-size: 24px;
    height: 24px;
    width: 24px
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a .fav-button.add:hover .icons-fav {
    opacity: 1
}

.full-post .content .head-wrapper .head-block .head-block-btn .fav-content a:hover {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    padding: 0
}

.full-post .content .seasons-block {
    margin-bottom: 100px;
    margin-top: -30px;
    padding: 0
}

.full-post .content .seasons-block .seasons-block-head {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-bottom: 40px
}

.full-post .content .seasons-block .tabs-nav-container {
    padding: 0
}

.full-post .content .seasons-block .ui-tab {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative
}

.full-post .content .seasons-block .ui-tab:hover a {
    text-decoration: none
}

.full-post .content .seasons-block .ui-tab:hover a h3 {
    opacity: 1
}

.full-post .content .seasons-block .tabs-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    padding: 0;
    width: auto
}

.full-post .content .seasons-block .tabs-nav li {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    justify-content: center;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    white-space: nowrap;
    width: 44px
}

.full-post .content .seasons-block .tabs-nav li h3 {
    opacity: .5;
    text-decoration: none !important;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.full-post .content .seasons-block .tabs-nav li.s-tab-tablet {
    display: none
}

.full-post .content .seasons-block .tabs-nav li:hover h3 {
    opacity: 1
}

.full-post .content .seasons-block .tabs-nav li.ui-tabs-active {
    background: -o-linear-gradient(186.73deg, #2f9fff, #0089ff 58.72%, #006fce 90.93%);
    background: linear-gradient(263.27deg, #2f9fff, #0089ff 58.72%, #006fce 90.93%);
    background-position: -1px;
    background-size: 100%;
    border: none;
    opacity: 1
}

.full-post .content .seasons-block .tabs-nav li.ui-tabs-active h3 {
    opacity: 1
}

.full-post .content .seasons-block .s-tab-content {
    display: none
}

.full-post .content .seasons-block .s-tab-content.preload {
    display: block;
    height: 0;
    opacity: 0
}

.full-post .content .seasons-block .s-tab-content.active {
    display: block
}

.full-post .content .seasons-block .dropdown-block {
    display: block;
    position: relative
}

.full-post .content .seasons-block .dropdown-block .dropdown-content {
    --scrollbar-foreground: #8d8e94;
    --scrollbar-background: #2d303b;
    --scrollbar-size: 16px;
    background: #2d303b;
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 10px rgba(15, 19, 33, .65);
    box-shadow: 0 4px 10px rgba(15, 19, 33, .65);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    margin-right: auto;
    max-height: 300px;
    overflow-y: scroll;
    padding: 10px;
    position: absolute;
    right: 0;
    scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
    top: 54px;
    width: 160px;
    z-index: 101
}

.full-post .content .seasons-block .dropdown-block .dropdown-content::-webkit-scrollbar {
    height: var(--scrollbar-size);
    width: var(--scrollbar-size)
}

.full-post .content .seasons-block .dropdown-block .dropdown-content::-webkit-scrollbar-thumb {
    background: var(--scrollbar-foreground);
    border: 6px solid #2d303b;
    border-radius: 10px
}

.full-post .content .seasons-block .dropdown-block .dropdown-content::-webkit-scrollbar-track {
    background: var(--scrollbar-background);
    border-radius: 8px
}

.full-post .content .seasons-block .dropdown-block .dropdown-content.show {
    display: block
}

.full-post .content .seasons-block .dropdown-block .dropdown-content li {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    height: auto;
    justify-content: flex-start;
    padding: 6px 10px;
    width: 100%
}

.full-post .content .seasons-block .dropdown-block .dropdown-content li:hover {
    color: #fff;
    opacity: 1
}

.full-post .content .seasons-block .dropdown-block .dropdown-content li:active {
    background: -o-linear-gradient(186.73deg, #2f9fff, #0089ff 58.72%, #006fce 90.93%);
    background: linear-gradient(263.27deg, #2f9fff, #0089ff 58.72%, #006fce 90.93%);
    background-position: -1px;
    background-size: 100%;
    border: none;
    opacity: 1
}

.full-post .content .seasons-block .swiper-season {
    margin-bottom: 0
}

.full-post .content .seasons-block .swiper-season .swiper-button-next,
.full-post .content .seasons-block .swiper-season .swiper-rtl .swiper-button-prev {
    left: auto;
    right: -90px
}

.full-post .content .seasons-block .swiper-season .swiper-button-prev,
.full-post .content .seasons-block .swiper-season .swiper-rtl .swiper-button-next {
    left: -90px;
    right: auto
}

.full-post .content .seasons-block .mob-series-block {
    grid-gap: 19px;
    display: none;
    grid: auto-flow dense/1fr 1fr;
    padding: 0;
    width: auto
}

.full-post .content .seasons-block .mob-series-block .series-mob-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: inherit;
    position: relative
}

.full-post .content .seasons-block .mob-series-block .series-mob-item .title {
    bottom: 0;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative
}

.full-post .content .content-block {
    padding: 0
}

.full-post .content .content-block .tabs-nav-container {
    margin: 0;
    padding: 0
}

.full-post .content .content-block .ui-tab {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative
}

.full-post .content .content-block .ui-tab a h3 {
    opacity: .5;
    text-decoration: none !important;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.full-post .content .content-block .ui-tabs-active:hover:before {
    width: 100%;
}

.full-post .content .content-block .ui-tab a {
    text-decoration: none;
}

.full-post .content .content-block .ui-tabs-active:hover a h3 {
    opacity: 1;
}

.full-post .content .content-block .ui-tabs-active h3 {
    opacity: 1 !important;
}

.full-post .content .content-block .ui-tabs-active:before {
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(rgba(191, 0, 10, .17)),
            color-stop(.01%, rgba(191, 0, 10, 0)),
            color-stop(27.08%, #bf000a),
            color-stop(51.04%, #d1000b),
            color-stop(77.08%, #bf000a),
            to(rgba(191, 0, 10, 0))
    );

    background: -o-linear-gradient(
            right,
            rgba(191, 0, 10, .17),
            rgba(191, 0, 10, 0) .01%,
            #bf000a 27.08%,
            #d1000b 51.04%,
            #bf000a 77.08%,
            rgba(191, 0, 10, 0)
    );

    background: linear-gradient(
            270deg,
            rgba(191, 0, 10, .17),
            rgba(191, 0, 10, 0) .01%,
            #bf000a 27.08%,
            #d1000b 51.04%,
            #bf000a 77.08%,
            rgba(191, 0, 10, 0)
    );

    bottom: -2px;
    content: "";
    height: 2px;
    position: absolute;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 0;
    z-index: 1;
}

.full-post .content .content-block .ui-tabs-active {
    opacity: 1;
    padding: 0 !important
}

.full-post .content .content-block .ui-tabs-active:before {
    width: 100% !important;
}

.full-post .content .content-block .ui-tabs-active a {
    padding: 27px 0 !important;
}

.full-post .content .content-block .tabs-nav {
    border-bottom: 2px solid hsla(0, 0%, 85%, .2);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    padding: 0;
    width: auto
}

.full-post .content .content-block .tabs-nav li {
    padding: 0
}

.full-post .content .content-block .tabs-nav li a {
    padding: 20px 0
}

.full-post .content .content-block .tabs-container .body-content {
    grid-gap: 19px;
    -ms-grid-columns: 1fr 19px 1fr;
    -ms-grid-rows: auto;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid: auto-flow dense/1fr 1fr;
    padding: 50px 0 0;
    width: auto
}

.full-post .content .content-block .tabs-container .body-content > :first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.full-post .content .content-block .tabs-container .body-content > :nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.full-post .content .content-block .tabs-container .related-content {
    padding: 50px 0 0
}

.full-post .content .content-block .tabs-container .related-content .swiper-box {
    margin-bottom: 0
}

.full-post .content .content-block .tabs-container .related-content .swiper-button-next,
.full-post .content .content-block .tabs-container .related-content .swiper-rtl .swiper-button-prev {
    left: auto;
    right: -90px
}

.full-post .content .content-block .tabs-container .related-content .swiper-button-prev,
.full-post .content .content-block .tabs-container .related-content .swiper-rtl .swiper-button-next {
    left: -90px;
    right: auto
}

.full-post .content .content-block .tabs-container .collection-content {
    padding: 50px 0 0
}

.full-post .content .content-block .tabs-container .collection-content .swiper-box {
    margin-bottom: 0
}

.full-post .content .content-block .tabs-container .collection-content .swiper-button-next,
.full-post .content .content-block .tabs-container .collection-content .swiper-rtl .swiper-button-prev {
    left: auto;
    right: -90px
}

.full-post .content .content-block .tabs-container .collection-content .swiper-button-prev,
.full-post .content .content-block .tabs-container .collection-content .swiper-rtl .swiper-button-next {
    left: -90px;
    right: auto
}

.full-post .content .content-block .tabs-container .body-2 {
    width: auto
}

.full-post .content .content-block .tabs-container .body-2 .title-body1 {
    margin-bottom: 24px
}

.full-post .content .content-block .tabs-container .body-2 .quote {
    background: #2e2e2e !important
}

.full-post .content .content-block .tabs-container .left-container,
.full-post .content .content-block .tabs-container .right-container {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.full-post .content .content-block .tabs-container .left-container {
    -ms-grid-column-span: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column: span 1;
    justify-content: flex-start;
    width: 100%
}

.full-post .content .content-block .tabs-container .left-container .description .label-1 {
    display: block;
    margin-bottom: 28px
}

.full-post .content .content-block .tabs-container .right-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 0 30px
}

.full-post .content .content-block .tabs-container .right-container .description .label-1 {
    display: block;
    margin-bottom: 28px
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 0
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    width: 50%
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .info-block {
    position: relative
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .block.last {
    margin-bottom: 0
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .block span.subtitle-2 {
    margin-bottom: 8px;
    opacity: .5
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .block a {
    color: #fff;
    text-decoration: underline
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .block a:hover {
    text-decoration: none
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .btn-expand {
    margin-left: auto;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: absolute;
    right: 0;
    top: 32px
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .btn-expand.expanded {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .scora .body-2 {
    padding-right: 24px
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .tags {
    width: auto
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .tags a {
    color: #fff
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .icon {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    margin-bottom: 16px
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .icon img {
    height: 64px;
    margin-right: 16px;
    width: 64px
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .icon .text h4 {
    margin-bottom: 4px
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .summs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .summs .old-price {
    color: #8e8e8e;
    text-decoration: line-through
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content .summs .price {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content button {
    margin-top: 0;
    padding: 16px
}

.full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content form {
    display: contents;
    width: 100%
}

.full-post .content .content-block .tabs-container .blockreadmore {
    display: block;
    width: auto
}

.text-static > p, .full-post .content .content-block .tabs-container .desc-block > p {
    color: #9a9ba5;
    padding-bottom: 15px;
}

.full-post .content .content-block .tabs-container .readmore-js-section {
    border-radius: 0 !important;
    padding: 0 !important
}

.full-post .content .content-block .tabs-container .readmore-js-collapsed {
    position: relative
}

.full-post .content .content-block .tabs-container .readmore-js-toggle {
    background: #1a1d29;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 25px 0 0;
    text-align: left;
    width: auto
}

.full-post .content .tabs-details #tabs-2 {
    position: absolute;
    visibility: hidden
}

.full-post .container {
    grid-gap: 32px;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
    -ms-grid-rows: auto;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto
}

.full-post .info.play-series {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

.full-post .info.play-series .icons-playerjs {
    position: absolute
}

.banner-item {
    width: 100%;
    height: 740px;
}

.banner-item .head-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    bottom: 3.75rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: end;
    left: 3.75rem;
    position: absolute;
    right: 3.75rem;
    top: 3.75rem;
    width: calc(100% - 7.5rem);
    z-index: 3
}

.banner-item .head-block,
.banner-item .head-block .logo-head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.banner-item .head-block .logo-head {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    /*height: 100%;*/
    overflow: hidden;
    padding-bottom: 3.125rem;
    width: auto;
    line-height: normal;
}

.banner-item .head-block .logo-head img {
    height: 100%;
    max-height: 281px;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.banner-item .head-block .title-head {
    margin-bottom: 60px
}

.banner-item .head-block .head-desc {
    margin-bottom: 3.125rem;
    max-width: 600px;
    opacity: 1
}

.banner-item .head-block .head-info {
    justify-content: start
}

.banner-item .head-block .head-info,
.banner-item .head-block .head-info .rate {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap:20px
}

.banner-item .head-block .head-info .rate {
    gap: 10px;
    justify-content: flex-start
}

.banner-item .head-block .head-info .rate .caption-3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
}

.banner-item .head-block .head-info .rate .kp {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #2d303b;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px 10px;
    text-align: left
}

.banner-item .head-block .head-info .rate .kp:before {
    background: url('../images/svg/series.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.banner-item .head-block .head-info .rate .kp.green {
    background: #009c64
}

.banner-item .head-block .head-info .rate .kp.red {
    background: linear-gradient(263.27deg, #ff2b36, #e50914 58.72%, #bf000a 90.93%);
}

.banner-item .head-block .head-info .rate .imdb {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #2d303b;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px 10px;
    text-align: left
}

.banner-item .head-block .head-info .rate .imdb:before {
    background: url('../images/svg/mic.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    content: "";
    display: block;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.banner-item .head-block .head-info .rate .imdb.green {
    background: #009c64
}

.banner-item .head-block .head-info .rate .imdb.red {
    background: linear-gradient(263.27deg, #ff2b36, #e50914 58.72%, #bf000a 90.93%);
}

.banner-item .head-block .head-info .head-years a {
    color: #fff
}

.banner-item .head-block .head-info .head-cat {
    color: #fff;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.banner-item .head-block .head-info .head-cat a {
    color: #fff;
    display: none
}

.banner-item .head-block .head-info .head-cat a:first-child {
    color: #fff;
    content: ", ";
    display: inline-block;
    display: initial;
    margin: 0
}

.banner-item .poster,
.banner-item .poster a {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.banner-item .poster img {
    border-radius: 12px;
    margin-right: -100%;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 100%;
    z-index: 1;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.banner-item .poster .slider-preloader {
    display: block;
    height: 100%;
    margin-right: 0;
    opacity: 1;
    object-fit: cover;
    position: relative;
    z-index: 0
}

.banner-item .poster .slidermob-preloader {
    display: none;
    height: auto;
    margin-right: 0;
    opacity: 1;
    position: relative;
    z-index: 0
}

.banner-item .poster .banner-poster {
    display: block
}

.banner-item .poster .banner-poster-mob {
    display: none
}

.banner-item .poster:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(-5.41%, #1a1d29), color-stop(68.71%, rgba(26, 29, 41, 0)));
    background: -o-linear-gradient(left, #1a1d29 -5.41%, rgba(26, 29, 41, 0) 68.71%);
    background: linear-gradient(90deg, #1a1d29 -5.41%, rgba(26, 29, 41, 0) 68.71%);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.banner-item .poster a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

.banner-item .bg_poster:before {
    display: none !important
}

.cat-item .poster, .genre-item .poster, .series-item .poster {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 1;
}

.cat-item,
.genre-item,
.series-item {
    background: #2d303b;
    border-radius: 12px;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 100%
}

.cat-item:before,
.genre-item:before,
.series-item:before {
    background: hsla(0, 0%, 100%, .15);
    border-radius: 12px;
    content: "";
    inset: 0;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    position: absolute;
    width: calc(100% - 2px);
    z-index: 3
}

.cat-item:hover,
.genre-item:hover,
.series-item:hover {
    background: #bf000a;
    -webkit-box-shadow: 0 20px 25px -15px rgba(191, 0, 10, 0.45);
    box-shadow: 0 20px 25px -15px rgba(191, 0, 10, 0.45);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.cat-item:hover:before,
.genre-item:hover:before,
.series-item:hover:before {
    background: -webkit-gradient(
            linear,
            right top,
            left top,
            from(rgba(191, 0, 10, .56)),
            color-stop(26.04%, #bf000a),
            color-stop(51.04%, #e50914),
            color-stop(77.08%, #bf000a),
            to(rgba(191, 0, 10, .56))
    );

    background: -o-linear-gradient(
            right,
            rgba(191, 0, 10, .56) 0,
            #bf000a 26.04%,
            #e50914 51.04%,
            #bf000a 77.08%,
            rgba(191, 0, 10, .56) 100%
    );

    background: linear-gradient(
            270deg,
            rgba(191, 0, 10, .56),
            #bf000a 26.04%,
            #e50914 51.04%,
            #bf000a 77.08%,
            rgba(191, 0, 10, .56)
    );

    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

    -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.cat-item:hover .fav-content,
.cat-item:hover .info,
.genre-item:hover .fav-content,
.genre-item:hover .info,
.series-item:hover .fav-content,
.series-item:hover .info {
    opacity: 1 !important
}

.cat-item .cont,
.genre-item .cont,
.series-item .cont {
    display: block;
    position: relative;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.cat-item .genre-item-title,
.genre-item .genre-item-title,
.series-item .genre-item-title {
    height: auto;
    left: 18px;
    position: absolute;
    top: 18px
}

.cat-item .fav-content,
.genre-item .fav-content,
.series-item .fav-content {
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 6
}

.cat-item .fav-content .fav-button,
.genre-item .fav-content .fav-button,
.series-item .fav-content .fav-button {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2d303b;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px
}

.cat-item .fav-content a .add,
.genre-item .fav-content a .add,
.series-item .fav-content a .add {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.cat-item .fav-content a,
.genre-item .fav-content a,
.series-item .fav-content a {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    text-align: center;
    text-decoration: none
}

.cat-item .fav-content a .fav-button.del,
.genre-item .fav-content a .fav-button.del,
.series-item .fav-content a .fav-button.del {
    color: #fff;
    opacity: 1;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.cat-item .fav-content a .fav-button.del .icons-fav-full,
.genre-item .fav-content a .fav-button.del .icons-fav-full,
.series-item .fav-content a .fav-button.del .icons-fav-full {
    opacity: .5
}

.cat-item .fav-content a .fav-button.del .icons-fav-full:before,
.genre-item .fav-content a .fav-button.del .icons-fav-full:before,
.series-item .fav-content a .fav-button.del .icons-fav-full:before {
    background-size: 16px;
    height: 16px;
    width: 16px
}

.cat-item .fav-content a .fav-button.del:hover .icons-fav-full,
.genre-item .fav-content a .fav-button.del:hover .icons-fav-full,
.series-item .fav-content a .fav-button.del:hover .icons-fav-full {
    opacity: 1
}

.cat-item .fav-content a .fav-button.add,
.genre-item .fav-content a .fav-button.add,
.series-item .fav-content a .fav-button.add {
    color: #fff;
    opacity: 1;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.cat-item .fav-content a .fav-button.add .icons-fav,
.genre-item .fav-content a .fav-button.add .icons-fav,
.series-item .fav-content a .fav-button.add .icons-fav {
    opacity: .5
}

.cat-item .fav-content a .fav-button.add .icons-fav:before,
.genre-item .fav-content a .fav-button.add .icons-fav:before,
.series-item .fav-content a .fav-button.add .icons-fav:before {
    background-size: 16px;
    height: 16px;
    width: 16px
}

.cat-item .fav-content a .fav-button.add:hover .icons-fav,
.genre-item .fav-content a .fav-button.add:hover .icons-fav,
.series-item .fav-content a .fav-button.add:hover .icons-fav {
    opacity: 1
}

.cat-item .fav-content a:hover,
.genre-item .fav-content a:hover,
.series-item .fav-content a:hover {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    padding: 0
}

.cat-item .info,
.genre-item .info,
.series-item .info {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    align-items: flex-start;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 19, 33, .56)), to(#0f1321));
    background: -o-linear-gradient(top, rgba(15, 19, 33, .56) 0, #0f1321 100%);
    background: linear-gradient(180deg, rgba(15, 19, 33, .56), #0f1321);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 100%;
    z-index: 2
}

.cat-item .info .title,
.genre-item .info .title,
.series-item .info .title {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.cat-item .info .title:hover,
.genre-item .info .title:hover,
.series-item .info .title:hover {
    text-decoration: none
}

.cat-item .info .rate,
.genre-item .info .rate,
.series-item .info .rate {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 18px;
    width: 100%
}

.cat-item .info .rate .kp,
.genre-item .info .rate .kp,
.series-item .info .rate .kp {
    background: #3a3e4c;
    border-radius: 6px;
    padding: 8px 10px
}

.cat-item .info .rate .kp:before,
.genre-item .info .rate .kp:before,
.series-item .info .rate .kp:before {
    background: url('../images/svg/series.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 16px;
    content: "";
    display: block;
    height: 16px;
    margin-right: 10px;
    width: 16px
}

.cat-item .info .rate .kp.green,
.genre-item .info .rate .kp.green,
.series-item .info .rate .kp.green {
    background: #009c64
}

.cat-item .info .rate .kp.red,
.genre-item .info .rate .kp.red,
.series-item .info .rate .kp.red {
    background: #fd4142
}

.cat-item .info .rate .imdb,
.genre-item .info .rate .imdb,
.series-item .info .rate .imdb {
    background: #3a3e4c;
    border-radius: 6px;
    padding: 8px 10px
}

.cat-item .info .rate .imdb:before,
.genre-item .info .rate .imdb:before,
.series-item .info .rate .imdb:before {
    background: url('../images/svg/mic.svg');
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 16px;
    content: "";
    display: block;
    height: 16px;
    margin-right: 10px;
    width: 16px
}

.cat-item .info .rate .imdb.green,
.genre-item .info .rate .imdb.green,
.series-item .info .rate .imdb.green {
    background: #009c64
}

.cat-item .info .rate .imdb.red,
.genre-item .info .rate .imdb.red,
.series-item .info .rate .imdb.red {
    background: #fd4142
}

.cat-item .info .text,
.genre-item .info .text,
.series-item .info .text {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 14px;
    opacity: .5;
    overflow: hidden;
    width: 100%
}

.cat-item .info .text .tags,
.genre-item .info .text .tags,
.series-item .info .text .tags {
    color: #fff;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cat-item .info .text .tags a:after,
.genre-item .info .text .tags a:after,
.series-item .info .text .tags a:after {
    color: #fff;
    content: ", ";
    display: inline-block;
    margin: 0 4px 0 0
}

.cat-item .info .text .tags a:last-child:after,
.genre-item .info .text .tags a:last-child:after,
.series-item .info .text .tags a:last-child:after {
    display: none
}

.cat-item .date-anounce,
.genre-item .date-anounce,
.series-item .date-anounce {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    justify-content: start;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 100%;
    z-index: 2
}

.cat-item .date-anounce span,
.genre-item .date-anounce span,
.series-item .date-anounce span {
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 4px 8px;
    text-transform: uppercase
}

.cat-item .date-anounce span.orange,
.genre-item .date-anounce span.orange,
.series-item .date-anounce span.orange {
    background: -o-linear-gradient(186.73deg, #f37e3c, #e95400 58.72%, #d54d00 90.93%);
    background: linear-gradient(263.27deg, #f37e3c, #e95400 58.72%, #d54d00 90.93%)
}

.cat-item .date-anounce span.green,
.genre-item .date-anounce span.green,
.series-item .date-anounce span.green {
    background: -o-linear-gradient(186.73deg, #0ad525, #009b05 58.72%, #099700 90.93%);
    background: linear-gradient(263.27deg, #0ad525, #009b05 58.72%, #099700 90.93%);
}

.cat-item .date-anounce span.red,
.genre-item .date-anounce span.red,
.series-item .date-anounce span.red {
    background: -o-linear-gradient(
            186.73deg,
            #ff2b36 0,
            #e50914 58.72%,
            #bf000a 90.93%
    );

    background: linear-gradient(
            263.27deg,
            #ff2b36,
            #e50914 58.72%,
            #bf000a 90.93%
    );
}

.series-item .poster {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 1
}

.cat-item .poster img,
.genre-item .poster img,
.series-item .poster img {
    border-radius: 12px;
    /*height: auto;*/
    margin-right: -100%;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 100%;
    z-index: 1;
}

.cat-item .poster img,
.series-item .poster img {
    aspect-ratio: 1 / 1.5;
    object-fit: cover;
}

.cat-item .poster .no-poster,
.genre-item .poster .no-poster,
.series-item .poster .no-poster {
    display: block;
    margin-right: 0;
    opacity: 1;
    position: relative;
    z-index: 0
}

.cat-item .link-title,
.genre-item .link-title,
.series-item .link-title {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.cat-item .link-title:after,
.genre-item .link-title:after,
.series-item .link-title:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

.cat-item h2,
.cat-item span,
.genre-item h2,
.genre-item span,
.series-item h2,
.series-item span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left
}

.cat-item h2 a,
.cat-item span a,
.genre-item h2 a,
.genre-item span a,
.series-item h2 a,
.series-item span a {
    color: #fff
}

.cat-item h2.body-2,
.cat-item span.body-2,
.genre-item h2.body-2,
.genre-item span.body-2,
.series-item h2.body-2,
.series-item span.body-2 {
    display: block;
    margin-right: 8px;
    max-width: calc(100% - 50px);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

span.year:nth-child(2) {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.genre-item .poster {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.genre-item .poster img {
    background: #2d303b;
    border-radius: 12px;
    height: auto;
    margin-right: -100%;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 100%;
    z-index: 1
}

.genre-item .poster .genre-item-title {
    z-index: 2
}

.series-item .poster {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 1
}

.series-item .poster img {
    border-radius: 12px;
    height: 1px;
    margin-right: -100%;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    width: 100%;
    z-index: 1
}

.series-item .poster .ser-preloader {
    display: block;
    height: auto;
    margin-right: 0;
    opacity: 1;
    position: relative;
    z-index: 0
}

@media screen and (max-width: 1644px) {
    header .top_menu .top_menu_content .link_menu:last-child {
        display: none;
        margin-right: 0
    }

    .cat-grid,
    .cat-grid > .section-content {
        -ms-grid-columns: 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr;
        grid-template-columns: repeat(6, 1fr)
    }

    .social_content .social_title {
        font-size: 24px
    }

    .full_social {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        align-items: start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }

    .full_social .left-soc {
        margin-bottom: 20px
    }

    .full_social .right-soc {
        width: 100%
    }

    .full_social .right-soc .social_btn {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .full_social .right-soc .social_btn button {
        margin-right: 20px;
        width: 100%
    }
}

@media screen and (max-width: 1500px) {
    .social_content .social_title {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 20px;
        padding-right: 0
    }

    .social_content .social_desc {
        font-size: 16px
    }

    header .left {
        z-index: 102
    }

    header .top_menu .top_menu_content .link_menu:last-child {
        display: none;
        margin-right: 0
    }

    footer .right {
        margin-left: 0
    }

    .cat-grid,
    .cat-grid > .section-content {
        -ms-grid-columns: 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr;
        grid-template-columns: repeat(5, 1fr)
    }

    .page-post .content {
        -ms-grid-column-span: 10;
        grid-column: span 10
    }

    .page-post .right_img {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }

    .page-post .right_img i.icons-faq:before {
        right: -10%
    }

    .page-post .right_img i.icons-about:before {
        right: -30%
    }

    .page-post .right_img i.icons-404:before {
        background-size: 500px;
        height: auto;
        right: 0;
        width: 500px
    }

    .full-post .content .content-block .tabs-container .right-container {
        padding: 0 0 0 50px
    }

    .full_social {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        align-items: start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }

    .full_social .left-soc {
        margin-bottom: 20px
    }

    .full_social .right-soc {
        width: 100%
    }

    .full_social .right-soc .social_btn {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .full_social .right-soc .social_btn button {
        margin-right: 20px;
        width: 100%
    }
}

@media screen and (max-width: 1400px) {
    h1 {
        font-size: 30px;
        line-height: normal
    }

    h2 {
        font-size: 28px;
        line-height: 32px
    }

    div.label-2,
    h1.label-2,
    h2.label-2,
    h3,
    h3.label-2,
    h4.label-2,
    label.label-2,
    li.label-2,
    p.label-2,
    span.label-2 {
        font-size: 35px
    }

    div.label-1,
    h1.label-1,
    h2.label-1,
    h3.label-1,
    h4,
    h4.label-1,
    label.label-1,
    li.label-1,
    p.label-1,
    span.label-1 {
        font-size: 18px
    }

    div.body-1,
    h1.body-1,
    h2.body-1,
    h3.body-1,
    h4.body-1,
    label.body-1,
    li.body-1,
    p.body-1,
    span.body-1 {
        font-size: 16px
    }

    header .right {
        margin-left: 4.3rem
    }

    header .top_menu .top_menu_content .link_menu a span {
        font-size: 16px
    }

    .banner-item .head-block {
        bottom: 2.75rem;
        left: 2.75rem;
        top: 2.75rem
    }

    .banner-item .logo-head {
        padding-bottom: 2.125rem
    }

    .banner-item .head-desc {
        margin-bottom: 2.125rem
    }

    .banner-item .head-info .rate .caption-3 {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 25px !important
    }

    .social_content {
        padding: 30px 40px
    }

    .social_content .social_title {
        font-size: 20px;
        margin: 0;
        padding-right: 100px
    }

    .social_content .social_desc {
        display: none
    }

    .full_social {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        align-items: start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }

    .full_social .left-soc {
        margin-bottom: 20px
    }

    .full_social .left-soc .social_desc {
        display: block
    }

    .cat-grid,
    .cat-grid > .section-content {
        -ms-grid-columns: 1fr 19px 1fr 19px 1fr 19px 1fr 19px 1fr;
        grid-template-columns: repeat(5, 1fr)
    }
}

@media screen and (max-width: 1320px) {
    header .fav_block {
        display: none
    }

    header .right {
        margin-left: 3.3rem
    }

    .banner-item .head-block .head-info .rate .imdb,
    .banner-item .head-block .head-info .rate .kp {
        padding: 5px 8px
    }
}

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

    main .swiper .swiper-pagination {
        bottom: 2rem !important;
        right: 100px !important
    }

    .container,
    #searchsuggestions > .notfound,
    #searchsuggestions > a {
        padding-left: 3.6rem !important;
        padding-right: 3.6rem !important
    }

    .mob_tap_bar {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    /*header {*/
    /*    margin-bottom: 1.6rem*/
    /*}*/
    header .mob_menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    header .top_menu_content {
        display: none !important
    }

    header .left,
    header .right {
        z-index: 102
    }

    header .head-search .head-search-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        padding-left: 3.6rem !important;
        padding-right: 3.6rem !important
    }

    header .head-search .search-ajax-block {
        max-width: 100%;
        width: 100%
    }

    header .head-search .search_btn {
        position: relative;
        right: 0 !important
    }

    header .head-search .head-search-result {
        height: calc(100% - 70px);
        padding-left: 3.6rem !important;
        padding-right: 3.6rem !important;
        width: 100%
    }

    header .head-search .head-search-result #searchsuggestions {
        max-width: 100% !important;
        padding: 0;
        width: 100% !important
    }

    header .head-search.show #searchsuggestions {
        display: block !important
    }

    header .head-search.show #searchsuggestions .allresult {
        margin-top: 0;
        padding: 18px;
        text-align: center
    }

    header input[type=search] {
        -webkit-appearance: none;
        -webkit-border-radius: 6px !important
    }

    main {
        padding-bottom: 30px
    }

    .banner-item .head-block {
        bottom: 2rem;
        left: 2.75rem;
        top: 2rem
    }

    .banner-item .head-block .head-desc {
        font-size: 14px;
        margin-bottom: 30px;
        max-width: 500px
    }

    .banner-item .head-block .logo-head {
        padding-bottom: 30px
    }

    .page-post .content {
        -ms-grid-column-span: 14;
        grid-column: span 14
    }

    .page-post .right_img {
        display: none
    }


    .full-post .content .head-wrapper .head-block {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .full-post .content .head-wrapper .head-block .logo-head img {
        width: 300px;
        aspect-ratio: 2 / 3;
        border-radius: 1rem;
    }

    .full-post .content .content-block .tabs-container .left-container {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .full-post .content .content-block .tabs-container .right-container {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        margin-top: 60px;
        padding: 0
    }

    .full-post .content .seasons-block {
        margin-bottom: 100px;
        margin-top: 0;
        padding: 0
    }

    .full-post .swiper-button-next {
        right: -57px !important
    }

    .full-post .swiper-button-prev {
        left: -57px !important
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 37px !important
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 28px
    }

    footer {
        padding-bottom: 51px
    }

    footer .left {
        -ms-flex-preferred-size: 100%;
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        flex-basis: 100%;
        margin-top: 60px;
        order: 2
    }

    .fullscreen-page {
        overflow: scroll
    }

    .fullscreen-page .right-block {
        min-width: 670px;
        padding-top: 90px
    }

    .fullscreen-page:before {
        display: none
    }

    .fullscreen-page .btn_group,
    .fullscreen-page .caption-1.reg-page,
    .modal-form .modal-form-padding .input-group {
        margin-top: 30px
    }

    .cat-item .info .rate .kp {
        padding: 8px
    }

    .cat-item .info .rate .kp:before {
        margin-right: 5px
    }

    .cat-item .info .rate .imdb {
        padding: 8px
    }

    .cat-item .info .rate .imdb:before {
        margin-right: 5px
    }
}

@media screen and (max-width: 1100px) {
    main .swiper {
        margin-bottom: 98px
    }

    main .swiper .swiper-pagination {
        bottom: -38px !important;
        left: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        right: 0 !important
    }

    .banner-item {
        height: 350px;
        width: 100%
    }

    .banner-item .head-block .head-desc {
        margin-bottom: 0
    }

    .banner-item .head-block .head-info {
        display: none
    }

    .banner-item .poster {
        height: 100%
    }

    .cat-grid,
    .cat-grid > .section-content {
        -ms-grid-columns: 1fr 19px 1fr 19px 1fr 19px 1fr;
        grid-template-columns: repeat(4, 1fr)
    }

    .swiper-top-item .top-1,
    .swiper-top-item .top-2,
    .swiper-top-item .top-3,
    .swiper-top-item .top-4,
    .swiper-top-item .top-5,
    .swiper-top-item .top-6,
    .swiper-top-item .top-7,
    .swiper-top-item .top-8,
    .swiper-top-item .top-9,
    .swiper-top-item .top-10 {
        width: 30% !important
    }

    .social_content {
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        align-items: start;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        padding: 30px 40px
    }

    .social_content .left-soc {
        margin-bottom: 20px;
        text-align: center
    }

    .social_content .left-soc .social_title {
        font-size: 16px;
        padding: 0
    }

    .social_content .right-soc {
        width: 100%
    }

    .social_content .right-soc .social_btn {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .social_content .right-soc .social_btn .button {
        margin-right: 20px;
        width: 100%
    }

    .full-post .content .seasons-block-head {
        overflow: scroll
    }

    .full-post .content .seasons-block-head .tabs-nav li.s-tab-tablet {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .full-post .content .seasons-block-head .tabs-nav .dropdown-block {
        display: none
    }
}

@media screen and (max-width: 900px) {
    header .head-search .head-search-result #searchsuggestions {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr)
    }

    header .head-search .head-search-result #searchsuggestions a:hover {
        border-radius: 0
    }

    .banner-item .head-block {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 30px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        top: 30px
    }

    .banner-item .head-block .logo-head {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 30px
    }

    .banner-item .head-block .logo-head img {
        height: auto;
        max-height: none;
        width: 30vw
    }

    .banner-item .head-block .head-desc {
        margin-bottom: 0;
        text-align: center;
        width: 100%
    }

    .banner-item .poster:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 29, 41, 0)), color-stop(rgba(26, 29, 41, .32)), color-stop(rgba(26, 29, 41, .75)), to(#1a1d29));
        background: -o-linear-gradient(top, rgba(26, 29, 41, 0), rgba(26, 29, 41, .32), rgba(26, 29, 41, .75), #1a1d29);
        background: linear-gradient(180deg, rgba(26, 29, 41, 0), rgba(26, 29, 41, .32), rgba(26, 29, 41, .75), #1a1d29)
    }

    .filters .dropfilter .dropdown-filter-content,
    .filters .dropfilter .filter_btn,
    .selectize-input, header .dropdown {
        border-radius: 6px !important
    }

    .button,
    .full-post .content .seasons-block .tabs-nav li a,
    .navigation .pages .nav_ext,
    .navigation .pages span, button, input, select {
        border-radius: 6px !important
    }

    .cat-item,
    .cat-item .poster img,
    .cat-item:before,
    .full-post .full_adv_block,
    .full_social:before,
    .genre-item,
    .genre-item .poster img,
    .genre-item:before,
    .nav_adv_block,
    .social_content,
    .swiper-slide,
    swiper-slide {
        border-radius: 8px !important
    }

    .nav_adv_block {
        width: 100%
    }

    .dle_b_popup_right {
        display: none
    }

    .cat-grid,
    .cat-grid > .section-content {
        -ms-grid-columns: 1fr 19px 1fr 19px 1fr;
        grid-template-columns: repeat(3, 1fr)
    }

    .banner-item .poster img {
        min-height: auto
    }

    .banner-item .head-block .head-info .rate {
        display: none
    }

    .banner-item .head-block .head-info .logo-head {
        padding-bottom: 60px
    }

    footer .right .bot_menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        display: none;
        -ms-flex-direction: column;
        flex-direction: column
    }

    footer .right .bot_menu .bot_menu_block {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 20px
    }

    footer .right .bot_menu_mob {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    footer .desc_block {
        padding-right: 0
    }

    footer .left {
        margin-top: 30px
    }

    .fullscreen-page {
        -ms-grid-columns: (1fr) [ 1 ];
        grid-template-columns: repeat(1, 1fr)
    }

    .fullscreen-page .right-block {
        min-width: auto
    }

    #scroll_top {
        display: none
    }
}

@media screen and (max-width: 700px) {
    .mb-lg-3 {
        margin-bottom: 30px;
    }

    .navigation, .navigation .pages, .navigation .pages a {
        flex-wrap: wrap;
    }

    .main-banner-adv2 {
        margin-bottom: 30px
    }

    .cat-grid-mob {
        -ms-grid-columns: (1fr) [ 2 ] !important;
        grid-template-columns: repeat(2, 1fr) !important
    }

    .main-cat-slider .icons-arrow-right {
        opacity: 1
    }

    .main-top-slider .title-main-top {
        margin-bottom: 30px
    }

    header .head-search .head-search-container {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important;
        padding: 16px 0
    }

    header .head-search .head-search-result {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important
    }

    header .dropdown {
        border-radius: 6px !important
    }

    header .mobile_menu .search-icon {
        right: 18px
    }

    header .mobile_menu .mobile_menu_content .search-form input {
        padding: 18px 64px 18px 18px
    }

    .selectize-input {
        border-radius: 6px !important
    }

    .navigation .pages a {
        border-radius: 6px;
        height: 40px;
        width: 40px
    }

    .navigation .pages .nav_ext,
    .navigation .pages .prev_ext,
    .navigation .pages span,
    .navigation a .page_next,
    .navigation a .page_prev {
        border-radius: 6px !important;
        height: 40px;
        width: 40px
    }

    .cat-item,
    .filters .dropfilter .dropdown-filter-content,
    .filters .dropfilter .filter_btn,
    .genre-item {
        border-radius: 6px !important
    }

    .cat-item:hover,
    .genre-item:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .cat-item:hover:before,
    .genre-item:hover:before {
        background: hsla(0, 0%, 100%, .15);
        -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)
    }

    .button,
    .cat-item .poster img,
    .cat-item:before,
    .full-post .content .seasons-block .tabs-nav li a,
    .full-post .full_adv_block,
    .full_social:before,
    .genre-item .poster img,
    .genre-item:before,
    .nav_adv_block,
    .social_content,
    .swiper-slide, button, input, select, swiper-slide {
        border-radius: 6px !important
    }

    .nav_adv_block {
        width: 100%
    }

    .full_adv_mob_block {
        display: initial !important
    }

    .full_adv_block {
        display: none
    }

    h1 {
        font-size: 24px
    }

    h1, h2 {
        line-height: normal
    }

    h2 {
        font-size: 22px
    }

    h3 {
        font-size: 20px;
        line-height: normal
    }

    .page-post .error-page span.body-2 {
        display: block;
        padding-right: 0
    }

    .page-post .full-page-post .btn_back {
        margin-top: 40px
    }

    .player-header {
        display: flex;
        flex-direction: column;
        row-gap: 30px;
    }

    .container,
    #searchsuggestions > .notfound,
    #searchsuggestions > a {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 30px !important
    }

    .full-post .swiper-button-next,
    .full-post .swiper-button-prev {
        display: none !important
    }

    .full-post .content .content-block .tabs-container .right-container {
        margin-top: 40px
    }

    .full-post .content .content-block .tabs-container .right-container .info-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .full-post .content .content-block .tabs-container .right-container .info-wrapper .info-content {
        width: 100%
    }

    .full-post .content .content-block .tabs-container .body-content {
        padding: 30px 0 0
    }

    .fullscreen-page .head-login {
        left: 1.6rem;
        width: calc(100% - 3.2rem)
    }

    .fullscreen-page .right-block {
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 90px 1.6rem
    }

    main {
        padding-bottom: 30px
    }

    main .swiper {
        margin-bottom: 70px
    }

    .main-top-slider {
        margin: 30px 0;
        padding: 30px 0
    }

    footer .wrapper {
        padding: 40px 0
    }

    /*header {*/
    /*    margin-bottom: 20px*/
    /*}*/
    header .right {
        margin-left: 0
    }

    .cat-grid {
        -ms-grid-columns: 1fr 19px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .cat-grid > .section-content {
        grid-gap: 14px 10px;
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }

    .swiper-box {
        margin-bottom: 30px
    }

    .full-post .content .content-block .tabs-container .collection-content {
        padding: 30px 0 0
    }

    .social_content {
        padding: 30px
    }

    .social_content .left-soc {
        margin-bottom: 20px;
        text-align: center;
        width: 100%
    }

    .social_content .right-soc {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .social_content .right-soc .social_btn {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -moz-box-orient: inherit;
        -moz-box-direction: inherit;
        align-items: center;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        gap: 20px;
        justify-content: space-between
    }

    .social_content .right-soc .social_btn,
    .social_content .right-soc .social_btn .button {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .social_content .right-soc .social_btn .button {
        font-size: 0;
        margin-right: 0
    }

    .social_content .right-soc .social_btn .button i {
        margin-right: 0
    }

    .banner-item {
        height: auto;
        padding-top: 100%;
        width: 100%
    }

    .banner-item .head-block {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 30px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0 30px;
        right: 0;
        top: 30px;
        width: 100%
    }

    .banner-item .head-block .logo-head {
        padding-top: 30px;
        width: 100%
    }

    .banner-item .head-block .logo-head img {
        width: 60%
    }

    .banner-item .head-block .head-desc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        text-align: center;
        width: 100%
    }

    .banner-item .poster {
        height: 100%;
        position: absolute;
        top: 0
    }

    .banner-item .poster img {
        /*height: auto;
		min-height: auto*/
    }

    .banner-item .poster .banner-poster {
        display: none
    }

    .banner-item .poster .banner-poster-mob {
        display: block
    }

    .banner-item .poster .slider-preloader {
        display: none
    }

    .banner-item .poster .slidermob-preloader {
        display: block
    }

    .cat-item,
    .genre-item,
    .series-item {
        height: auto;
        width: 100%
    }

    header .login .button {
        font-size: 0;
        padding: 10px 12px !important
    }

    header .login .button i {
        margin: 0
    }

    .fullscreen-page .btn_group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .fullscreen-page .btn_group .button {
        width: 100% !important
    }

    .swiper {
        margin-bottom: 40px
    }

    .full_social_block,
    .social_block {
        display: none
    }

    .main-cat-slider {
        margin-bottom: 30px
    }

    .cat-title.cat-page h1 {
        line-height: normal
    }

    .cat-title .filters {
        width: 100%
    }

    .cat-title .filters .sort {
        display: none
    }

    .cat-title .filters .dropfilter {
        width: 100%
    }

    .cat-title .filters .dropfilter .dropdown-filter-content,
    .cat-title .filters .dropfilter .filter_btn {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .cat-title .filters .dropfilter .dropdown-filter-content {
        max-width: none
    }

    .cat-title .filters .dropfilter .dropdown-filter-content form {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .cat-title .filters .dropfilter .dropdown-filter-content form .selectize-control {
        width: 100%
    }

    .cat-title .filters .dropfilter .dropdown-filter-content form .selectize-control .selectize-input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: none;
        width: 100%
    }

    .user-page .user-edit .block-form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0
    }

    .user-page .user-edit .block-form .form-group {
        width: 100%
    }

    .user-page .user-edit .block-form .form-group:first-child.notop {
        margin-top: 0
    }

    .user-page .user-edit .block-form .form-group.notop {
        margin-top: 28px
    }

    .user-page .user-edit .form_submit {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0
    }

    .user-page .user-edit .form_submit .button {
        width: 100%
    }

    .user-page .user-edit .form_submit a {
        text-align: center;
        width: 100%
    }

    .feedback--page .form_submit {
        margin-top: 0
    }

    .feedback--page .form_submit .button {
        width: 100%
    }

    .feedback--page .feedback--page-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .feedback--page .feedback--page-group .selectize-control,
    .feedback--page .feedback--page-group input {
        width: 100%
    }

    /*.full-post .content .head-wrapper {*/
    /*    padding: 100px 0 0*/
    /*}*/
    .full-post .content .head-wrapper .head-block {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .full-post .content .head-wrapper .head-block .head-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .full-post .content .head-wrapper .head-block .head-info,
    .full-post .content .head-wrapper .head-block .head-info .rate {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .full-post .content .head-wrapper .head-block .head-info .rate {
        -ms-flex-negative: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-shrink: 0
    }

    .full-post .content .head-wrapper .head-block .head-lang {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%
    }

    .full-post .content .head-wrapper .head-block .head-desc {
        margin-top: 30px;
        text-align: center
    }

    .full-post .content .head-wrapper .head-lang + .head-block-btn {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 30px
    }

    .full-post .content .head-wrapper .head-block .head-block-btn .play-btn {
        width: 100%
    }

    .full-post .content .content-block .tabs-nav-container {
        overflow: scroll
    }

    .full-post .content .seasons-block {
        margin-bottom: 40px
    }

    .full-post .content .seasons-block .seasons-block-head {
        overflow: scroll
    }

    .swiper-slide {
        opacity: 1 !important
    }

    .full-post .content .seasons-block .mob-series-block {
        grid-gap: 10px;
        display: -ms-grid;
        display: grid
    }

    .full-post .content .seasons-block .mob-series-block .series-mob-item .title {
        margin-bottom: 0
    }

    .full-post .content .seasons-block .pc-series-block {
        display: none
    }

    .full-post .content .seasons-block .seasons-block-head {
        margin-bottom: 30px
    }

    .cat-item .fav-content,
    .cat-item .info,
    .genre-item .fav-content,
    .genre-item .info {
        display: none
    }

    .cat-item .date-anounce,
    .genre-item .date-anounce {
        gap: 4px;
        padding: 8px
    }

    .cat-item .date-anounce span,
    .genre-item .date-anounce span {
        border-radius: 4px;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px
    }

    .full-post .content .content-block .tabs-container .related-content {
        padding: 30px 0 0
    }

    .cat-item:hover,
    .genre-item:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .full-post .info.play-series {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .full-post .content .head-wrapper .head-block .head-info .rate .kp {
        padding: 6px
    }

    .full-post .content .head-wrapper .head-block .head-info .rate .kp:before {
        margin-right: 10px
    }

    .full-post .content .head-wrapper .head-block .head-info .rate .imdb {
        padding: 6px
    }

    .full-post .content .head-wrapper .head-block .head-info .rate .imdb:before {
        margin-right: 10px
    }
}

@media screen and (max-width: 600px) {
    .full-post .content .content-block .tabs-nav {
        width: calc(100% + 60px)
    }

    .cat-title.cat-page {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 30px
    }

    i.icons-logo:before {
        background-size: 150px;
        width: 150px
    }

    header .separator {
        margin: 0 10px
    }

    header .login {
        margin-left: 10px
    }

    .banner-item .head-block {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: 30px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        top: 30px
    }

    .banner-item .head-block .head-info {
        display: none
    }

    .banner-item .head-block .logo-head {
        padding: 15px 0;
        height: 100%;
        align-items: start;
    }

    .cat-item .info .rate .kp {
        padding: 6px
    }

    .cat-item .info .rate .kp:before {
        margin-right: 5px
    }

    .cat-item .info .rate .imdb {
        padding: 6px
    }

    .cat-item .info .rate .imdb:before {
        margin-right: 5px
    }
}

@media screen and (max-width: 500px) {
    .banner-item .poster img {
    }

    .navigation {
        gap: 8px;
        width: 100%
    }

    .navigation a .page_next,
    .navigation a .page_prev {
        display: none
    }

    .navigation .pages a,
    .navigation .pages span {
        font-size: 12px;
        height: 30px;
        width: 30px
    }

    .navigation .pages .nav_ext,
    .navigation .pages .prev_ext {
        height: 30px;
        width: 30px
    }

    #dosearch {
        margin-bottom: 20px;
    }

    .brand span {
        left: 36px;
        top: 0px;
        font-size: 27px;
    }

    .brand svg {
        width: 32px;
        height: 32px;
    }

    .brand span > span {
        left: 93px;
        font-size: 16px;
    }
}

/* - Сторонние стили - */
.post-data {
    opacity: .5;
}

.message-info {
    margin-bottom: 20px;
    padding: 15px 20px;
    background-color: #f2f6f9;
    border: 1px solid #c6d2db;
}

.message-info--title {
    font-weight: 700;
}

.message-info a {
    color: inherit;
    text-decoration: underline;
    font-weight: 500;
}

.message-info--grey {
    background: #1f2331;
    color: #808289;
    border: 1px solid #2f3449;
    border-radius: 3px;
}

/* плеер */
.player-block {
    position: relative;
}

.player-header {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin: 20px 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.player-header_title {
    color: var(--prokino-light);
    font-weight: 500;
    flex-grow: 1;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    max-width: 100%;
    min-width: 50px;
}

.player-header_view {
    display: flex;
    align-items: center;
    color: #ffffff8a;
}

.view {
    padding: 0px 0px 0px 5px;
}

/* контент */
.player {
    background-color: var(--prokino-dark);
}

.player-content {
    background: #1f2029;
}

.player-content iframe,
.player-content frame {
    max-width: 100% !important;
    display: block;
    width: 100%;
    height: 100%;
}

/* footer */
.player-footer {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    overflow: hidden;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    background-color: #2d303b80;
    border-radius: 10px 10px 0px 0px;
}


.player-footer_tabs {
    overflow-y: hidden;
    overflow-x: auto;
    flex-basis: 0;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    max-width: 100%;
    min-width: 50px;
}

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

    .player-footer_tabs {
        min-width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .player-footer_tabs > a {
        flex-basis: 0;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        max-width: 100%;
        min-width: 50%;
        text-align: center;
    }
}

.player-footer_tabs > a {
    display: inline-block;
    color: var(--prokino-light);
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

.player-active {
    color: var(--prokino-light);
    background-color: #3c3f4994;
}

.player-footer_tabs > a:hover {
    color: var(--prokino-light);
    background-color: #32353f;
}

/* поделиться */
.player-footer_share {
    height: auto;
    line-height: 40px;
    margin: 0px 15px 0px 0px;
}

.ya-share, .ya-share * {
    line-height: normal;
}

.ya-share :link:hover,
.ya-share :visited:hover {
    color: var(--prokino-dark) !important;
}

.ya-share_container_size-m {
    font-size: 13px;
}

.ya-share_container_size-m .ya-share_icon {
    height: 24px;
    width: 24px;
    background-size: 24px 24px;
}

.ya-share_container_size-m .ya-share_title {
    line-height: 24px;
}

.ya-share_container_size-m .ya-share_item {
    margin: 5px 4px 5px 0;
}

.ya-share_container_size-m .ya-share_item:last-child {
    margin-right: 0;
}

.ya-share_container_size-m .ya-share_counter {
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px;
}

.ya-share_container_size-m .ya-share_counter:before {
    margin-left: -8px;
}

.ya-share_container_size-m .ya-share_badge + .ya-share_title {
    margin-left: 10px;
}

.ya-share_list_direction-horizontal > .ya-share_item {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    margin-bottom: 0;
}

.ya-share_list_direction-horizontal > .ya-share_item > .ya-share_link > .ya-share_title {
    display: none;
}

.ya-share_list {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    margin: 0;
    list-style-type: none;
}

.ya-share_item {
    font-family: Arial, sans;
    display: inline-block;
}

.ya-share_item:hover {
    opacity: 0.9;
}

.ya-share_link {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    white-space: nowrap;
}

.ya-share_badge {
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    color: var(--prokino-light);
    overflow: hidden;
    position: relative;
}

.ya-share_icon {
    display: inline-block;
    vertical-align: top;
}

.ya-share_icon:active {
    box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
}

.ya-share_counter {
    display: none;
}

.ya-share_counter:before {
    content: "";
    position: absolute;
    width: 1px;
    top: 2px;
    bottom: 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEX///+nxBvIAAAAAXRSTlMz/za5cAAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=) 0 0 repeat-y;
}

.ya-share_title {
    display: inline-block;
    color: var(--prokino-dark);
    vertical-align: bottom;
}

.ya-share_title:hover {
    color: #f00;
}

.ya-share_item_service-facebook .ya-share_badge {
    background-color: #3b5998;
}

.ya-share_container_size-m .ya-share_item_service-facebook .ya-share_icon {
    background: url(https://yastatic.net/share2/v-1.16.0/png/6e499ec673690f8ce38000d6e3910a1b.png);
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjQyMyAyMHYtNy4yOThoMi40NjRsLjM2OS0yLjg0NWgtMi44MzJWOC4wNDJjMC0uODI0LjIzLTEuMzg1IDEuNDE3LTEuMzg1aDEuNTE1VjQuMTExQTIwLjI1NSAyMC4yNTUgMCAwIDAgMTQuMTQ4IDRjLTIuMTgzIDAtMy42NzggMS4zMjYtMy42NzggMy43NnYyLjA5N0g4djIuODQ1aDIuNDdWMjBoMi45NTN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K), linear-gradient(transparent, transparent);
}

.ya-share_item_service-moimir .ya-share_badge {
    background-color: #168de2;
}

.ya-share_container_size-m .ya-share_item_service-moimir .ya-share_icon {
    background: url(https://yastatic.net/share2/v-1.16.0/png/a60ea5f5225188d8d4da7df3467d1622.png);
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguODg5IDkuNjY3YTEuMzMzIDEuMzMzIDAgMSAwIDAtMi42NjcgMS4zMzMgMS4zMzMgMCAwIDAgMCAyLjY2N3ptNi4yMjIgMGExLjMzMyAxLjMzMyAwIDEgMCAwLTIuNjY3IDEuMzMzIDEuMzMzIDAgMCAwIDAgMi42Njd6bTQuNzcgNi4xMDhsLTEuODAyLTMuMDI4YS44NzkuODc5IDAgMCAwLTEuMTg4LS4zMDcuODQzLjg0MyAwIDAgMC0uMzEzIDEuMTY2bC4yMTQuMzZhNi43MSA2LjcxIDAgMCAxLTQuNzk1IDEuOTk2IDYuNzExIDYuNzExIDAgMCAxLTQuNzkyLTEuOTkybC4yMTctLjM2NGEuODQ0Ljg0NCAwIDAgMC0uMzEzLTEuMTY2Ljg3OC44NzggMCAwIDAtMS4xODkuMzA3bC0xLjggMy4wMjhhLjg0NC44NDQgMCAwIDAgLjMxMiAxLjE2Ni44OC44OCAwIDAgMCAxLjE4OS0uMzA3bC42ODMtMS4xNDdhOC40NjYgOC40NjYgMCAwIDAgNS42OTQgMi4xOCA4LjQ2MyA4LjQ2MyAwIDAgMCA1LjY5OC0yLjE4NGwuNjg1IDEuMTUxYS44NzMuODczIDAgMCAwIDEuMTg5LjMwNy44NDQuODQ0IDAgMCAwIC4zMTItMS4xNjZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=), linear-gradient(transparent, transparent);
}

.ya-share_item_service-odnoklassniki .ya-share_badge {
    background-color: #eb722e;
}

.ya-share_container_size-m .ya-share_item_service-odnoklassniki .ya-share_icon {
    background: url(https://yastatic.net/share2/v-1.16.0/png/bf146c9b625d96aae779be09176605f0.png);
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTEuNjc0IDYuNTM2YTEuNjkgMS42OSAwIDAgMC0xLjY4OCAxLjY4OGMwIC45My43NTcgMS42ODcgMS42ODggMS42ODdhMS42OSAxLjY5IDAgMCAwIDEuNjg4LTEuNjg3IDEuNjkgMS42OSAwIDAgMC0xLjY4OC0xLjY4OHptMCA1Ljc2M2E0LjA4IDQuMDggMCAwIDEtNC4wNzYtNC4wNzUgNC4wOCA0LjA4IDAgMCAxIDQuMDc2LTQuMDc3IDQuMDggNC4wOCAwIDAgMSA0LjA3NyA0LjA3NyA0LjA4IDQuMDggMCAwIDEtNC4wNzcgNC4wNzV6TTEwLjAyNSAxNS42MjRhNy42MzMgNy42MzMgMCAwIDEtMi4zNjctLjk4IDEuMTk0IDEuMTk0IDAgMCAxIDEuMjcyLTIuMDIyIDUuMTc1IDUuMTc1IDAgMCAwIDUuNDg5IDAgMS4xOTQgMS4xOTQgMCAxIDEgMS4yNzIgMi4wMjIgNy42NDcgNy42NDcgMCAwIDEtMi4zNjcuOThsMi4yNzkgMi4yOGExLjE5NCAxLjE5NCAwIDAgMS0xLjY5IDEuNjg4bC0yLjIzOC0yLjI0LTIuMjQgMi4yNGExLjE5MyAxLjE5MyAwIDEgMS0xLjY4OS0xLjY4OWwyLjI3OS0yLjI3OSIvPjwvZz48L3N2Zz4=), linear-gradient(transparent, transparent);
}

.ya-share_item-service_twitter .ya-share_badge {
    background-color: #00aced;
}

.ya-share_container_size-m .ya-share_item-service_twitter .ya-share_icon {
    background: url(https://yastatic.net/share2/v-1.16.0/png/90b4b34825dd269b61ac35ebd478f1cd.png);
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDcuNTM5YTYuNTYgNi41NiAwIDAgMS0xLjg4NS41MTcgMy4yOTQgMy4yOTQgMCAwIDAgMS40NDMtMS44MTYgNi41NzUgNi41NzUgMCAwIDEtMi4wODUuNzk2IDMuMjgzIDMuMjgzIDAgMCAwLTUuNTkzIDIuOTk0QTkuMzIgOS4zMiAwIDAgMSA1LjExNCA2LjZhMy4yOCAzLjI4IDAgMCAwIDEuMDE2IDQuMzgyIDMuMjc0IDMuMjc0IDAgMCAxLTEuNDg3LS40MXYuMDQxYTMuMjg1IDMuMjg1IDAgMCAwIDIuNjMzIDMuMjE4IDMuMzA1IDMuMzA1IDAgMCAxLTEuNDgyLjA1NiAzLjI4NiAzLjI4NiAwIDAgMCAzLjA2NiAyLjI4QTYuNTg1IDYuNTg1IDAgMCAxIDQgMTcuNTI0IDkuMjkxIDkuMjkxIDAgMCAwIDkuMDMyIDE5YzYuMDM4IDAgOS4zNC01IDkuMzQtOS4zMzcgMC0uMTQzLS4wMDQtLjI4NS0uMDEtLjQyNUE2LjY3MiA2LjY3MiAwIDAgMCAyMCA3LjUzOHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==), linear-gradient(transparent, transparent);
}

.ya-share_item_service-vkontakte .ya-share_badge {
    background-color: #48729e;
}

.ya-share_container_size-m .ya-share_item_service-vkontakte .ya-share_icon {
    background: url(https://yastatic.net/share2/v-1.16.0/png/e3146797c0f01cc18d47ff9f50ffe4d2.png);
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjc4NSAxNi4yNDFzLjI4OC0uMDMyLjQzNi0uMTk0Yy4xMzYtLjE0OC4xMzItLjQyNy4xMzItLjQyN3MtLjAyLTEuMzA0LjU3Ni0xLjQ5NmMuNTg4LS4xOSAxLjM0MSAxLjI2IDIuMTQgMS44MTguNjA1LjQyMiAxLjA2NC4zMyAxLjA2NC4zM2wyLjEzNy0uMDNzMS4xMTctLjA3MS41ODctLjk2NGMtLjA0My0uMDczLS4zMDgtLjY2MS0xLjU4OC0xLjg3LTEuMzQtMS4yNjQtMS4xNi0xLjA1OS40NTMtMy4yNDYuOTgzLTEuMzMyIDEuMzc2LTIuMTQ1IDEuMjUzLTIuNDkzLS4xMTctLjMzMi0uODQtLjI0NC0uODQtLjI0NGwtMi40MDYuMDE1cy0uMTc4LS4wMjUtLjMxLjA1NmMtLjEzLjA3OS0uMjEyLjI2Mi0uMjEyLjI2MnMtLjM4MiAxLjAzLS44OSAxLjkwN2MtMS4wNyAxLjg1LTEuNDk5IDEuOTQ4LTEuNjc0IDEuODMyLS40MDctLjI2Ny0uMzA1LTEuMDc1LS4zMDUtMS42NDggMC0xLjc5My4yNjctMi41NC0uNTIxLTIuNzMzLS4yNjItLjA2NS0uNDU0LS4xMDctMS4xMjMtLjExNC0uODU4LS4wMDktMS41ODUuMDAzLTEuOTk2LjIwOC0uMjc0LjEzNi0uNDg1LjQ0LS4zNTYuNDU3LjE1OS4wMjIuNTE5LjA5OS43MS4zNjMuMjQ2LjM0MS4yMzcgMS4xMDcuMjM3IDEuMTA3cy4xNDIgMi4xMS0uMzMgMi4zNzFjLS4zMjUuMTgtLjc3LS4xODctMS43MjUtMS44NjUtLjQ4OS0uODU5LS44NTktMS44MS0uODU5LTEuODFzLS4wNy0uMTc2LS4xOTgtLjI3MmMtLjE1NC0uMTE1LS4zNy0uMTUxLS4zNy0uMTUxbC0yLjI4Ni4wMTVzLS4zNDMuMDEtLjQ2OS4xNjFDMy45NCA3LjcyMSA0LjA0MyA4IDQuMDQzIDhzMS43OSA0LjI1OCAzLjgxNyA2LjQwM2MxLjg1OCAxLjk2NyAzLjk2OCAxLjgzOCAzLjk2OCAxLjgzOGguOTU3eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+), linear-gradient(transparent, transparent);
}

/* жалоба */
.player-footer_complaint {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding: 0 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.player-footer_complaint > a {
    color: #9798a0;
}

.read {
    display: flex;
    align-items: center;
    height: 53px;
    color: #fff;
    font-weight: 500;
    background: #2d303b80;
    padding: 0px 10px;
    border-radius: 0px 0px 10px 10px;
}

.read > svg {
    width: 1.2rem;
    position: relative;
    top: -1px;
}

/* Общие стили */
.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.my-3 {
    margin: 30px 0;
}

.my-2 {
    margin: 20px 0;
}

.row-1 {
    row-gap: 10px !important;
}

.row-2 {
    row-gap: 20px !important;
}

.w-100 {
    width: 100%;
}

.opacity {
    opacity: 0.5;
}

.grey {
    color: #94999e;
}

.regtext {
    padding-bottom: 15px;
}

.season-block {
    margin-top: 24px;
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .06);
    backdrop-filter: blur(12px);
}

.season-title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
    color: var(--iq-white);
    letter-spacing: .3px;
}

.season-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.season-buttons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 42px;
    padding: 0 16px;
    border-radius: 14px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: rgba(255, 255, 255, .82);
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    transition: .25s ease;
}

.season-buttons a:hover {
    color: var(--iq-white);
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .16);
    transform: translateY(-2px);
}

.season-buttons a.active {
    color: var(--iq-white);
    background: linear-gradient(
            135deg,
            #2f9fff,
            #0089ff 58%,
            #006fce
    );
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(0, 137, 255, .35);
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.gap-3 {
    gap: 20px;
}

.mt-0 {
    margin-top: 0 !important;
}

.justify-content-space-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center;
}

/* ===== FIX ТОЛЬКО ДЛЯ ВЕРХНЕГО БЛОКА (logo-head + данные) ===== */
@media (max-width: 1024px) {

    /* именно этот ряд: постер + инфа */
    .head-info-responsive {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* центрируем сам постер */
    .logo-head {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .logo-head img {
        margin: 0 auto;
        display: block;
    }

    .gap-3 {
        gap: 0
    }

    #scroll_top {
        right: 1rem;
        bottom: 4rem;
    }
}

.banner img {
    width: 100%;
    object-fit: contain;
    border-radius: 1rem;
}

@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55');

.textured-title {
    font-family: 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    background: url('../images/texure.jpg');
    background-repeat: repeat-x;
    background-position: 100% 100%;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}