@charset "UTF-8";
@import url('../fonts/font.css');
.fa-telegram {color:#2a9fdf;}
.fa-vk {color:#2675f3}
.navbar-header .navbar-nav #vk svg{height: auto; fill:#3677ef !important}
.fa-odnoklassniki {color:#f5701b !important }
.navbar-header .navbar-nav #ok svg{height: auto; fill:#f35517 !important}
:root {
    --chernyi: #000000;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --main-color-hover: #00bcd4;   
}
/* trailer */


/* PREMER */

/* SERIALS */



/* RATING COLOR */
.player-footer_complaint .hd1080,  .player-footer_complaint .hd720{
    position: absolute;
    right: 0;
    top: 75px;
}
.player-footer_complaint a{
    position: absolute;
    top: 73px;
    right: 50px;
}

.hd1080 {
    background: #00ff2b73;
    color: #ffffff;
    display: inline-block;
    padding: 0 6px;
    border-radius: 5px;
    font-size: 12px;
    position: absolute;
    right: 5px;
}
.hd720 {
    background: #00dcff73;
    color: #ffffff;
    display: inline-block;
    padding: 0 6px;
    border-radius: 5px;
    font-size: 12px;
    position: absolute;
    right: 5px;
}
/* Сброс */
*,
*::before,
*::after { box-sizing: border-box }

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article, footer, header, nav, section { display: block }

li { list-style-type: none; }

[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important }

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h4, h5 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ul {
    margin-top: 0;
    margin-bottom: 1rem;
    list-style-type: none;
}
b, strong { font-weight: bolder }
small { font-size: 80% }

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

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

img {
    vertical-align: middle;
    border-style: none
}

.svg-full svg{width: 16px;}

svg {
    overflow: hidden;
    vertical-align: middle
}

button { border-radius: 0 }

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}
button {
    margin-right: 0.5rem;
    float: left;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    position: relative;
}
input,
button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, input { overflow: visible }

button { text-transform: none }

button,
[type="button"] {
    height: auto !important;
    -webkit-appearance: button
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

h1, h4, h5 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}
    h1 { font-size: 2.5rem }
    h4 { font-size: 1.5rem }
    h5 { font-size: 1.25rem }

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

small {
    font-size: 80%;
    font-weight: 400
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

    @media (min-width:576px) {
        .container { max-width: 540px }
    }

    @media (min-width:768px) {
        .container { max-width: 720px }
    }

    @media (min-width:992px) {
        .container { max-width: 960px }
        #mobileMenu { display: none; }
    }

    @media (min-width:1200px) {
        .container { max-width: 1140px }
    }

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

    @media (min-width:576px) {
        .container { max-width: 540px }
    }

    @media (min-width:768px) {
        .container { max-width: 720px }
    }

    @media (min-width:992px) {
        .container { max-width: 960px }
    }

    @media (min-width:1200px) {
        .container { max-width: 1140px }
    }

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.actor-img  img{
    max-width: 100%;
    align-items: center;
    border-radius: 30%;
   width: 9%;
    padding: 2px;
}
.col-3,
.col-6,
.col-9,
.col-12,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-sm-12,
.col-md-3,
.col-md-5,
.col-md-7,
.col-md-9,
.col-md-12,
.col-lg-3,
.col-lg-9,
.col-xl-2,
.col-xl-3,
.col-xl-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:576px) {
    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:992px) {
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media (min-width:1200px) {
    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) { .form-control { transition: none } }

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    overflow: hidden !important;
    outline: 0;
    box-shadow: 0 0 0 2px #007bff36
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #0c101b;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) { .btn { transition: none } }

.btn:hover {
    color: #0c101b;
    text-decoration: none
}

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.btn:disabled { opacity: .65 }

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, 0.5)
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, 0.5)
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, 0.5)
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, 0.5)
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, 0.5)
}

.btn-danger {
    color: var(--white);
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: var(--white);
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:focus {
    color: var(--white);
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, 0.5)
}

.btn-danger:disabled {
    color: var(--white);
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, 0.5)
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, 0.5)
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, 0.5)
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.5)
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, 0.5)
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.5)
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, 0.5)
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, 0.5)
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.5)
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: var(--white);
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5)
}

.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5)
}

.fade { transition: opacity .15s linear }

@media (prefers-reduced-motion:reduce) { .fade { transition: none } }

.collapse:not(.show) {
    display: none
}

.dropdown {
    position: relative
}

.dropdown-toggle { white-space: nowrap }

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #0c101b;
    text-align: left;
    list-style: none;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem
}

    .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0
    }

    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: var(--white);
        text-decoration: none;
        background-color: #007bff
    }

    .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent
    }

.btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn:hover {
    z-index: 1
}

.btn-group>.btn:focus,
.btn-group>.btn:active {
    z-index: 1
}

.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #80bdff }

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: var(--white);
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none
}

.tab-content>.tab-pane { display: none }
.tab-content>.active { display: block }

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    margin-top: -10px;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.80rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav { flex-direction: row }
    .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container-fluid {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler { display: none }
}

.navbar-dark .navbar-brand { color: var(--white) }

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: var(--white)
}

.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5) }

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75)
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) { .badge { transition: none } }

.progress {
    display: flex;
    height: 0.7rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

.bg-danger { background-color: #dc3545 !important }

.border-0 { border: 0 !important }
.rounded-pill { border-radius: 50rem !important }

.d-none { display: none !important }
.d-block { display: block !important }
.d-flex { display: flex !important }

@media (min-width:576px) {
    .d-sm-block { display: block !important }
}
.flex-wrap { flex-wrap: wrap !important }
.justify-content-center { justify-content: center !important }
.justify-content-between { justify-content: space-between !important }
.align-items-center { align-items: center !important }

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

@supports (position: sticky) {
}
.shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15) !important }
.w-100 { width: 100% !important }

.m-0 { margin: 0 !important }

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.p-0 { padding: 0 !important }

.pl-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-3 {
    padding-left: 1rem !important
}

.p-4 { padding: 1.5rem !important }

.pt-4 {
    padding-top: 1.5rem !important
}

.mr-auto {
    margin-right: auto !important
}

.ml-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .mt-sm-0 { margin-top: 0 !important }
}

@media (min-width:992px) {
    .pl-lg-0 {
        padding-left: 0 !important
    }
}

.text-left { text-align: left !important }
.text-center { text-align: center !important }

.text-white { color: var(--white) !important }
a.text-white:hover { color: var(--white) !important }
.text-muted { color: #6c757d !important }

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    img {
        page-break-inside: avoid
    }
    p {
        orphans: 3;
        widows: 3
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container { min-width: 992px !important }
    .navbar { display: none }
    .badge {
        border: 1px solid #000
    }
}

:root {
    --plyr-color-main: #9810d6;
    --plyr-badge-background: #0c101b;
    --body-color: #0c101b;
    --main-color: #9810d6;
    --text-color: var(--white);
}

html {
    --color-bg: #0c101b;
    --color-bg_80: rgba(12, 16, 27, 0.8);
    --color-bg_90: rgba(12, 16, 27, 0.9);
    --color-bg-dark: #080b13;
    --color-bg-light: #0f1422;
    --color-bg-light-light: #1c2438;
    --color-text-first: var(--white);
    --color-text-second: #7e8597;
    --color-text-muted: #5a5c62;
    --color-main: #9609da;
    --color-main-light: #bd00ff6e;
    --color-main-dark: #bb2130;
    --color-main-muted: #833346;
    --color-list-watching: #67bb6d;
    --color-list-plan: #b467b9;
    --color-list-completed: #5a6bc7;
    --color-list-hold: #ffc62f;
    --color-list-dropped: #e45654;
    --color-navbar: var(--color-bg);
    --color-navbar-dark: var(--color-bg-dark)
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

html {
    padding: 0;
    margin: 0
}

html body {
    background-color: var(--body-color) !important;
    font-size: 14pt;
    color: var(--white);
    max-width: 100vw !important;
    font-family: 'Source Sans Pro';
    font-weight: 200;
    overflow-x: hidden;
    margin: 0;
    line-height: 1.5;
    text-align: left;
    min-height: calc(100vh - 170px);
}

img:not([src]):not([srcset]) {
    visibility: hidden !important;
    cursor: wait;
    width: 100%;
    height: 100%;
    display: block
}

*,
*::before,
*::after { box-sizing: inherit }

b,
strong {
    font-weight: bold !important
}

@media (min-width:990px) {
     ::-webkit-scrollbar {
        width: 5px;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s
    }
     ::-webkit-scrollbar-track {
        background-color: rgba(12, 16, 27, 0.3);
        border-radius: 10px
    }
     ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--main-color)
    }
}

section {
    display: block;
    overflow: visible;
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 40px
}

footer .container-fluid,
section .container-fluid {
   padding-right: 15px;
    padding-left: 15px;
}

a {
    color: var(--text-color) !important;
    transition: .2s;
    text-decoration: none !important
}

a:hover {
    color: var(--main-color) !important;
    text-decoration: none !important;
    transition: .3s
}

.navbar-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    background-color: var(--body-color) !important;
    background-image: none;
    transition: .3s
}

@media (min-width:0) and (max-width:991px) {
    .navbar-header {
        display: none
    }
    .header { margin-top: 70px; }

    #desktopMenu { display: none; }
}

.navbar-header.transparent {
    background-color: transparent !important;
    background-image: linear-gradient(186deg, #9810d6ab 0%, #000000c7 50%);
    transition: .3s;
}

.navbar-header.transparent:hover {
    background-color: transparent !important;
    background-image: linear-gradient(186deg, #9810d6 0%, #000000 50%);
    transition: .3s;
}

.navbar-header .navbar-toggler .navbar-toggler-icon {
    background-image: none !important
}

@media (min-width:0) and (max-width:991px) {
    .navbar-header .navbar-collapse {
        position: fixed;
        background: var(--body-color);
        top: 50px !important;
        overflow-x: auto;
        left: -60%;
        padding-bottom: 20px;
        height: 100vh !important;
        width: 60% !important;
        right: unset;
        transition: .3s;
        transition-delay: 0s !important
    }
}

.navbar-header .navbar-brand {
    color: var(--text-color);
    letter-spacing: normal;
    transition: .3s;
    text-transform: uppercase; 
    position: relative;
    letter-spacing: 1px;
    font-feature-settings: "liga" 0, "clig" 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 45px;
    font-family: DrukStartMedium;
}

.navbar-brand small {
    font-size: 20%;
    position: absolute;
    left: 0;
    bottom: -20px;
    letter-spacing: 1px;
    font-family: 'Arial';
}
.navbar-header .navbar-brand:hover small:hover{
    color: var(--text-color);
}

.navbar-brand2 {
    color: var(--text-color);
    font-family: 'DrukStartMedium';
    font-weight: 500;
    letter-spacing: normal;
    transition: .3s;
    text-transform: uppercase; 
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-feature-settings: "liga" 0, "clig" 0;
    font-size: 30px;
}
.navbar-brand2 small{
    font-size: 30%;
    position: absolute;
    left: 0;
    bottom: -7px;
    letter-spacing: 1px;
    font-family: 'Arial';
}

@media (min-width:0) and (max-width:991px) {
    .navbar-header .navbar-brand {
        margin: 0 auto
    }
}

.navbar-header .navbar-brand:hover {
    color: var(--main-color);
    transition: .3s
}

@media (min-width:0) and (max-width:991px) {
    .navbar-header .navbar-toggler {
        position: absolute;
        border: none;
        padding: 0;
        top: 13px;
        overflow: hidden;
        color: var(--text-color);
        outline: none;
        box-shadow: none;
        opacity: 1
    }
    .navbar-header .navbar-toggler:active,
    .navbar-header .navbar-toggler:focus {
        outline: none
    }
}

.navbar-header .navbar-nav {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}

.navbar-header .navbar-nav .dropdown-menu {
    border: none;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    margin-top: -5px;
    font-size: 1rem;
    color: #0c101b;
    text-align: left;
    list-style: none;
    background-color: var(--body-color);
    background-clip: padding-box;
    border-radius: 5px;
    left: -90px;
    pointer-events: none;
    transition: .3s linear;
    width: 220px
}
.lightstat {display:none}
.navbar-header .navbar-nav .dropdown-menu::before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background-color: var(--body-color);
    position: absolute;
    top: -5px;
    left: 50%;
    transform: rotate(45deg)
}

.navbar-header .navbar-nav .dropdown-menu .dropdown-hr {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #6c757d !important;
    opacity: .1
}

.navbar-header .navbar-nav .dropdown-menu .dropdown-item {
    color: var(--text-color);
    display: block;
    width: 100%;
    padding: .25rem .5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: .1s;
    margin-top: -5px;
    opacity: 0;
    transition-delay: none;
    overflow: hidden;
    text-overflow: ellipsis
}

.navbar-header .navbar-nav .dropdown-menu .dropdown-item svg {
    position: relative;
    top: -2px;
    width: 1rem;
    opacity: .8
}

.navbar-header .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: var(--text-color) !important;
    background-color: rgba(255, 255, 255, 0.1);
    transition-delay: none
}

.navbar-header .navbar-nav .dropdown-menu .dropdown-item:last-child {
    background: var(--color-bg-dark);
    margin-bottom: -6px;
    margin-top: -9px !important;
    padding-bottom: 5px;
    border-radius: 0px 0px 5px 5px;
    transition-delay: none
}

.navbar-header .navbar-nav .dropdown-menu .dropdown-item:last-child:hover {
    color: var(--main-color) !important;
    background-color: rgba(255, 255, 255, 0.1);
    transition-delay: none
}

@media (min-width:0) and (max-width:991px) {
    .navbar-header .navbar-nav {
        display: block
    }
}

.navbar-header .navbar-nav .nav-item {
    padding: 0
}

@media (min-width:0) and (max-width:991px) {
    .navbar-header .navbar-nav .nav-item {
        display: block;
        width: 100%;
        border-color: #dee2e60d !important
    }
}

.navbar-header .navbar-nav .nav-link {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
    color: var(--text-color) !important;
    opacity: .75;
    border-radius: 10px;
    padding: .1rem 10px !important;
    margin-top: .4rem;
    margin-bottom: .4rem;
    height: 32px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0
}

.navbar-header .navbar-nav .nav-link.nav-avatar {
    margin-top: .4rem;
    margin-bottom: .4rem;
    margin-right: 15px;
    padding: 0px 0px !important;
    background: transparent !important
}

.navbar-header .navbar-nav .nav-link.nav-avatar .avatar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 2px
}

.navbar-header .navbar-nav .nav-link.nav-avatar .avatar img {
    width: 24px;
    height: 24px;
    border-radius: 100%
}

.navbar-header .navbar-nav .nav-link:disabled {
    pointer-events: none;
    opacity: .3;
    cursor: default
}

.navbar-header .navbar-nav .nav-link svg {
    width: 1.1rem;
    fill: var(--text-color) !important;
    opacity: .75
}

.navbar-header .navbar-nav .nav-link:hover {
    color: var(--text-color) !important;
    opacity: 1;
    background: rgba(255, 255, 255, 0.1);
    transition: .1s
}

.navbar-header .navbar-nav .nav-link:hover svg {
    fill: var(--text-color) !important;
    opacity: 1
}

footer {
    background-color: rgba(0, 0, 0, 0.4);
    color: var(--text-color);
    padding: 1rem 0px 0px 0px;
    transition: .3s;
    background-repeat: no-repeat;
    background-position: -40% -125px;
    font-size: 12pt
}

@media (max-width:992px) {
    footer .h-xs {
        display: none !important
    }
}

footer .footer-requisites {
    color: var(--ft-text-muted-color)
}

footer .footer-requisites a {
    color: var(--ft-text-muted-color);
    text-decoration: none
}

footer .footer-requisites a:hover {
    color: var(--text-color)
}

footer .footer-title {
    font-size: 1.2rem;
    margin-bottom: .5rem
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0
}

footer ul a {
    color: var(--text-color);
    display: inline-block;
    padding-bottom: .3rem
}

footer ul a:hover {
    color: var(--main-color)
}

footer .dark {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 1rem 0px;
    margin-top: 1rem
}

footer .dark a {
    color: var(--text-color)
}

footer .dark a:hover {
    color: var(--main-color)
}

footer .dark .d-flex-vcenter {
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

footer .dark .btn {
    border-radius: .5rem
}

footer .dark .btn.btn-default {
    background-color: rgba(255, 255, 255, 0.05);
    color: var(--text-color)
}

footer .dark .btn.btn-default svg {
    display: inline-block;
    margin-top: -4px;
    margin-right: 5px
}

footer .dark .btn.btn-default.text-left {
    text-align: left !important
}

footer .dark .btn.btn-default:hover {
    background-color: var(--main-color);
    color: var(--text-color) !important
}

.form-check input[type="checkbox"]:hover:active:not(:checked)+label:before {
    background-color: rgba(0, 0, 0, 0.08)
}

.form-check input[type="radio"]:hover:active:not(:checked)+label:before {
    background-color: rgba(0, 0, 0, 0.08)
}

/* group-5 */

/* .swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after {
    font-size: 2rem
} */
/* REG */
.btn { text-decoration: none !important }

.btn svg {
    fill: var(--white);
    width: 1.2rem
}

.btn.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    width: 1rem;
    height: 1rem;
    content: "";
    border: none !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E")
}

.btn.btn-danger {
    border-color: var(--color-main);
    background-color: var(--color-main);
    color: var(--white)
}

.btn.btn-danger:hover {
    border-color: var(--color-main-light);
    background-color: var(--color-main-light);
    color: var(--white)
}

.btn.btn-outline-dark {
    border-color: var(--color-bg-light);
    color: var(--color-text-first);
    background-color: #161c2c;
}

.btn.btn-outline-dark:hover {
    border-color: var(--color-bg-light-light);
    background-color: var(--color-bg-light-light);
    color: var(--color-text-first)
}

.view {
    margin-bottom: 100px;
    max-width: 100vw;
    color: #7e8597;
    transition: .3s
}

.view .dropdown button:not(.sort) { width: 100% }
.view .dropdown .dropdown-menu { background-color: var(--body-color) }

.view .dropdown .dropdown-menu .dropdown-item {
    color: var(--text-color) !important;
    background-color: var(--body-color)
}

.view .dropdown .dropdown-menu .dropdown-item.active,
.view .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--main-color);
    color: var(--text-color) !important
}

.view hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #7e859736
}

.view div.image {
    position: relative;
    text-align: center;
    width: 100%;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.view div.image img {
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    opacity: .8;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    display: block;
    margin: 0 auto;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.view div.image .poster-img { box-shadow: 0 6px 11.57px 1.43px rgba(0, 0, 0, 0.1) }

.view div.image~.btn {
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px
}

.view .btn-group {
    width: 100%;
    margin-bottom: 20px
}

.view .btn-group .dropdown { width: 70% }
.view .btn-group .dropdown .dropdown-toggle::after {
    position: relative;
    top: 5px
}

.view .btn-group .dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block !important;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #0c101b;
    text-align: left;
    list-style: none;
    background-color: var(--color-bg-dark);
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    transform: scale(0) !important;
    min-width: 255px
}

.view .btn-group .dropdown .dropdown-menu button {
    background-color: var(--color-bg-dark) !important;
    transition: .3s
}

.view .btn-group .dropdown .dropdown-menu button:hover {
    background-color: rgba(255, 255, 255, 0.02) !important;
    transition: .3s
}

.view .btn-group .btn:first-child {
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px
}

.view .title {
    font-size: 28pt;
    color: var(--white);
    font-weight: bold;
    line-height: 3rem;
    margin-top: 0px;
    margin-bottom: 20px
}

.view .title small {
    font-size: 14pt;
    font-weight: 400;
    opacity: .5;
    margin-top: -10px;
    display: block
}

.view .first-info>span {
    display: inline-block;
    position: relative;
    margin-right: 24px;
    color: #8a909e !important;
    opacity: 1
}

.view .first-info>span:not(:last-child):after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    content: '';
    pointer-events: none;
    position: absolute !important;
    background: #8a909e !important;
    right: -17px;
    top: 22px;
    opacity: 1
}

.view .progress {
    margin-bottom: 10px;
    position: relative;
    overflow: visible;
    transition: .3s !important;
    background-color: transparent
}

.view .progress .mylist-status[data-type="1"] {
    display: inline-block;
    background-color: #67bb6d;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition: .3s !important;
    border-radius: 10px 0px 0px 10px
}

.view .progress .mylist-status[data-type="1"]:hover {
    box-shadow: 0 0 1rem rgba(103, 187, 109, 0.5) !important
}

.view .progress .mylist-status[data-type="2"] {
    display: inline-block;
    background-color: #b467b9;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition-delay: 0s;
    transition: .3s !important;
    border-radius: 0px
}

.view .progress .mylist-status[data-type="2"]:hover {
    box-shadow: 0 0 1rem rgba(180, 103, 185, 0.5) !important
}

.view .progress .mylist-status[data-type="3"] {
    display: inline-block;
    background-color: #5a6bc7;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition: .3s !important;
    transition-delay: 0s;
    border-radius: 0px
}

.view .progress .mylist-status[data-type="3"]:hover {
    box-shadow: 0 0 1rem rgba(90, 107, 199, 0.5) !important
}

.view .progress .mylist-status[data-type="4"] {
    display: inline-block;
    background-color: #ffc62f;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition: .3s !important;
    transition-delay: 0s;
    border-radius: 0px
}

.view .progress .mylist-status[data-type="4"]:hover {
    box-shadow: 0 0 1rem rgba(255, 198, 47, 0.5) !important
}

.view .progress .mylist-status[data-type="5"] {
    display: inline-block;
    background-color: #e45654;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition: .3s !important;
    transition-delay: 0s;
    border-radius: 0px 10px 10px 0px
}

.view .progress .mylist-status[data-type="5"]:hover {
    box-shadow: 0 0 1rem rgba(228, 86, 84, 0.5) !important
}

.view .text-total {
    cursor: default
}

.view .text-total strong {
    font-size: 1.5rem;
    cursor: default
}

.view .mylist-count[data-type="0"] strong { color: white }
.view .mylist-count[data-type="1"] strong { color: #67bb6d }
.view .mylist-count[data-type="2"] strong { color: #b467b9 }
.view .mylist-count[data-type="3"] strong { color: #5a6bc7 }
.view .mylist-count[data-type="4"] strong { color: #aaaa21 }
.view .mylist-count[data-type="5"] strong { color: #e45654 }

.view .line {
    color: var(--white);
    border-radius: 10px;
    font-size: .8rem;
    display: inline-block;
    padding: 0 10px
}

.view .mylist-status[data-type="0"] { background-color: #0f1422 }
.view .mylist-status[data-type="1"] { background-color: #67bb6d }
.view .mylist-status[data-type="2"] { background-color: #b467b9 }
.view .mylist-status[data-type="3"] { background-color: #5a6bc7 }
.view .mylist-status[data-type="4"] { background-color: #aaaa21 }
.view .mylist-status[data-type="5"] { background-color: #e45654 }

.mobile { display: none !important }

@media (min-width:0) and (max-width:990px) {
    .no-mobile { display: none !important }
    .mobile { display: block !important }
}

@media (min-width:0) and (max-width:455px) { 
   
.col-6 {
            padding-left: 5px !important;
        font-size: 12px;
} 
    .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -5px;
    }
    .col-3,
    .col-6,
    .col-9,
    .col-12,
    .col-sm-4,
    .col-sm-6,
    .col-sm-8,
    .col-sm-12,
    .col-md-3,
    .col-md-5,
    .col-md-7,
    .col-md-9,
    .col-md-12,
    .col-lg-3,
    .col-lg-9,
    .col-xl-2,
    .col-xl-3,
    .col-xl-9 {
        position: relative;
        width: 100%;
        padding-right: 5px;
        padding-left: 5px
    }
}

/*  */

/* brand */

/* important */
.order-table {
    display: flex;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    column-gap: 5px;
}

/* Full */
.sticky-tops .image * {
    transition: .5s !IMPORTANT;
}

.player iframe { z-index: 100; }

.vote:not(:checked) > input { display: none; }
.vote:not(:checked) > label {
    float: right;
    width: 36px;
    padding: 0;
    cursor: pointer;
    font-size: 28px;
    line-height: 28px;
    color: #2a3146;
}

.vote:not(:checked) > label:before { content: '★'; }

.vote:not(:checked) > label:hover,
.vote:not(:checked) > label:hover ~ label {
    color: var(--white);
}

.main-slide {
    max-height: 100vh;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Blur=50)';
}

.main-slide .swiper-slide img { width: 100vw; }
.main-slide .swiper-slide::before {
    content: '';
    display: block;
    background: rgb(12, 16, 27);
    background: -moz-linear-gradient(180deg, rgba(12, 16, 27, 0.82) 0%, rgba(12, 16, 27, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(12, 16, 27, 0.82) 0%, rgba(12, 16, 27, 1) 100%);
    background-image: linear-gradient(180deg, #0c101bd1 0%, var(--color-bg) 95%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0c101b", endColorstr="#0c101b", GradientType=1);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.sticky-tops .image { pointer-events: all !important; }

/*  */
.navbar-header .navbar-nav .dropdown-menu {
    border-radius: 10px;
    background-color: #161c2c;
}

.navbar-header .navbar-nav .dropdown-menu::before {
    background-color: #161c2c;
}

.navbar-header .navbar-nav .dropdown-menu .dropdown-item:last-child {
    background: unset;
    margin-bottom: initial;
    margin-top: initial !important;
    margin: 0 0.5rem !important;
    padding-bottom: 5px;
    border-radius: 5px;
    transition-delay: none;
    padding: 0.25rem 0.5rem;
}

.navbar-header .navbar-nav .dropdown-menu .dropdown-item {
    margin: 0 0.5rem;
    padding: 0.25rem 0.5rem;
    width: calc(100% - 1rem);
    border-radius: 5px;
}

/* TOP */


section .title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 20px;
    color: var(--text-color) !important;
}
.view .first-info>span.kp-ful {
    background:#ff5500b5 !important;
    padding: 3px 6px;
    border-radius: 5px;
    color: white !important;
        display: initial;
}
.view .first-info>span.kp-ful:not(:last-child):after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    content: '';
    pointer-events: none;
    position: absolute !important;
    background: #8a909e !important;
    right: -17px;
    top: 13px;
    opacity: 1;
}

.view .first-info>span.IMDb-ful {
    background:#f5c518a3 !important;
    padding: 3px 6px;
    border-radius: 5px;
    color: white !important;
        display: initial;
}

.searchBar {
    background-color: var(--color-bg-dark)!important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60.78px;
    z-index: 10000;
    overflow: hidden;
    transition: .3s;
    opacity: 0;
    pointer-events: none;
    z-index: 1000000001;
}

.searchBar { background-color: transparent !important; }

body:not(.open-search) .navbar-header li,
body:not(.open-search) .navbar-header .navbar-brand {
    transition: .6s;
    transform: scale(1);
    opacity: 1;
    transition-delay: .3s;
}

.searchBar {
    transition: .6s;
    transform: scaleY(0);
    opacity: 0;
}

.searchBar .container-fluid {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searchBar form {
    white-space: nowrap;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}

.searchBar form .search-icon {
    position: absolute;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    fill: var(--text-color);
    opacity: .3;
}

.searchBar form input[type="text"] {
    width: 100%;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 80%);
    padding: 5px 35px 5px 35px;
    outline: none;
    color: var(--text-color);
    vertical-align: middle;
    margin-right: 10px;
    transition: .3s;
}

.searchBar .nav-link {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
    color: var(--text-color)!important;
    opacity: .75;
    border-radius: 10px;
    padding: 19px 10px!important;
    margin-left: 10px;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    height: 32px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    padding: 0.5rem 1rem;
    opacity: .3;
}

.searchBar .nav-link svg {
    width: 1.9rem;
}

.searchBar .nav-link:hover {
    opacity: 1;
    color: var(--white);
    color: var(--text-color)!important;
    background: rgba(255, 255, 255, .1);
    transition: .1s;
}

@media (min-width: 1300px) {
    .container {
        max-width: 1200px;
    }
}

html {
    --swiper-navigation-color: var(--color-text-first) !important;
    --swiper-navigation-size: 12px !important;
    --swiper-navigation-padding: 9px !important;
}

@media (max-width: 768px) {
    .container {
        max-width: 880px;
    }
}

@media (min-width: 0) and (max-width: 991px) {
    .navbar-header { display: flex !important }
}

.btn,
.text-total {
    transform: translate(0, 0);
    transition: 1s;
    outline: none !important;
    outline: transparent !important;
    box-shadow: none !important;
    user-select: none;
}

.btn:hover {
    outline: none !important;
    outline: transparent !important;
    box-shadow: none !important;
}

.btn:active,
.text-total:active {
    transform: translate(0, -3px);
    transition: .3s;
    outline: none !important;
    outline: transparent !important;
    user-select: none;
}

#list-status.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#list-status.dropdown-toggle::after { top: unset !important; }
#list-status[data-type=""]::after { display: none; }

#list-status.dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
}

#list-status.dropdown-toggle::before {
    --icon-size: 12pt;
    content: '';
    display: inline-block;
    height: var(--icon-size);
    width: var(--icon-size);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: var(--icon-size) var(--icon-size);
    margin-right: 5px;
    position: absolute;
    left: 10px;
}

#list-status~.dropdown-menu {
    background-color: #161C2C !important;
    box-shadow: 0px 6px 20px 3px rgb(0 0 0 / 20%);
}
.btn-list-status[data-type=""] {
    background-color: var(--color-bg-light-light);
    color: var(--white);
}

.btn-list-status:hover { opacity: 0.9; }

.rating .stars {
    overflow: hidden;
    width: 100%;
    display: flex;
    row-gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    flex-direction: row-reverse;
}

.rating .stars:not(:checked) > input { display: none; }

.ratingplus { color: #28a745; }
.ratingminus { color: var(--main-color) !important; }

.rating .stars:not(:checked) > label {
    float: right;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
}

.rating .stars:not(:checked) > label:before {
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ctitle%3EStar%3C/title%3E%3Cpath d='M480 208H308L256 48l-52 160H32l140 96-54 160 138-100 138 100-54-160z' fill='none' stroke='%2385878D' stroke-linejoin='round' stroke-width='32'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: block;
    transition: .3s;
}

.rating .stars > input:checked ~ label:before,
.rating .stars > input:hover ~ label:before,
.rating .stars:not(:checked) > label:hover ~ label:before,
.rating .stars > input:checked + label:hover ~ label:before,
.rating .stars > input:checked ~ label:hover ~ label:before,
.rating .stars > label:hover ~ input:checked ~ label:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 512 512'%3E%3Cpath d='M394 480a16 16 0 01-9.39-3L256 383.76 127.39 477a16 16 0 01-24.55-18.08L153 310.35 23 221.2a16 16 0 019-29.2h160.38l48.4-148.95a16 16 0 0130.44 0l48.4 149H480a16 16 0 019.05 29.2L359 310.35l50.13 148.53A16 16 0 01394 480z'/%3E%3C/svg%3E");
    transition: .3s;
}

.rating .stars > label:active { position: relative; }
.rating {
    position: relative;
    overflow: hidden;
}

.rating.voted::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    left: -59px;
    top: -54px;
    border-radius: 100%;
    background: rgba(217, 217, 217, 0.05);
    display: block;
    pointer-events: none;
}

.rating .rating-current-selected {
    position: absolute;
    font-size: 32px;
    line-height: 26px;
    color: var(--white);
    padding: 10px 0;
    opacity: 0;
    transition: .3s;
}

.rating:hover .rating-current-selected {
    opacity: 1;
    transition-delay: .5s;
    transition: .3s;
}

.rating:hover .smile,
.rating:hover .now {
    opacity: 0;
}

.rating .rating-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 15px;
}

.rating .rating-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rating .rating-header .now {
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 26px;
    display: flex;
    align-items: flex-end;
    color: var(--white);
    margin-left: 10px;
    display: flex;
    flex-direction: row;
}

.rating .rating-header .now small {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #85878D;
}

.rating .rating-header .text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #85878D;
    width: 57%;
}

.rating .rating-header .text span:first-child { display: block !important; }
.rating .rating-header .text span:last-child { display: none !important; }
.rating:hover .rating-header .text span:first-child { display: none !important; }
.rating:hover .rating-header .text span:last-child { display: block !important; }

.reaction::before {
    content: '';
    position: relative;
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.reaction.great::before {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0C7.16129 0 0 7.16129 0 16C0 24.8387 7.16129 32 16 32C24.8387 32 32 24.8387 32 16C32 7.16129 24.8387 0 16 0ZM16 28.9032C8.88387 28.9032 3.09677 23.1161 3.09677 16C3.09677 8.88387 8.88387 3.09677 16 3.09677C23.1161 3.09677 28.9032 8.88387 28.9032 16C28.9032 23.1161 23.1161 28.9032 16 28.9032ZM10.8387 14.9677C11.9806 14.9677 12.9032 14.0452 12.9032 12.9032C12.9032 11.7613 11.9806 10.8387 10.8387 10.8387C9.69677 10.8387 8.77419 11.7613 8.77419 12.9032C8.77419 14.0452 9.69677 14.9677 10.8387 14.9677ZM21.1613 14.9677C22.3032 14.9677 23.2258 14.0452 23.2258 12.9032C23.2258 11.7613 22.3032 10.8387 21.1613 10.8387C20.0194 10.8387 19.0968 11.7613 19.0968 12.9032C19.0968 14.0452 20.0194 14.9677 21.1613 14.9677ZM21.4194 19.6516C20.0774 21.2645 18.0968 22.1935 16 22.1935C13.9032 22.1935 11.9226 21.271 10.5806 19.6516C10.0323 18.9935 9.05161 18.9097 8.4 19.4516C7.74194 20 7.65806 20.9742 8.2 21.6323C10.1355 23.9548 12.9806 25.2839 16 25.2839C19.0194 25.2839 21.8645 23.9548 23.8 21.6323C24.3484 20.9742 24.2581 20 23.6 19.4516C22.9484 18.9097 21.9677 18.9935 21.4194 19.6516V19.6516Z' fill='%2367BB6D'/%3E%3C/svg%3E%0A");
}

.reaction.fine::before {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0C7.16129 0 0 7.16129 0 16C0 24.8387 7.16129 32 16 32C24.8387 32 32 24.8387 32 16C32 7.16129 24.8387 0 16 0ZM16 28.9032C8.88387 28.9032 3.09677 23.1161 3.09677 16C3.09677 8.88387 8.88387 3.09677 16 3.09677C23.1161 3.09677 28.9032 8.88387 28.9032 16C28.9032 23.1161 23.1161 28.9032 16 28.9032ZM10.8387 14.9677C11.9806 14.9677 12.9032 14.0452 12.9032 12.9032C12.9032 11.7613 11.9806 10.8387 10.8387 10.8387C9.69677 10.8387 8.77419 11.7613 8.77419 12.9032C8.77419 14.0452 9.69677 14.9677 10.8387 14.9677ZM21.1613 10.8387C20.0194 10.8387 19.0968 11.7613 19.0968 12.9032C19.0968 14.0452 20.0194 14.9677 21.1613 14.9677C22.3032 14.9677 23.2258 14.0452 23.2258 12.9032C23.2258 11.7613 22.3032 10.8387 21.1613 10.8387ZM21.6774 20.129H10.3226C9.47097 20.129 8.77419 20.8258 8.77419 21.6774C8.77419 22.529 9.47097 23.2258 10.3226 23.2258H21.6774C22.529 23.2258 23.2258 22.529 23.2258 21.6774C23.2258 20.8258 22.529 20.129 21.6774 20.129Z' fill='%23EF5D5D'/%3E%3C/svg%3E%0A");
}

.reaction.shitty::before {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 0C6.9375 0 0 6.9375 0 15.5C0 24.0625 6.9375 31 15.5 31C24.0625 31 31 24.0625 31 15.5C31 6.9375 24.0625 0 15.5 0ZM15.5 28C8.60625 28 3 22.3937 3 15.5C3 8.60625 8.60625 3 15.5 3C22.3937 3 28 8.60625 28 15.5C28 22.3937 22.3937 28 15.5 28ZM10.5 14.5C11.6062 14.5 12.5 13.6062 12.5 12.5C12.5 11.3938 11.6062 10.5 10.5 10.5C9.39375 10.5 8.5 11.3938 8.5 12.5C8.5 13.6062 9.39375 14.5 10.5 14.5ZM20.5 10.5C19.3937 10.5 18.5 11.3938 18.5 12.5C18.5 13.6062 19.3937 14.5 20.5 14.5C21.6063 14.5 22.5 13.6062 22.5 12.5C22.5 11.3938 21.6063 10.5 20.5 10.5ZM15.5 18.5C12.9875 18.5 10.625 19.6063 9.0125 21.5375C8.48125 22.175 8.56875 23.1187 9.20625 23.65C9.84375 24.175 10.7875 24.0938 11.3188 23.4562C12.3563 22.2125 13.8813 21.4937 15.5 21.4937C17.1187 21.4937 18.6437 22.2062 19.6812 23.4562C20.1875 24.0625 21.125 24.2 21.7938 23.65C22.4313 23.1187 22.5125 22.175 21.9875 21.5375C20.375 19.6063 18.0125 18.5 15.5 18.5Z' fill='%23DC3545'/%3E%3C/svg%3E%0A");
}
@media (max-width: 420px) {
    .styles_warningBlock__5TfUB {
        top: 25px !important;
    }
}

@media (max-width: 992px) {
    .container-md-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 30px;
        margin-right: auto;
        margin-left: auto;
    }
    .content {
    margin-top: 0px !important;
    min-height: calc(100vh - 170px);
}
    .styles_warningBlock__5TfUB {
    position: absolute;
    display: flex;
    flex-direction: row;
    margin: 1rem 1rem 1rem .5rem;
    opacity: 0.3;
    align-items: center;
    color: var(--white-70);
    top: 140px;    
}
    .styles_snippet__EPcWX {
    padding-block-start: .1rem !important;
    padding-block-end: .1rem !important;
    padding-inline-start: 0.4rem !important;
    padding-inline-end: 0.4rem !important;
    text-align: center;
    font-size: 1.0rem !important;
    font-weight: var(--font-weight-semibold, 600);
    line-height: 2.2rem;
    border: .3rem solid var(--white-70);
    filter: drop-shadow(0 0 .4rem var(--shadow-color));
}
    .styles_ageWarning__UY6Q_ {
    max-width: 40rem !important;
    margin-inline-start: 0.4rem !important;
    font-size: 0.6rem !important;
    font-weight: var(--font-weight-medium, 500);
    line-height: .1rem;
    text-shadow: 0 0 .4rem var(--shadow-color);
}
}

/* fullstory */
.content {
    margin-top: 90px;
    min-height: calc(100vh - 170px);
}

/* Помочь */

.help.sempai {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background: #161C2C;
    border-radius: 5px;
    position: relative;
}

.help.sempai:hover {
    background: #222B41;
    transition: .3s;
}

.title h1 {
    line-height: 35px;
    width: calc(100% - 50px);
    font-family: DrukStartMedium;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    top: 10px;
    position: relative;
}

#qComments {
    background: var(--color-bg-dark);
    padding: 10px;
    border-radius: 10px;
}

/* Плеер */

/* Настройки комментария */

.infocontent {
    margin-top: 15px !important;
    margin-bottom: 30px;
    line-height: 22px;
    width: calc(100% - 50px);
}
.age {
    opacity: 1;
    background-color: transparent;
    border-radius: .5rem;
    color: var(--white);
    border: 1px solid white;
    padding: 0px 8px;
    opacity: .3;
}

/* Плеер */
.player-block {
	position: relative;
	margin-top: 15px;
    width: 100%;
}
    .player-header {
    position: relative;
    font-family: DrukStartMedium;
    font-size: 34px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-feature-settings: "liga" 0, "clig" 0;
    z-index: 3;
    text-align: center;
    width: 100%;
    margin: 20px 0;
    display: block;
    color: #fff;
}
.player-header span {
    color: #ac00ff;
}
	.player-header_view {
		font-size: 12px;
		color: var(--prokino-grey);
	}

	.views { padding: 0px 0px 0px 5px; }

	/* контент */
	.player {
        margin-bottom: 20px;
        background-color: var(--prokino-dark);
    }

	.player-content iframe {
		max-width: 100% !important;
		display: block;
		width: 100%;
		height: 450px;
	}

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

		.player-content iframe { height: 400px; }
	}

	/* footer */
	.player-footer {
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		margin: 10px 0px 0px 0px;
		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;
        border-radius: 5px;
		background-color: #0f1422;
	}

	@media screen and (max-width: 760px) { .player-footer { justify-content: center; } }

	.player-footer_tabs {
		height: 40px;
		line-height: 10px;
		font-size: 0;
		white-space: nowrap;
		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(--white);
		padding: 15px;
		font-size: 14px;
		font-weight: 400;
		text-transform: uppercase;
	}

    .player-active {
        color: var(--white);
        background-color: #161c2c;
    }

	.player-footer_tabs > a:hover {
		color: var(--white);
		background-color: #1b2234;
	}

    /* поделиться */
    .player-footer_share {
        display: flex;
        align-items: center;
        column-gap: 10px;
        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: 0;
        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(--white);
        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);
        width: 44%;
	}
    /* плашка по плеер */

.news-edit {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    font-size: initial;
    column-gap: 10px;
    opacity: 0.3;
}
.br-img img { border-radius: 5px; }

/* Scrollbar */
::-webkit-scrollbar { width: 4px; }
  ::-webkit-scrollbar-thumb {
	background: var(--color-main);
	border-radius: 7px;
  }
  ::-webkit-scrollbar-track { background-color: #0f1422; }
.scrollnews {
    margin-top: 20px;
    text-align: justify;
    max-height: 50vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.notification {
    top: 0;
    left: 0;
    padding: 0px 5px 2px 5px;
    transform: scale(0.8);
}
.avatar-block {
    width: 25px;
    height: 25px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* страницы */

/* облако тегов */
    .tags:has(a) { margin-top: 20px; }

    .line-break { line-break: anywhere; }

    .tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

/* baze */

/*  */

/* list user */

.transform-1 { transform: scale(1.3) }

img[data-id="0"] { display: none; }

/* DLE Friends v1.6 */

/* Стили для текстового поля с кнопкой "Развернуть" */
.limiter {
    max-height: 90px;
    overflow: hidden;
    position: relative;
}
    .limiter .bottom {
        position: absolute;
        bottom: 0;
        background: linear-gradient(
          to bottom,
          rgb(255 217 29 / 0%),
          rgb(15 20 34 / 52%)90%);
        width: 100%;
        height: 60px;
        opacity: 1;
        transition: 0.3s;
    }
    .read-more-checker {
        opacity: 0;
        position: absolute;
    }
        .read-more-checker:checked ~ .limiter { max-height: none; }
        .read-more-checker:checked ~ .limiter .bottom {
            opacity: 0;
            transition: 0.3s;
        }
        .read-more-checker ~ .read-more-button:before { content: "Показать полностью ↓"; }
        .read-more-checker:checked ~ .read-more-button:before { content: "Скрыть полностью ↑"; }
        .read-more-button {
            color: #fff;
          cursor: pointer;
          display: inline-block;
        }
.read-more-button:hover {
    		color: #b20cfb;
        }

/* Мобильная страница профиля */

@media (max-width: 512px) {

    .player-footer_complaint {display: none !important; }
    .btn-slide {display: none !important; }
}

@media (max-width: 1024px) {
    .catalog { display: none !important; }
    .speedbar {
    font-family: DrukStartMedium;
    letter-spacing: 0.10rem;
    text-transform: uppercase;
}
    .view .first-info>span.kp-ful {
    background: #ff5500b5 !important;
    padding: 3px 5px; !important;
    border-radius: 5px;
    color: white !important;
    display: initial;
}
}

@media (max-width: 1280px) { .ordertable { display: none !important; } 
.searchBar .container, .searchBar .container-fluid {
        background: #000;
    }
}

/* navbar */

.mobile {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    background: #0c0c0c;
    z-index: 100;
}
    .mobile-menu {
        display: flex;
        margin: 0;
        padding: 15px;
        align-items: center;
        align-content: center;
        justify-content: space-evenly;

    }
        .mobile-menu_item:hover {
            color: #F13A50 !important;
            background: #2D1A1E;
            border-radius: 25px;
            transition: 0.6s;
        }
            .mobile-menu_link {
                display: flex;
                color: #8C949D !important;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .mobile-menu_link {
                width: 60px;
                padding: 8px 10px;
                transition: 0.3s;
                border-radius: 0px;
            }
                .mobile-menu_link svg {
                    width: 24px;
                    height: 24px;
                }
                .mobile-menu_link:active svg,
                .mobile-menu_link:hover svg { animation: buttonJump 0.5s ease-in forwards; }


.view form {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 10px
}

.view form textarea {
    width: 100%;
    border: none;
    padding-right: 90px;
    color: var(--white);
    background: #05070d
}

.view form textarea:focus,
.view form textarea:active,
.view form textarea:focus:active {
    background: rgba(0, 0, 0, 0.3) !important;
    outline: none !important;
    height:100px;
}

.view form .btn {
    position: absolute;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 100;
    background: #05070d;
    padding: .2rem .75rem .3rem .75rem;
    top: 16px
}

.view form .btn:hover {
    color: var(--text-color);
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer
}

.view form button.btn { right: 1px;top: 40px; }
.view form button.btn[disabled] {
    content: '';
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    right: 17px;
    background: transparent !important;
    padding: 0;
    animation: spinner-border .75s linear infinite;
    color: var(--main-color) !important
}

.view form button.btn[disabled] svg { display: none }
.view form a.btn { right: 49px }

.view .comment {
    position: relative;
    margin-bottom: 20px;
    background: #00000054;
    border-radius: 10px;    
}

.view .comment a.comment-likes {
    float: right;
    display: flex
}

.view .comment a.comment-likes svg {
    width: 1.3rem;
    fill: #dc3545 !important
}

.view .comment-message { color: var(--color-text-second); }
.view .comment-message span {
    padding: 0 5px;
    background: var(--color-bg);
    border-radius: 5px;
    color: var(--color-bg);
    transition: .3s;
    position: relative
}

.view .comment:hover .comment-message span {
    padding: 0 0px;
    background: transparent;
    border-radius: 0px;
    color: var(--color-text-second);
    transition: .3s
}

.view .comment-reply {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    align-content: stretch;
    flex-direction: row;
    position: relative
}

.view .comment-reply .comment {
    margin-left: 40px;
    display: block
}

.view .comment-reply:hover .comment-reply-line-line {
    background: var(--main-color);
    opacity: 1
}

.view .comment-reply:hover .comment-reply-line-roll {
    border: 1px solid var(--main-color);
    opacity: 1
}

.view .comment-reply:hover .comment-reply-line-roll svg { color: var(--main-color) }
.view .comment-reply:hover .comment-reply-line-text {
    color: var(--main-color);
    opacity: 1
}
.view .comment-reply:hover .comment-reply-line-text svg { fill: var(--main-color) }

.view .comment-reply-line {
    width: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    bottom: 38px;
    top: 16px
}

.view .comment-reply-line-text {
    position: absolute;
    top: -7px;
    left: 30px;
    white-space: nowrap;
    display: none;
    cursor: pointer;
    opacity: .3;
    transition: .3s
}

.view .comment-reply-line-text svg {
    fill: #7e8597;
    width: 1rem
}

.view .comment-reply-line.collapsed {
    position: relative;
    margin-top: -20px;
    margin-bottom: 30px
}

.view .comment-reply-line.collapsed .comment-reply-line-roll svg {
    color: #7e8597;
    fill: #7e8597
}

.view .comment-reply-line.collapsed .comment-reply-line-line { display: none }
.view .comment-reply-line.collapsed .comment-reply-line-text {
    position: absolute;
    top: -7px;
    left: 30px;
    white-space: nowrap;
    display: none;
    cursor: pointer;
    opacity: .3;
    transition: .3s;
    display: block
}

.view .comment-reply-line.collapsed .comment-reply-line-text svg {
    fill: #7e8597;
    width: 1rem
}

.view .comment-reply-line-roll {
    background: transparent;
    width: 100%;
    height: 1rem;
    border-radius: 2px;
    display: flex;
    border: 1px solid #7e8597;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    opacity: .3;
    transition: .3s
}

.view .comment-reply-line-roll svg {
    width: .5rem;
    color: #7e8597;
    fill: transparent
}

.view .comment-reply-line-roll:hover {
    border: 1px solid var(--main-color);
    opacity: 1;
    transition: .3s
}

.view .comment-reply-line-roll:hover svg { color: var(--main-color) }
.view .comment-reply-line-line {
    display: block;
    width: 1px;
    background: #7e8597;
    min-height: 60px;
    height: 100%;
    opacity: .3;
    transition: .3s
}

.view .comment-reply-line-line:hover {
    background: var(--main-color);
    opacity: 1;
    transition: .3s
}

.view .comment-info { white-space: nowrap }
.view .comment-info-actions svg {
    color: #7e8597;
    width: 1.2rem;
    position: relative;
    top: -3px;
    cursor: pointer;
    transition: .3s
}

.view .comment-info-actions svg:hover {
    color: var(--white);
    cursor: pointer;
    transition: .3s
}

.view .comment-info-raiting {
    display: inline-block;
    padding-right: 10px
}

.view .comment-info-raiting-total,
.view .comment-info-raiting-total:hover {
    color: #7e8597;
    cursor: default;
    font-weight: bold;
    padding-right: 5px
}

.view .comment-info-raiting-up,
.view .comment-info-raiting-down {
    display: inline-block
}

.view .comment-info-raiting-up svg,
.view .comment-info-raiting-down svg {
    width: 1rem;
    fill: #7e8597
}

.view .comment-info-raiting-up.active svg,
.view .comment-info-raiting-down.active svg,
.view .comment-info-raiting-up:hover svg,
.view .comment-info-raiting-down:hover svg {
    fill: var(--main-color)
}

.view .comment-info-raiting-up.active svg,
.view .comment-info-raiting-up:hover svg {
    fill: #67bb6d
}

.view .comment-info-autor-avatar {
    display: inline-block;
    position: relative
}

.view .comment-info-autor-avatar img {
    width: 1.5rem;
    height: 1.5rem;
    max-width: initial;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    top: 6px
}

.view .comment-info-autor-avatar-ninja {
    width: 1.5rem;
    height: 1.5rem;
    background: orange;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--white);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0;
    top: -2px;
    flex-direction: row
}

.view .autor-name_login {
    font-weight: 500;
    padding-left: 0px;
    padding: 0px 6px;
    border-radius: 5px;
    transition: .3s
}

.view .autor-name_login:hover {
    background: rgba(255, 255, 255, 0.1);
    transition: .3s;
    color: white
}

.view .comment-info-date {
    opacity: 0;
    text-transform: lowercase;
    font-weight: 100;
    padding-left: 0px;
    transition: .3s
}

.view .comment-info-actions {
    opacity: 0;
    margin-left: 5px;
    font-weight: 500;
    padding-left: 0px;
    padding: 0px 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2)
}

.view .comment-info-actions svg {
    color: #7e8597;
    width: 1.2rem;
    position: relative;
    top: -3px;
    cursor: pointer;
    transition: .3s
}

.view .comment-info-actions svg:hover {
    color: var(--white);
    cursor: pointer;
    transition: .3s
}

.view .comment:hover .comment-info-date {
    opacity: 1;
    padding-left: 10px;
    transition: .3s
}

.view .comment:hover .comment-info-actions {
    opacity: 1;
    transition: .5s
}

.view .nav.nav-tabs {
    padding: 0;
    margin: 0;
    border: none;
    height: auto
}

.view .nav.nav-tabs a {
    background: transparent;
    border: none;
    text-align: left;
    display: inline;
    padding: 0;
    color: #7e8597 !important
}

.view .nav.nav-tabs a.active { color: var(--color-main) !important }
.view .nav.nav-tabs a:hover,
.view .nav.nav-tabs a:focus {
    color: var(--color-text-first) !important
}

.dlepl--borderRadius { max-width: 100% !important; }

.view .nav.nav-tabs a:first-child { margin-right: 20px }
.view .player~.btn-group { display: none }

@media (min-width:0) and (max-width:990px) {
    .view .player~.btn-group {
        display: block;
        margin: 0 auto
    }
}

.view .player #player-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.view .dropdown button:not(.sort) { width: 100%;color: #fff; }
.view .dropdown .dropdown-menu { background-color: var(--body-color) }

.view .dropdown .dropdown-menu .dropdown-item {
    color: var(--text-color) !important;
    background-color: var(--body-color)
}

.view .dropdown .dropdown-menu .dropdown-item.active,
.view .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--main-color);
    color: var(--text-color) !important
}

.view .swiper-container {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0
}

.view .swiper-container .swiper-button-prev,
.view .swiper-container .swiper-button-next {
    color: var(--text-color);
    transition: .3s
}

.view .swiper-container .swiper-button-prev:hover,
.view .swiper-container .swiper-button-next:hover {
    color: var(--main-color);
    transition: .3s
}

.view .swiper-container h2 {
    margin-bottom: 20px;
    margin-top: 40px
}

.view hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #7e859736
}

.view div.image {
    position: relative;
    text-align: center;
    width: 100%;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.view div.image img {
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    opacity: .8;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    display: block;
    margin: 0 auto;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.view div.image .poster-img { box-shadow: 0 6px 11.57px 1.43px rgba(0, 0, 0, 0.1) }

.view div.image~.btn {
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px
}

.view .btn-group {
    width: 100%;
    margin-bottom: 20px
}

.view .btn-group .dropdown { width: 70% }
.view .btn-group .dropdown .dropdown-toggle::after {
    position: relative;
    top: 5px
}

.view .btn-group .dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block !important;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #0c101b;
    text-align: left;
    list-style: none;
    background-color: var(--color-bg-dark);
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    transform: scale(0) !important;
    min-width: 255px
}

.view .btn-group .dropdown .dropdown-menu button {
    background-color: var(--color-bg-dark) !important;
    transition: .3s
}

.view .btn-group .dropdown .dropdown-menu button:hover {
    background-color: rgba(255, 255, 255, 0.02) !important;
    transition: .3s
}

.view .btn-group .dropdown .dropdown-menu.show {
    display: block !important;
    opacity: 1;
    pointer-events: all;
    transition: .3s;
    transform: scale(1) !important
}

.view .btn-group .btn:first-child {
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -ms-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px
}

.view .btn-group .btn:last-child {
    border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -ms-border-radius: 0px 5px 5px 0px;
    -o-border-radius: 0px 5px 5px 0px
}

.view .title {
    font-size: 28pt;
    color: var(--white);
    font-weight: bold;
    line-height: 3rem;
    margin-top: 0px;
    margin-bottom: 20px
}

.view .title small {
    font-size: 14pt;
    font-weight: 400;
    opacity: .5;
    margin-top: -10px;
    display: block
}

.view .first-info {
    font-size: 14pt;
    font-weight: 100;
    margin-top: -70px;
    display: block
}

.view .first-info>a,
.view .first-info>span {
    display: inline-block;
    position: relative;
    margin-right: 24px;
    color: #8a909e !important;
    opacity: 1
}

.view .first-info>a>code,
.view .first-info>span>code {
    font-size: .875em;
    color: var(--white);
    word-wrap: break-word;
    background: #dc3545 !important;
    padding: 0px 10px;
    border-radius: 10px;
    opacity: 1
}

.view .first-info>a>code.full-length,
.view .first-info>span>code.full-length {
    opacity: 1
}

.view .first-info>a:not(:last-child):after,
.view .first-info>span:not(:last-child):after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    content: '';
    pointer-events: none;
    position: absolute !important;
    background: #8a909e !important;
    right: -17px;
    top: 22px;
    opacity: 1
}

.view .first-info>a {
    padding: 0;
    line-height: 20px;
    border-bottom: 1px dotted
}

.view .first-info>a:hover {
    color: white !important;
    opacity: 1 !important
}

.view .first-info>a:hover:not(:last-child):after {
    opacity: 1 !important;
    transition: 0s !important
}

.view .first-info>a:not(:last-child):after {
    top: 8px;
    opacity: 1 !important;
    transition: 0s !important
}

.view .raiting .left h2 {
    display: inline-block;
    color: var(--white);
    padding: 22px 20px;
    border-radius: 50%;
    height: 80px
}

.view .raiting .left h2::after {
    width: 2rem;
    height: 2rem;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    left: 43%;
    top: 24px;
    margin: 0 auto;
    animation: spinner-border .75s linear infinite;
    color: var(--main-color);
    content: '';
    opacity: 1
}

.view .raiting .left h2.bg-success::after,
.view .raiting .left h2.bg-warning::after,
.view .raiting .left h2.bg-danger::after {
    content: none;
    opacity: 0;
    transition: 1s
}

.view .raiting .left h2.bg-success,
.view .raiting .left h2.bg-warning,
.view .raiting .left h2.bg-danger {
    height: auto !important
}

.view .raiting .left small { display: block }
.view .raiting .right {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: stretch;
    height: 100%;
    margin-top: -20px
}

.view .raiting .right span {
    opacity: 0;
    position: relative;
    top: -4px;
    margin-left: 5px;
    transition: .3s
}

.view .raiting .right:hover span {
    opacity: 1;
    margin-left: 0px;
    transition: .3s
}

.view .raiting .right .line {
    display: block;
    position: relative
}

.view .raiting .right .line[data-vote="5"] div.span>div.span { background-color: #dc3546 }
.view .raiting .right .line[data-vote="4"] div.span>div.span { background-color: #dd4151 }
.view .raiting .right .line[data-vote="3"] div.span>div.span { background-color: #e25160 }
.view .raiting .right .line[data-vote="2"] div.span>div.span { background-color: #ec616f }
.view .raiting .right .line[data-vote="1"] div.span>div.span { background-color: #f5707e }

.view .raiting .right .line>.span {
    display: inline-block;
    height: 15px;
    background-color: transparent;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    position: absolute;
    top: 3px;
    left: 35px;
    right: 0px;
    text-align: left;
    padding-left: 5px;
    font-size: 11px
}

.view .raiting .right .line>.span:hover>.span { opacity: 1 }
.view .raiting .right .line>.span>.span {
    position: relative;
    height: 100%;
    display: inline-block;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    opacity: .8;
    transition: 1s !important
}

.view .progress {
    margin-bottom: 10px;
    position: relative;
    overflow: visible;
    transition: .3s !important;
    background-color: transparent
}

.view .progress.loading .watching { transition: .3s ease-in-out !important }
.view .progress.loading .plan {
    transition: .3s ease-in-out !important;
    transition-delay: .3s !important
}
.view .progress.loading .completed {
    transition: .3s ease-in-out !important;
    transition-delay: .6s !important
}
.view .progress.loading .hold {
    transition: .3s ease-in-out !important;
    transition-delay: .8s !important
}
.view .progress.loading .dropped {
    transition: .3s ease-in-out !important;
    transition-delay: 1s !important
}

.view .progress.blur {
    display: none;
    margin-top: -40px;
    filter: blur(50px);
    z-index: 0;
    position: relative
}

.view .progress .mylist-status[data-type="1"] {
    display: inline-block;
    background-color: #67bb6d;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition: .3s !important;
    border-radius: 10px 0px 0px 10px
}

.view .progress .mylist-status[data-type="1"].active,
.view .progress .mylist-status[data-type="1"]:hover {
    box-shadow: 0 0 1rem rgba(103, 187, 109, 0.5) !important
}

.view .progress .mylist-status[data-type="2"] {
    display: inline-block;
    background-color: #b467b9;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition-delay: 0s;
    transition: .3s !important;
    border-radius: 0px
}

.view .progress .mylist-status[data-type="2"].active,
.view .progress .mylist-status[data-type="2"]:hover {
    box-shadow: 0 0 1rem rgba(180, 103, 185, 0.5) !important
}

.view .progress .mylist-status[data-type="3"] {
    display: inline-block;
    background-color: #5a6bc7;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition: .3s !important;
    transition-delay: 0s;
    border-radius: 0px
}

.view .progress .mylist-status[data-type="3"].active,
.view .progress .mylist-status[data-type="3"]:hover {
    box-shadow: 0 0 1rem rgba(90, 107, 199, 0.5) !important
}

.view .progress .mylist-status[data-type="4"] {
    display: inline-block;
    background-color: #ffc62f;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition: .3s !important;
    transition-delay: 0s;
    border-radius: 0px
}

.view .progress .mylist-status[data-type="4"].active,
.view .progress .mylist-status[data-type="4"]:hover {
    box-shadow: 0 0 1rem rgba(255, 198, 47, 0.5) !important
}

.view .progress .mylist-status[data-type="5"] {
    display: inline-block;
    background-color: #e45654;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15) !important;
    transition: .3s !important;
    transition-delay: 0s;
    border-radius: 0px 10px 10px 0px
}

.view .progress .mylist-status[data-type="5"].active,
.view .progress .mylist-status[data-type="5"]:hover {
    box-shadow: 0 0 1rem rgba(228, 86, 84, 0.5) !important
}

.view .text-total,
.view .text-watching,
.view .text-plan,
.view .text-completed,
.view .text-hold,
.view .text-dropped {
    cursor: default
}

.view .text-total strong,
.view .text-watching strong,
.view .text-plan strong,
.view .text-completed strong,
.view .text-hold strong,
.view .text-dropped strong {
    font-size: 1.5rem;
    cursor: default
}

.view .mylist-count[data-type="0"] strong { color: white }
.view .mylist-count[data-type="1"] strong { color: #67bb6d }
.view .mylist-count[data-type="2"] strong { color: #b467b9 }
.view .mylist-count[data-type="3"] strong { color: #5a6bc7 }
.view .mylist-count[data-type="4"] strong { color: #aaaa21 }
.view .mylist-count[data-type="5"] strong { color: #e45654 }

.view .line {
    color: var(--white);
    border-radius: 10px;
    font-size: .8rem;
    display: inline-block;
    padding: 0 10px
}

.view .line strong { display: none }

.view .mylist-status[data-type="0"] { background-color: #0f1422 }
.view .mylist-status[data-type="1"] { background-color: #67bb6d }
.view .mylist-status[data-type="2"] { background-color: #b467b9 }
.view .mylist-status[data-type="3"] { background-color: #5a6bc7 }
.view .mylist-status[data-type="4"] { background-color: #aaaa21 }
.view .mylist-status[data-type="5"] { background-color: #e45654 }



.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}
 .dropdown-menu[x-placement^="top"],
    .dropdown-menu[x-placement^="right"],
    .dropdown-menu[x-placement^="bottom"],
    .dropdown-menu[x-placement^="left"] {
        right: auto;
        bottom: auto
    }
 .dropdown-menu.show {
        display: block
    }
.navbar-footer .navbar-brand svg,
.navbar-header .navbar-brand svg {
    fill: var(--text-color);
    width: 25px;
    margin-top: -5px;
    transition: .3s;
    margin-right: -9px;
}

.navbar-footer .navbar-brand svg .st0,
.navbar-header .navbar-brand svg .st0 {
    transition: .3s
}

.navbar-footer .navbar-brand:hover,
.navbar-header .navbar-brand:hover {
    color: var(--main-color);
    transition: .3s
}

.navbar-footer .navbar-brand:hover svg .st0,
.navbar-header .navbar-brand:hover svg .st0 {
    fill: var(--main-color);
    transition: .3s
}

@media (min-width:0) and (max-width:991px) {
    .navbar-footer .navbar-toggler,
    .navbar-header .navbar-toggler {
        position: absolute;
        border: none;
        padding: 0;
        top: 13px;
        overflow: hidden;
        color: var(--text-color);
        outline: none;
        box-shadow: none;
        opacity: 1
    }
    .navbar-footer .navbar-toggler:active,
    .navbar-header .navbar-toggler:active,
    .navbar-footer .navbar-toggler:focus,
    .navbar-header .navbar-toggler:focus {
        outline: none
    }
    .navbar-footer .navbar-toggler span,
    .navbar-header .navbar-toggler span {
        color: var(--text-color) !important;
        fill: var(--text-color) !important
    }
}

.navbar-footer .navbar-search,
.navbar-header .navbar-search {
    display: none
}

@media (min-width:0) and (max-width:991px) {
    .navbar-footer .navbar-search,
    .navbar-header .navbar-search {
        display: none;
        position: absolute;
        border: none;
        padding: 0;
        top: 10px;
        right: 15px;
        overflow: hidden;
        color: var(--text-color);
        outline: none;
        box-shadow: none;
        opacity: 1;
        width: 30px;
        height: 30px;
        text-align: right;
        opacity: .5
    }
    .navbar-footer .navbar-search:active,
    .navbar-header .navbar-search:active,
    .navbar-footer .navbar-search:focus,
    .navbar-header .navbar-search:focus {
        outline: none
    }
    .navbar-footer .navbar-search svg,
    .navbar-header .navbar-search svg {
        width: 20px;
        fill: white;
        stroke: 3px
    }
}

.navbar-footer .navbar-nav,
.navbar-header .navbar-nav {
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}

.navbar-footer .navbar-nav .autohide,
.navbar-header .navbar-nav .autohide {
    width: 0;
    overflow: hidden;
    transition: .3s
}

.navbar-footer .navbar-nav:hover .autohide,
.navbar-header .navbar-nav:hover .autohide {
    width: inherit;
    overflow: hidden;
    transition: .3s
}

.navbar-footer .navbar-nav .dropdown-menu,
.navbar-header .navbar-nav .dropdown-menu {
    border: none;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    margin-top: -5px;
    font-size: 1rem;
    color: #0c101b;
    text-align: left;
    list-style: none;
    background-color: var(--body-color);
    background-clip: padding-box;
    border-radius: 5px;
    left: -90px;
    pointer-events: none;
    transition: .3s linear;
    width: 220px
}
.lightstat {display:none}
.navbar-footer .navbar-nav .dropdown-menu::before,
.navbar-header .navbar-nav .dropdown-menu::before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background-color: var(--body-color);
    position: absolute;
    top: -5px;
    left: 50%;
    transform: rotate(45deg)
}

.navbar-footer .navbar-nav .dropdown-menu .dropdown-hr,
.navbar-header .navbar-nav .dropdown-menu .dropdown-hr {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #6c757d !important;
    opacity: .1
}

.navbar-footer .navbar-nav .dropdown-menu .dropdown-item,
.navbar-header .navbar-nav .dropdown-menu .dropdown-item {
    color: var(--text-color);
    display: block;
    width: 100%;
    padding: .25rem .5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: .1s;
    margin-top: -5px;
    opacity: 0;
    transition-delay: none;
    overflow: hidden;
    text-overflow: ellipsis
}

.navbar-footer .navbar-nav .dropdown-menu .dropdown-item svg,
.navbar-header .navbar-nav .dropdown-menu .dropdown-item svg {
    position: relative;
    top: -2px;
    width: 1rem;
    opacity: .8
}

.navbar-footer .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-header .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: var(--text-color) !important;
    background-color: rgba(255, 255, 255, 0.1);
    transition-delay: none
}

.navbar-footer .navbar-nav .dropdown-menu .dropdown-item:last-child,
.navbar-header .navbar-nav .dropdown-menu .dropdown-item:last-child {
    background: var(--color-bg-dark);
    margin-bottom: -6px;
    margin-top: -9px !important;
    padding-bottom: 5px;
    border-radius: 0px 0px 5px 5px;
    transition-delay: none
}

.navbar-footer .navbar-nav .dropdown-menu .dropdown-item:last-child:hover,
.navbar-header .navbar-nav .dropdown-menu .dropdown-item:last-child:hover {
    color: var(--main-color) !important;
    background-color: rgba(255, 255, 255, 0.1);
    transition-delay: none
}

.navbar-footer .navbar-nav .dropdown-menu.notify,
.navbar-header .navbar-nav .dropdown-menu.notify {
    min-width: 250px;
    padding: 0;
    margin-top: -6px !important
}

.navbar-footer .navbar-nav .dropdown-menu.notify::before,
.navbar-header .navbar-nav .dropdown-menu.notify::before {
    content: none
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-header,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-header {
    color: var(--color-text-second);
    background: var(--color-bg-light);
    padding: 5px .5rem
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-header:first-child,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-header:first-child {
    border-radius: 10px 10px 0px 0px
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list {
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 5px
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div {
    position: relative
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div button,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div button {
    position: absolute;
    top: 0;
    right: -73px;
    bottom: 0;
    background: var(--color-main);
    border: none;
    transition: .3s;
    border-bottom: 1px solid var(--color-bg_80)
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div button svg,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div button svg {
    display: block;
    fill: white;
    width: 1rem;
    margin: 0rem 5px
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid var(--color-bg_80);
    padding: 5px 0px;
    transition: .3s
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a svg,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a svg {
    width: 2rem;
    margin: 5px 5px 5px 5px;
    transition: .3s
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=SEND_MONEY],
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=SEND_MONEY] {
    fill: var(--color-list-watching)
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=UPD_ANIME],
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=UPD_ANIME] {
    fill: var(--color-list-plan)
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=USR_REPLY],
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=USR_REPLY],
.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=USR_FRIEND],
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=USR_FRIEND] {
    fill: var(--color-list-completed)
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=SYSTEM],
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a svg[type=SYSTEM] {
    fill: var(--color-list-dropped)
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a .notify-info,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a .notify-info {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a .notify-info .notify-title,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a .notify-info .notify-title {
    font-size: .9rem;
    white-space: nowrap;
    font-weight: bold
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a .notify-info small,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a .notify-info small {
    font-size: 9pt;
    display: block
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div a .notify-info .notify-data,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div a .notify-info .notify-data {
    font-size: 9pt;
    color: var(--color-text-muted);
    display: block
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div:hover button,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div:hover button {
    right: 0;
    transition: .3s
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div:hover a,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div:hover a {
    margin-left: -5px;
    transition: .3s;
    background-color: var(--color-bg)
}

.navbar-footer .navbar-nav .dropdown-menu.notify .notify-list div:hover a svg,
.navbar-header .navbar-nav .dropdown-menu.notify .notify-list div:hover a svg {
    margin: 5px 2px 5px 5px;
    transition: .3s
}

.navbar-footer .navbar-nav .dropdown-menu.show,
.navbar-header .navbar-nav .dropdown-menu.show {
    opacity: 1;
    margin-top: 0px;
    pointer-events: all;
    transition: .3s linear
}

.navbar-footer .navbar-nav .dropdown-menu.show .dropdown-item,
.navbar-header .navbar-nav .dropdown-menu.show .dropdown-item {
    margin-top: 0px;
    opacity: 1
}

@media (min-width:0) and (max-width:991px) {
    .navbar-footer .navbar-nav,
    .navbar-header .navbar-nav {
        display: block
    }
}

.navbar-footer .navbar-nav .nav-item,
.navbar-header .navbar-nav .nav-item {
    padding: 0
}

@media (min-width:0) and (max-width:991px) {
    .navbar-footer .navbar-nav .nav-item,
    .navbar-header .navbar-nav .nav-item {
        display: block;
        width: 100%;
        border-color: #dee2e60d !important
    }
}

.navbar-footer .navbar-nav .nav-link,
.navbar-header .navbar-nav .nav-link {
     padding-right: .5rem !important;
    padding-left: .5rem !important;
    color: var(--text-color) !important;
    /*opacity: .75;*/
    border-radius: 10px;
    padding: .1rem 10px !important;
    margin-top: .4rem;
    margin-bottom: .4rem;
    height: 32px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 1),
             3px 0px 18px rgba(0, 0, 0, 1),
             7px 2px 25px rgba(0, 0, 0, 1);
}

.navbar-footer .navbar-nav .nav-link.nav-avatar,
.navbar-header .navbar-nav .nav-link.nav-avatar {
    margin-top: .4rem;
    margin-bottom: .4rem;
    margin-right: 15px;
    padding: 0px 0px !important;
    background: transparent !important
}

.navbar-footer .navbar-nav .nav-link.nav-avatar .avatar,
.navbar-header .navbar-nav .nav-link.nav-avatar .avatar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 2px
}

.navbar-footer .navbar-nav .nav-link.nav-avatar .avatar img,
.navbar-header .navbar-nav .nav-link.nav-avatar .avatar img {
    width: 24px;
    height: 24px;
    border-radius: 100%
}

.navbar-footer .navbar-nav .nav-link[disabled],
.navbar-header .navbar-nav .nav-link[disabled],
.navbar-footer .navbar-nav .nav-link:disabled,
.navbar-header .navbar-nav .nav-link:disabled {
    pointer-events: none;
    opacity: .3;
    cursor: default
}

.navbar-footer .navbar-nav .nav-link svg,
.navbar-header .navbar-nav .nav-link svg {
    width: 1.1rem;
    fill: var(--text-color) !important;
    opacity: .75
}

.navbar-footer .navbar-nav .nav-link[aria-expanded="true"],
.navbar-header .navbar-nav .nav-link[aria-expanded="true"],
.navbar-footer .navbar-nav .nav-link.active,
.navbar-header .navbar-nav .nav-link.active,
.navbar-footer .navbar-nav .nav-link:hover,
.navbar-header .navbar-nav .nav-link:hover {
    color: var(--text-color) !important;
    opacity: 1;
    background: rgba(255, 255, 255, 0.1);
    transition: .1s
}

.navbar-footer .navbar-nav .nav-link[aria-expanded="true"] svg,
.navbar-header .navbar-nav .nav-link[aria-expanded="true"] svg,
.navbar-footer .navbar-nav .nav-link.active svg,
.navbar-header .navbar-nav .nav-link.active svg,
.navbar-footer .navbar-nav .nav-link:hover svg,
.navbar-header .navbar-nav .nav-link:hover svg {
    fill: var(--text-color) !important;
    opacity: 1
}

.navbar-footer .navbar-nav .nav-link.nav-link-notify[aria-expanded="true"],
.navbar-header .navbar-nav .nav-link.nav-link-notify[aria-expanded="true"] {
    background-color: var(--color-bg-dark);
    border-radius: 10px 10px 0px 0px;
    opacity: 1
}

.navbar-footer .navbar-nav .ml-auto .dropdown-menu,
.navbar-header .navbar-nav .ml-auto .dropdown-menu {
    left: auto !important;
    right: 0px
}
.navbar-footer .navbar-nav .dropdown-menu .dropdown-item, .navbar-header .navbar-nav .dropdown-menu .dropdown-item {
    margin: 0 0.5rem;
    padding: 0.25rem 0.5rem;
    width: calc(100% - 1rem);
    border-radius: 5px;
}
@media (min-width: 0) and (max-width: 991px) {
    .navbar-footer .navbar-nav, .navbar-header .navbar-nav {
        display: block;
    }
}
@media (min-width: 0) and (max-width: 991px) {
    .navbar-footer .navbar-collapse.collaping, .navbar-header .navbar-collapse.collaping, .navbar-footer .navbar-collapse.show, .navbar-header .navbar-collapse.show {
        position: fixed;
        background: #0a0d17;
        top: 56px;
        left: 0;
        height: 100vh !important;
        width: 60% !important;
        right: unset;
        transition: .3s;
        transition-delay: 0s !important;
    }
}
@media (min-width: 0) and (max-width: 991px) {
    .navbar-footer .navbar-collapse, .navbar-header .navbar-collapse {
        position: fixed;
        background: var(--body-color);
        top: 50px !important;
        overflow-x: auto;
        left: -60%;
        padding-bottom: 20px;
        height: 100vh !important;
        width: 60% !important;
        right: unset;
        transition: .3s;
        transition-delay: 0s !important;
    }
}
.comment-info-autor-avatar .avatar-spin_comment img,
    .avatar .avatar-block .spin-top img {
        width: 31px !important;
        height: 31px !important;
        max-width: initial !important;
        position: absolute;
    top: -21px;
    left: -4px
    }
.comment-info-raiting a svg {
    width: 1rem;
    fill: #7e8597;
}
.d-inline {
    display: inline !important;
}
sup {
    top: -1.0em;
}
sub, sup {
    position: relative;
    font-size: 60%;
    line-height: 0;
    vertical-align: baseline;
    background: #0000002b;
    border-radius: 5px;
    padding: 5px;
}
.content .slogon blockquote {text-align: center;border: 0 !important;text-transform: uppercase;font-weight: 900;font-size: 24px;font-style: normal;}
.content .slogon blockquote:before {
    position: absolute;
    left: 0;
    top: 0;
    content: " ";
    font-weight: bold;
    font-size: 4em;
    margin-left: -.1em;
}

 @media (max-width:992px) {
     .content .slogon blockquote{text-align: center;border: 0 !important;text-transform: uppercase;font-weight: 100;font-size: 14px;}
     }
body:not(.open-search) .navbar-header li,
body:not(.open-search) .navbar-header .navbar-brand {
    transition: .6s;
    transform: scale(1);
    opacity: 1;
    transition-delay: .3s;
}

.open-search .navbar-header li,
.open-search .navbar-header .navbar-brand {
    transition: .6s;
    transform: scale(0);
    opacity: 0;
}

.searchBar {
    transition: .6s;
    transform: scaleY(0);
    opacity: 0;
}

.open-search .searchBar {
    height: 60.78px;
    overflow: hidden;
    opacity: 1;
    transform: scaleY(1);
    pointer-events: all;
    transition: .6s;
    transition-delay: .3s;
}

.open-search .searchBarResult {
    top: 60.78px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    transition: .3s;
    opacity: 1;
    pointer-events: all;
    position: fixed;
    height: 100%;
    background-color: rgb(12 16 27 / 95%)!important;
    padding: 20px 0px;
}

.searchBar .container,
.searchBar .container-fluid {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searchBar form {
    white-space: nowrap;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}

.searchBar form .search-icon {
    position: absolute;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    fill: var(--text-color);
    opacity: .3;
}

.searchBar form input[type="text"] {
    width: 100%;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 5px;
    background-color: rgb(0 0 0 / 80%);
    padding: 5px 35px 5px 35px;
    outline: none;
    color: var(--text-color);
    vertical-align: middle;
    margin-right: 10px;
    transition: .3s;
}

.searchBar form input[type=submit] {
    position: absolute;
    width: 32px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M268 112l144 144-144 144M392 256H100' style='&%2310;' stroke='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    opacity: 0.3;
}

.searchBar form input[type=submit]:hover {
    opacity: 1;
}

.searchBar .nav-link {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
    color: var(--text-color)!important;
    opacity: .75;
    border-radius: 10px;
    padding: 19px 10px!important;
    margin-left: 10px;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    height: 32px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    padding: 0.5rem 1rem;
    opacity: .3;
}

.searchBar .nav-link svg {
    width: 1.9rem;
}

.searchBar .nav-link:hover {
    opacity: 1;
    color: var(--white);
    color: var(--text-color)!important;
    background: rgba(255, 255, 255, .1);
    transition: .1s;
}

.b-post__schedule_block {
    margin-bottom: 3px;
    background: #192125;
}
.b-post__schedule_block_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 10px 18px;
    cursor: pointer;
}
.b-post__schedule_block_title .title {
    color: #efefef;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.b-post__schedule_table {
    color: #fff;
    font-size: 14px;
    width: 100%;
}
.b-post__schedule_table td {
    padding: 10px 0 10px 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}
.td-1 {
    width: 20%;
}
.td-2 {
    width: 40%;
}
.td-4 {
    text-align: right;
    white-space: nowrap;
    width: 20%;
}
.b-post__schedule_table .td-5 {
    text-align: center;
    width: 10%;
}
.b-post__schedule_table .exists-episode {
    color: #3f9d65;
}

/*СТИЛИ SEO*/
.tabs * {
    box-sizing: border-box;
}        
.tabs {
    position: relative;
    margin: 20px 10px;
}
.tabs:after{
    display:table;
    content:"";
    clear:both;
}
.tabs .tab .tab-toggle {
    display: flex;
    border: 2px solid #BFE2FF;
    padding: 4px 40px 4px 0;
    border-radius: 16px;
    margin-bottom: 8px;
    position: relative;
    outline: none;
    width: 100%;
    background: #FFF;
    line-height: 1.2;
    margin-left: 10px;
    align-items: center;    
    cursor: pointer;
}
.tabs .tab .tab-toggle .tab-nums  {
    padding: 0 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px 0 0 16px;
}
.tabs .tab .tab-toggle .tab-nums .tab-num  {
    color: #00000047;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50%;
    background: #FFF;
    border: 3px solid #621783;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -20px;
    position: relative;
    z-index: 1;
}
.tabs .tab .tab-toggle .tab-nums .tab-tab  {
    padding: 0 12px 0 24px;
    margin-left: -20px;
    font-size: 13px;
    font-weight: bold;    
   border: 2px solid #d5d5d5;
    background: #00000087;
    color: #ffffff;
    border-radius: 0 22px 22px 0;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs .tab .tab-toggle .tab-name {
    padding: 6px 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;    
}
.tabs .tab .tab-toggle:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23000000' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    right: 10px;
    top: 50%;
    transform: rotate(0deg) translateY(-50%);
}
.tabs .tab .tab-toggle.active {
    color: #000;
    background-color: white;
    cursor: default;
}
.tabs .tab .tab-toggle.active .tab-nums .tab-num  {
    color: #FFF;
    background: #ae00ff;
}
.tabs .tab .tab-toggle.active .tab-nums .tab-tab  {
    border: 2px solid #621783;
    background: #611685;
    color: #FFF;
}
.tabs .tab .tab-toggle.active .tab-name  {
    color: #b000ff;
}
.tabs .tab .tab-toggle.active:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23337AB7' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3e%3c/svg%3e");
}
.tabs .tab .tab-toggle.active:after {
    color: #8099c2;
    transform: rotate(180deg) translateY(50%);
}
.tabs .content-seo {
    overflow: hidden;
    padding: 0;
    transition: opacity 0.4s;
    visibility: hidden;
    opacity: 0;
    padding: 0 0 10px 0;
    max-height: 0;
}
.tabs .content-seo.active {
    max-height: 5000px;
    visibility: visible;
    opacity: 1;
    font-size: 16px;
    line-height: 23.2px;
    background-color: #292C32;
    border-radius: 20px;
    padding: 30px;
}

/* что скажет нейросеть*/
.text-typing {
	  overflow: hidden;
	  margin: 0 auto;
	  display: inline-block;
	      font-weight: normal;

	}

  @keyframes cursor {
		0% { opacity: 1; }
		  49% { opacity: 1; }
		  50% { opacity: 0; }
		  100% { opacity: 0; }
	} 
/* ---------------------------------------*/

@media screen and (min-width: 992px) {
    
    .tabs {
        position: relative;
        transition: all 0.5s;
    }
    .tabs .tab {
        float: left;
        clear: left;
        width: 30%;
        padding-right: 20px;
    }
    .tabs .tab .tab-toggle {
        text-align: left;
    }
    .tabs .tab .tab-toggle:after {
        transform: rotate(-90deg) translateX(50%);
    }
    .tabs .tab .tab-toggle.active:after {
        transform: rotate(-90deg) translateX(50%) translateY(0);
    }
    .tabs .content-seo {
        position: absolute;
        right: 0;
        top: 0;
        width: 70%;
        opacity: 0;
        padding: 0 0 30px 40px;
        transition: opacity 0.4s;
    }
    .tabs .content-seo.active {
        opacity: 1;
    }
}
.description  {
    display: block;
    width: 100%;
}
.lowercase{text-transform: lowercase;}
@media screen and (max-width: 992px) {
.news-edit {
    position: absolute;
    top: -30px;
    right: 0;
    display: flex;
    align-items: center;
    font-size: initial;
    column-gap: 10px;
    opacity: 0.3;
}
}    
 @media screen and (min-width: 992px) {   
 .nav-link{
    font-size: 18px;
}   
    }

/* PREMER */
.GM2Rj5C_ {
    overflow: hidden;
    background: #000;
}
@media (min-width: 960px) {
    .NBmjQAg7, .QVu9p734, .MdH7DWAd, .E5qWacLv, .zUBIQzry, .IVhbp1yx {
        margin-top: 16px;
    }
}
.tIuius4R {
    background-color: rgba(0, 0, 0, .56);
}
@media (min-width: 960px) {
    .aEelQtz3 {
        --spacing: 16px;
    }
}
.NC3H1fJp {
    position: absolute;
    width: 100%;
    height: 100%;
}
.__4T76lQDK {
    width: 100%;
    position: relative;
}
.OqGMlVoh {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 0;
}
@media (min-width: 960px) {
    ._feT0Rrm {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
    }
}
._feT0Rrm {
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}
@media (min-width: 600px) {
    .W6KMKFpE {
        font-size: 23px;
        line-height: 28px;
    }
}
.W6KMKFpE {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-family: sans-serif;
    font-size: 20px;
    line-height: 26px;
}
@media (min-width: 960px) {
    .cpSqbpzV {
        width: 25vw;
    }
}
@media (min-width: 600px) {
    .cpSqbpzV {
        padding-top: 50px;
        width: 40vw;
        display: block;
        margin-left: var(--edge-spacing);
    }
}
.NJG8YASe {
    position: relative;
}
.hI_unp0n.movktM9c {
    padding: 0 calc(var(--grid-sides) - var(--grid-spacing) / 2);
}
.__97Mg5xi6.HsmgTR6r {
    overflow: -moz-scrollbars-none;
    scrollbar-width: none !important;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}
@media (min-width: 1320px) {
    .hI_unp0n {
        --rail-columns: var(--br-s-xl);
    }
}
@media (min-width: 960px) {
    .hI_unp0n {
        --rail-columns: var(--br-s-l);
    }
}
@media (min-width: 600px) {
    .hI_unp0n {
        --rail-columns: var(--br-s-m);
    }
}
.hI_unp0n {
    --rail-columns: var(--br-s-s);
    --count-slides: calc(var(--grid-columns) / var(--rail-columns));
    --all-slide-width: calc(100% - var(--grid-spacing)* var(--count-slides));
    --slide-width: calc(var(--all-slide-width) / var(--count-slides));
}
.__97Mg5xi6 {
    display: -ms-flexbox;
    display: flex
;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.__1zmOKmP1.MydoCI_L {
    margin-right: calc(var(--more-mark-offset)* -1);
}
.dqQKhPEO.MydoCI_L {
    width: var(--more-mark-offset);
}
.dqQKhPEO {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    visibility: hidden;
}
.Oce5ukhe {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 calc(var(--grid-spacing) / 2);
   width: 100%;
    margin-top: 80px;
    display: inline;
        margin-bottom: 50px;
}
.RQ6wn_Q0{
    position: absolute;
    z-index: 100;
    bottom: 0;
    background: #0000009c;
    width: 100%;
    text-align: center;
    padding: 5px;
}

.vj8iwpkR {
    display: block;
    position: relative;
    width: 47%;
    text-decoration: none;
    cursor: pointer;
    float: left;
    margin: 12px;
}

.vj8iwpkR img{
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
  }  
.vj8iwpkR img:hover {
   -webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
}

@media (max-width: 768px) {
    .vj8iwpkR {
    display: block;
    position: relative;
    width: 44%;
    text-decoration: none;
    cursor: pointer;
    float: left;
    margin: 10px 9px;
}
    .Oce5ukhe {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 calc(var(--grid-spacing) / 2);
    width: 100%;
    margin-top: 0px;
    display: inline;
    margin-bottom: 50px;
}
    .cpSqbpzV {
        width: 60%;
    }
    .W6KMKFpE {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: left;
    margin: 0;
    font-family: sans-serif;
    line-height: 26px;
    margin-left: -20px;
}
    .buttonDesktop52 {
    font-size: 14px;
}
}
.eDsr3V4Y.YAy_RZQC {
    cursor: pointer;
}
.AvXPaGmx {
    position: relative;
    width: 100%;
}
.__17YES_u6 {
    margin: 0;
    padding: 0;
}
.qvjMZ8Fg .eGDEJTia {
    border-radius: var(--radius);
}
.eGDEJTia {
    -webkit-transition: -webkit-transform .25sease-out, -webkit-box-shadow .25sease-out;
    transition: -webkit-transform .25sease-out, -webkit-box-shadow .25sease-out;
    transition: transform .25sease-out, box-shadow .25sease-out;
    transition: transform .25sease-out, box-shadow .25sease-out, -webkit-transform .25sease-out, -webkit-box-shadow .25sease-out;
}
.VgYxmF8S {
    background: rgba(59, 58, 62, .48);
}
.iSn2BQUn {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    outline: none;
}
.qvjMZ8Fg .rfa0EE5_ {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}
.NCBBdh36 {
    display: block;
}
.KyTqadoF {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.gi8dEl9y {
    -o-object-fit: cover;
    object-fit: cover;
    color: transparent;
    background-color: transparent;
    border-radius: 0 10px;
}
@media (max-width: 960px) {    
    .RQ6wn_Q0 {
    position: absolute;
    z-index: 100;
    bottom: 0;
    background: #0000009c;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-size: 10px;
     }   
    
}
.numbers {
            width: 50px;
            line-height: 50px;
            border-radius: 0 0 100% 0;
            text-align: center;
                background-color: rgb(0 0 0 / 36%);
    color: white;
    position: absolute;
    top: 0;
    z-index: 1;
        }
.numbers i{
    position: relative;
    left: -5px;
    top: -5px;
    font-size: 26px;
    font-weight: bold;
}
.actrive::after {
    content: "СЕЙЧАС СМОТРИТЕ";
    color: red;
    background: #000000d4 !important;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 60px;
    font-family: DrukStartMedium;
    letter-spacing: 1px;
    text-transform: uppercase;
}
@media (max-width: 768px) {
.actrive::after {
    content: "СЕЙЧАС СМОТРИТЕ";
    color: red;
    background: #000000d4 !important;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 100;
    font-size: 20px;
    font-family: DrukStartMedium;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 100;
}
    }

#player:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: 70px;
    left: -2px;
    background-size: 400%;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: 500px;
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
    z-index: -1;
}

#player:active {
    color: #000
}

#player:active:after  {
    background: transparent;
}

#player:hover:before{
    opacity: 1;
}

#player:after{
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
.btn-slide {
    position: absolute;
    display: inline-block;
    height: 50px;
    width: 260px;
    padding: 0px;
    border-radius: 0px 15px 15px 0;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.7);
    background: linear-gradient(135deg, #fb00ff 0%, #00eaff 100%);
    top: 450px;
}
        
.btn-slide:active { 
    box-shadow: 0 8px 16px -8px rgba(0, 0, 0,0.7);
    -webkit-transform: scale(0.98);
    transform: scale(0.96); }
    
.btn-slide:hover {
    background: linear-gradient(-135deg, #fb00ff 0%, #00eaff 100%);
}
        
.btn-slide span.circle { 
    display: block;
    background-color: #fff;
    color: #e570e7;
    position: absolute;
    margin: 5px;
    height: 40px; 
    width: 40px;
    top: 0; left: 0;
    border-radius: 50%;
    transition: all 1.5s ease;
 }
.circle i {
    position: absolute;
    top: 12px;
    left: 11px;
}
        
.btn-slide:hover span.circle { 
    left: 100%;
    margin-left: -45px;
    background-color: #fff;
    color: #79f1fc; }
        
.btn-slide span.title {
    /* font-family: 'DrukStartMedium'; */
    position: absolute;
    left: 85px;
    font-size: 16px;
    color: #fff;
    transition: all 1.5s linear;
    text-transform: uppercase;
}
        
.btn-slide span.title-hover { opacity: 0;position: absolute; left: 0;}
.btn-slide:hover span.title { opacity: 0; }
.btn-slide:hover span.title-hover { opacity: 1; left: 20px; }