@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Rubik:ital,wght@0,300;0,400;0,500;1,400&display=swap");html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    
    html,body {
        height: 100%;
    }
    
    body {
        font-family: 'Inter',sans-serif;
        font-weight: 400;
        background-color: #131720;
        -webkit-font-smoothing: antialiased;
    }
    
    button {
        padding: 0;
        border: none;
        background-color: transparent;
        transition: .5s ease;
        transition-property: color,background-color,border-color;
        cursor: pointer;
    }
    
    button:focus {
        outline: none;
    }
    
    a {
        transition: .5s ease;
        transition-property: color,background-color,border-color;
    }
    
    a:hover,a:active,a:focus {
        outline: none;
        text-decoration: none;
    }
    
    input,textarea,select {
        padding: 0;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        transition: .5s ease;
        transition-property: color,border-color;
    }
    
    input:focus,textarea:focus,select:focus {
        outline: none;
    }
    
    select::-ms-expand {
        display: none;
    }
    
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    ::-moz-selection {
        background: #fff;
        color: #151f30;
        text-shadow: none;
    }
    
    ::selection {
        background: #fff;
        color: #151f30;
        text-shadow: none;
    }
    
    ::-webkit-input-placeholder {
        color: #f2f2f2;
        opacity: 1;
    }
    
    ::-moz-placeholder {
        color: #f2f2f2;
        opacity: 1;
    }
    
    :-moz-placeholder {
        color: #f2f2f2;
        opacity: 1;
    }
    
    :-ms-input-placeholder {
        color: #f2f2f2;
        opacity: 1;
    }
    
    :focus {
        outline: -webkit-focus-ring-color auto 0;
    }
    
    body::-webkit-scrollbar {
        width: 16px;
    }
    
    body::-webkit-scrollbar-track {
        background: #151f30;
    }
    
    body::-webkit-scrollbar-thumb {
        background-color: #2f80ed;
        outline: 1px solid #151f30;
    }
    
    @media (min-width: 1440px) {
        .container {
            max-width:1330px
        }
    }
    
    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    
    .tab-content {
        width: 100%;
    }
    
    .tab-content>.tab-pane {
        display: none;
    }
    
    .tab-content>.active {
        display: block;
    }
    
    .fade {
        transition: opacity .4s linear;
    }
    
    @media screen and (prefers-reduced-motion:reduce) {
        .fade {
            transition: none
        }
    }
    
    .fade:not(.show) {
        opacity: 0;
    }
    
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #131720;
        z-index: 99;
        transition: .5s,margin 0s;
    }
    
    .header--menu {
        top: 250px;
    }
    
    .header__content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        overflow: hidden;
        height: 80px;
        width: 100%;
    }
    
    .header__logo {
        display: block;
        margin-left: 35px;
        height: auto;
        width: 160px;
        color: white;
    }
    
    .header__logo img {
        width: 100%;
        height: auto;
    }
    
    .header__nav {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        position: fixed;
        background-color: #131720;
        top: -250px;
        left: 0;
        width: 100%;
        z-index: 100;
        height: 250px;
        padding: 20px;
        transition: .5s;
        background: #131720;
        border-bottom: 1px solid #151f30;
    }
    
    .header__nav--active {
        top: 0;
    }
    
    .header__nav-link {
        font-size: 14px;
        color: #e0e0e0;
        line-height: 22px;
        height: 22px;
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        font-weight: 500;
    }
    
    .header__nav-link svg {
        stroke: #e0e0e0;
        fill: #e0e0e0;
        width: 4px;
        height: auto;
        transition: .5s;
        margin-left: 4px;
        margin-top: 1px;
    }
    
    .header__nav-link:hover,.header__nav-link[aria-expanded="true"] {
        color: #2f80ed;
    }
    
    .header__nav-link:hover svg,.header__nav-link[aria-expanded="true"] svg {
        stroke: #2f80ed;
        fill: #2f80ed;
    }
    
    .header__nav-link--more svg {
        width: 24px;
        margin: 0;
    }
    
    .header__nav-link--live svg {
        width: 12px;
        stroke: inherit;
        fill: inherit;
        margin-top: 3px;
    }
    
    .header__nav-link--live:hover svg,.header__nav-link--live[aria-expanded="true"] svg {
        stroke: inherit;
        fill: inherit;
    }
    
    .header__nav-item {
        margin-bottom: 20px;
        position: relative;
    }
    
    .header__nav-item:last-child {
        margin-bottom: 0;
    }
    
    .header__nav-menu {
        display: block;
        position: absolute!important;
        z-index: -1;
        pointer-events: none;
        opacity: 0;
        top: 0;
        background-color: #151f30;
        border-radius: 16px;
        padding: 0 20px;
        width: 200px;
        transition: .5s;
        transform: translate3d(0,22px,0);
        margin-top: 10px;
        height: auto;
    }
    
    .header__nav-menu .header__nav-menu {
        margin-top: 5px;
        margin-left: 20px;
    }
    
    .header__nav-menu li {
        position: relative;
        margin-bottom: 15px;
    }
    
    .header__nav-menu li:first-child {
        padding-top: 20px;
    }
    
    .header__nav-menu li:last-child {
        margin-bottom: 0;
        padding-bottom: 20px;
    }
    
    .header__nav-menu a {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        color: #e0e0e0;
        font-size: 14px;
        font-weight: 400;
        transition: .5s;
        position: relative;
    }
    
    .header__nav-menu a svg {
        stroke: #2f80ed;
        fill: #2f80ed;
        width: 4px;
        height: auto;
        transition: .5s;
        margin-left: 4px;
        margin-top: 1px;
    }
    
    .header__nav-menu a:hover {
        color: #2f80ed;
    }
    
    .header__nav-menu a:hover:after {
        opacity: 1;
    }
    
    .header__nav-menu--scroll {
        max-height: 240px;
        overflow: hidden;
    }
    
    .header__nav-menu.show {
        z-index: 1000;
        pointer-events: auto;
        opacity: 1;
    }
    
    .header__menu {
        position: absolute;
        width: 24px;
        height: 22px;
        display: block;
        left: 0;
        top: 29px;
    }
    
    .header__menu span {
        position: absolute;
        left: 0;
        width: 24px;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        transition: .5s;
        opacity: 1;
    }
    
    .header__menu span:first-child {
        top: 0;
    }
    
    .header__menu span:nth-child(2) {
        top: 10px;
        width: 16px;
    }
    
    .header__menu span:last-child {
        top: 20px;
        width: 8px;
    }
    
    .header__menu--active span {
        background-color: #2f80ed;
    }
    
    .header__menu--active span:first-child {
        transform: rotate(45deg);
        top: 9px;
    }
    
    .header__menu--active span:nth-child(2) {
        opacity: 0;
    }
    
    .header__menu--active span:last-child {
        width: 24px;
        transform: rotate(-45deg);
        top: 9px;
    }
    
    .header__form {
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: -80px;
        height: 80px;
        background-color: #131720;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        pointer-events: none;
        transition: .5s;
    }
    
    .header__form--active {
        pointer-events: auto;
        bottom: 0;
    }
    
    .header__form-input {
        width: calc(100% - 40px);
        height: 40px;
        border-radius: 16px;
        background-color: #151f30;
        border: none;
        padding: 0 60px 0 20px;
        font-size: 14px;
        color: #fff;
    }
    
    .header__form-btn {
        position: absolute;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        right: 60px;
    }
    
    .header__form-btn svg {
        width: 20px;
        height: auto;
        fill: #2f80ed;
        transition: fill .5s;
    }
    
    .header__form-btn:hover svg {
        fill: #fff;
    }
    
    .header__form-close {
        position: absolute;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        right: 0;
        opacity: .7;
    }
    
    .header__form-close svg {
        width: 16px;
        height: auto;
        fill: #2f80ed;
    }
    
    .header__form-close:hover {
        opacity: 1;
    }
    
    .header__actions {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    
    .header__search {
        margin-right: 30px;
    }
    
    .header__search svg {
        width: 20px;
        height: auto;
        fill: #2f80ed;
    }
    
    .header__user {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    
    .header__user span {
        font-size: 14px;
        color: #e0e0e0;
        font-weight: 500;
        margin-right: 10px;
        transition: .5s;
    }
    
    .header__user svg {
        width: 20px;
        fill: #2f80ed;
    }
    
    .header__user:hover span {
        color: #2f80ed;
    }
    
    @media (min-width: 576px) {
        .header__nav {
            padding-left:calc((100% - 510px) / 2)
        }
    }
    
    @media (min-width: 768px) {
        .header__nav {
            padding-left:calc((100% - 690px) / 2)
        }
    
        .header__search {
            margin-right: 43px
        }
    }
    
    @media (min-width: 992px) {
        .header__nav {
            padding-left:calc((100% - 930px) / 2)
        }
    
        .header__search {
            margin-right: 163px
        }
    }
    
    @media (min-width: 1200px) {
        .header--static {
            position:relative
        }
    
        .header--fixed {
            border-bottom: 1px solid transparent
        }
    
        .header--fixed .header__content,.header--fixed .header__nav-item {
            transition: height .5s
        }
    
        .header--hidden .header__content,.header--hidden .header__nav-item {
            transition: height .5s
        }
    
        .header--active {
            border-color: #151f30
        }
    
        .header--active .header__content {
            height: 80px
        }
    
        .header--active .header__nav {
            height: 80px
        }
    
        .header--active .header__nav-item {
            height: 80px
        }
    
        .header--scroll {
            top: -80px
        }
    
        .header--scroll .header__content {
            height: 80px
        }
    
        .header--scroll .header__nav {
            height: 80px
        }
    
        .header--scroll .header__nav-item {
            height: 80px
        }
    
        .header__content {
            height: 100px;
            overflow: visible
        }
    
        .header__nav {
            flex-direction: row;
            align-items: center;
            top: auto;
            left: auto;
            position: relative;
            height: 100px;
            padding: 0;
            width: auto;
            z-index: 2;
            background-color: transparent;
            background: none;
            border-bottom: none
        }
    
        .header__nav-item {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            height: 100px;
            margin-bottom: 0;
            margin-right: 60px
        }
    
        .header__nav-item:last-child {
            margin-right: 0
        }
    
        .header__nav-menu {
            transform: translate3d(0,46px,0);
            margin-top: 25px
        }
    
        .header__nav-menu .header__nav-menu {
            margin-top: 0;
            margin-left: 0;
            transform: translate3d(0,0,0);
            left: 100%;
            padding-top: 30px;
            border-radius: 6px
        }
    
        .header__nav-menu .header__nav-menu li:first-child {
            padding-top: 0
        }
    
        .header__nav-menu .header__nav-menu:before {
            content: '';
            position: absolute;
            display: block;
            left: 0;
            right: 0;
            top: 10px;
            height: 1px;
            background-color: rgba(47,128,237,.16)
        }
    
        .header__menu {
            display: none
        }
    
        .header__logo {
            margin-left: 0;
            margin-right: 20px;
            font-size: 24px;
            font-weight: 600;
            color: white;
            text-transform: uppercase;
            text-align: center;
        }
    
        .header__actions {
            justify-content: space-between;
            width: 350px
        }
    
        .header__form {
            position: relative;
            opacity: 1;
            pointer-events: auto;
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            width: 250px
        }
    
        .header__form-input {
            width: 100%
        }
    
        .header__form-btn {
            right: 20px
        }
    
        .header__form-close {
            display: none
        }
    
        .header__search {
            display: none
        }
    }
    
    @media (min-width: 1440px) {
        .header__actions {
            width:383px
        }
    
        .header__content {
            padding: 0 30px
        }
    }
    
    .home {
        position: relative;
        margin-top: 80px;
    }
    
    .home--title {
        padding-top: 30px;
        overflow: hidden;
    }
    
    .home--title:after {
        content: '';
        position: absolute;
        top: 0;
        height: 300px;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        background: linear-gradient(180deg,rgba(21,31,48,.35) 0%,#131720 100%);
    }
    
    .home--title .container,.home--title .home__carousel {
        z-index: 2;
        position: relative;
    }
    
    .home__carousel {
        padding-left: 15px;
    }
    
    .home__carousel .owl-dots {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 30px;
    }
    
    .home__carousel .owl-dot {
        margin-right: 10px;
    }
    
    .home__carousel .owl-dot:last-child {
        margin-right: 0;
    }
    
    .home__carousel .owl-dot span {
        display: block;
        height: 4px;
        width: 10px;
        border-radius: 3px;
        background-color: rgba(47,128,237,.5);
        transition: .5s;
    }
    
    .home__carousel .owl-dot.active span {
        width: 20px;
        background-color: #2f80ed;
    }
    
    .home__card {
        display: block;
        width: 290px;
        transition: .5s;
        overflow: hidden;
        position: relative;
        border-radius: 16px;
    }
    
    .home__card img {
        position: relative;
        width: 100%;
        z-index: 1;
        transition: .5s;
    }
    
    .home__card:before {
        content: '';
        border-radius: 16px;
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2;
        background: linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.9) 100%);
        opacity: .65;
        transition: .5s;
        pointer-events: none;
    }
    
    .home__card div {
        position: absolute;
        z-index: 3;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        pointer-events: none;
    }
    
    .home__card div h2 {
        font-family: 'Rubik',sans-serif;
        font-size: 26px;
        line-height: 120%;
        font-weight: 400;
        color: #fff;
        margin-bottom: 15px;
        transition: .5s;
    }
    
    .home__card div ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    
    .home__card div ul li {
        font-size: 14px;
        font-weight: 400;
        color: #e0e0e0;
        line-height: 100%;
        margin-right: 20px;
    }
    
    .home__card div ul li:last-child {
        margin-right: 0;
    }
    
    .home__card:hover:before {
        opacity: .9;
    }
    
    .home__card:hover img {
        border-radius: 16px;
    }
    
    .home__card:hover div h2 {
        color: #2f80ed;
    }
    
    .home__card:hover .home__add {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1);
    }
    
    .home__card:hover .home__rating {
        opacity: 1;
        transform: scale(1);
    }
    
    .home__add {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 3;
        transition: .5s;
        opacity: 0;
        pointer-events: none;
        width: 30px;
        height: 30px;
        border-radius: 10px;
        background-color: #151f30;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        transform: scale(.8);
    }
    
    .home__add svg {
        width: 18px;
        height: auto;
        fill: #2f80ed;
        transition: fill .5s;
    }
    
    .home__add:hover svg,.home__add.active svg {
        fill: #ffc312;
    }
    
    .home__rating {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 3;
        transition: .5s;
        opacity: 0;
        pointer-events: none;
        height: 30px;
        width: auto;
        padding: 0 10px;
        transform: scale(.8);
        border-radius: 10px;
        background-color: rgba(21,31,48,.75);
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        cursor: default;
    }
    
    .home__rating svg {
        width: 16px;
        height: auto;
        fill: #2f80ed;
        transition: fill .5s;
        margin-right: 5px;
    }
    
    .home__nav {
        display: none;
    }
    
    .home__title {
        display: block;
        font-family: 'Rubik',sans-serif;
        font-weight: 300;
        color: #fff;
        font-size: 32px;
        line-height: 120%;
        margin-bottom: 30px;
    }
    
    .home__title b {
        font-weight: 400;
    }
    
    @media (min-width: 360px) {
        .home__card {
            width:320px
        }
    }
    
    @media (min-width: 400px) {
        .home__card {
            width:340px
        }
    }
    
    @media (min-width: 576px) {
        .home__card {
            width:360px
        }
    
        .home__card div {
            padding: 30px
        }
    
        .home__card div h2 {
            font-size: 30px
        }
    
        .home__carousel {
            padding-left: calc((100vw - 510px) / 2)
        }
    
        .home__add {
            top: 30px;
            left: 30px
        }
    
        .home__rating {
            top: 30px;
            right: 30px
        }
    }
    
    @media (min-width: 768px) {
        .home--title {
            padding-top:40px
        }
    
        .home__carousel {
            padding-left: 0
        }
    
        .home__carousel .owl-dots {
            margin-top: 40px;
            padding-left: calc((100vw - 690px) / 2)
        }
    
        .home__rating {
            font-size: 14px
        }
    
        .home__rating svg {
            width: 18px
        }
    
        .home__title {
            font-size: 40px;
            margin-bottom: 40px
        }
    
        .home__card {
            width: 450px
        }
    }
    
    @media (min-width: 992px) {
        .home__carousel .owl-dots {
            padding-left:calc((100vw - 930px) / 2)
        }
    }
    
    @media (min-width: 1200px) {
        .home {
            margin-top:100px
        }
    
        .home--static {
            margin-top: 0
        }
    
        .home--title:after {
            height: 500px
        }
    
        .home--title .home__nav {
            height: 280px;
            top: auto
        }
    
        .home__card {
            width: 350px
        }
    
        .home__nav {
            display: block;
            position: absolute;
            z-index: 2;
            top: 0;
            bottom: 0;
            width: calc((100% - 1170px) / 2)
        }
    
        .home__nav--prev {
            left: 0;
            border-radius: 0 16px 16px 0
        }
    
        .home__nav--next {
            right: 0;
            border-radius: 16px 0 0 16px
        }
    
        .home__carousel .owl-item {
            pointer-events: none
        }
    
        .home__carousel .owl-item.active + .center,.home__carousel .owl-item.center + .active,.home__carousel .owl-item:not(.active) + .active {
            pointer-events: auto
        }
    
        .home__carousel .owl-dots {
            padding-left: calc((100vw - 1110px) / 2)
        }
    }
    
    @media (min-width: 1440px) {
        .home--title .home__nav {
            height:330px
        }
    
        .home__card {
            width: 413.333333px
        }
    
        .home__nav {
            width: calc((100% - 1360px) / 2)
        }
    
        .home__carousel .owl-dots {
            padding-left: calc((100vw - 1240px) / 2)
        }
    }
    
    .section {
        padding: 60px 0;
        position: relative;
        overflow: hidden;
    }
    
    .section--pb0 {
        padding-top: 0;
    }
    
    .section--head {
        margin-top: 80px;
        padding-top: 30px;
        padding-bottom: 0;
        border-top: 1px solid #151f30;
    }
    
    .section--gradient:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 300px;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        background: linear-gradient(0deg,rgba(21,31,48,.35) 0%,#131720 100%);
        pointer-events: none;
    }
    
    .section--gradient .container {
        z-index: 2;
        position: relative;
    }
    
    .section--catalog {
        padding-bottom: 20px;
        border-bottom: 1px solid #151f30;
        margin-bottom: 60px;
    }
    
    .section--details {
        padding-bottom: 60px;
    }
    
    .section--details-bg {
        padding-bottom: 60px;
        padding-top: 120px;
    }
    
    .section__bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 450px;
    }
    
    .section__bg:before {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        background: linear-gradient(180deg,rgba(19,23,32,.5) 0%,#131720 100%);
        pointer-events: none;
    }
    
    .section__title {
        display: block;
        font-family: 'Rubik',sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 30px;
        line-height: 120%;
        margin-bottom: 10px;
    }
    
    .section__title a {
        color: #fff;
    }
    
    .section__title a:hover {
        color: #2f80ed;
    }
    
    .section__title b {
        font-weight: 400;
        color: #2f80ed;
    }
    
    .section__title--center {
        text-align: center;
    }
    
    .section__title--head {
        font-size: 32px;
    }
    
    .section__title--sidebar {
        margin-top: 60px;
    }
    
    .section__text {
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #e0e0e0;
        margin-bottom: 10px;
    }
    
    .section__text b {
        font-weight: 500;
        color: #fff;
    }
    
    .section__text a {
        color: #2f80ed;
    }
    
    .section__text a:hover {
        color: #2f80ed;
        text-decoration: underline;
    }
    
    .section__text--center {
        text-align: center;
    }
    
    .section__text:first-child {
        margin-top: 20px;
    }
    
    .section__list ol {
        padding-left: 0;
        list-style: none;
        counter-reset: li;
        margin-bottom: 0;
    }
    
    .section__list ol ol {
        padding-left: 15px;
        margin-top: 10px;
    }
    
    .section__list ol ol ol {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .section__list ol ol ol li {
        margin-top: 5px;
    }
    
    .section__list ol h4 {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        display: inline-block;
        margin-bottom: 0;
        margin-top: 20px;
        font-weight: 500;
    }
    
    .section__list ol li {
        font-size: 16px;
        line-height: 24px;
        color: #e0e0e0;
        position: relative;
    }
    
    .section__list ol li b {
        font-weight: 500;
        color: #e0e0e0;
    }
    
    .section__list ol li a {
        color: #2f80ed;
    }
    
    .section__list ol li a:hover {
        color: #2f80ed;
        text-decoration: underline;
    }
    
    .section__list ol li:last-child {
        margin-bottom: 0;
    }
    
    .section__list ol li:before {
        counter-increment: li;
        content: counters(li,".") ". ";
    }
    
    .section__carousel-wrap {
        position: relative;
        width: 100%;
    }
    
    .section__carousel .owl-dots,.section__interview .owl-dots,.section__live .owl-dots,.section__series .owl-dots {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-top: 30px;
    }
    
    .section__carousel .owl-dot,.section__interview .owl-dot,.section__live .owl-dot,.section__series .owl-dot {
        margin-right: 10px;
    }
    
    .section__carousel .owl-dot:last-child,.section__interview .owl-dot:last-child,.section__live .owl-dot:last-child,.section__series .owl-dot:last-child {
        margin-right: 0;
    }
    
    .section__carousel .owl-dot span,.section__interview .owl-dot span,.section__live .owl-dot span,.section__series .owl-dot span {
        display: block;
        height: 4px;
        width: 10px;
        border-radius: 3px;
        background-color: rgba(47,128,237,.5);
        transition: .5s;
    }
    
    .section__carousel .owl-dot.active span,.section__interview .owl-dot.active span,.section__live .owl-dot.active span,.section__series .owl-dot.active span {
        width: 20px;
        background-color: #2f80ed;
    }
    
    .section__series .owl-dots {
        margin-top: 20px;
    }
    
    .section__nav {
        display: none;
    }
    
    @media (min-width: 768px) {
        .section {
            padding:80px 0
        }
    
        .section--pb0 {
            padding-top: 0
        }
    
        .section--head {
            padding-top: 40px;
            padding-bottom: 0
        }
    
        .section--catalog {
            padding-bottom: 30px;
            margin-bottom: 80px
        }
    
        .section--details {
            padding-bottom: 80px
        }
    
        .section--details-bg {
            padding-bottom: 80px;
            padding-top: 160px
        }
    
        .section__title {
            font-size: 36px
        }
    
        .section__title--head {
            font-size: 38px
        }
    
        .section__text {
            font-size: 18px;
            line-height: 28px
        }
    
        .section__text--small {
            font-size: 16px;
            line-height: 26px
        }
    
        .section__text:first-child {
            margin-top: 30px
        }
    
        .section__list ol h4 {
            font-size: 16px
        }
    
        .section__list ol li {
            font-size: 16px;
            line-height: 26px
        }
    
        .section__carousel .owl-dots,.section__interview .owl-dots,.section__live .owl-dots,.section__series .owl-dots {
            margin-top: 40px
        }
    
        .section__series .owl-dots {
            margin-top: 30px
        }
    }
    
    @media (min-width: 992px) {
        .section__title--sidebar {
            margin-top:30px
        }
    }
    
    @media (min-width: 1200px) {
        .section--gradient:after {
            height:500px
        }
    
        .section--head {
            margin-top: 0;
            padding-top: 60px;
            padding-bottom: 20px
        }
    
        .section--head-fixed {
            margin-top: 101px
        }
    
        .section--catalog {
            padding-bottom: 30px;
            margin-bottom: 80px
        }
    
        .section--details {
            padding-bottom: 80px
        }
    
        .section--details-bg {
            padding-bottom: 80px;
            padding-top: 160px
        }
    
        .section__nav {
            position: absolute;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            top: 50%;
            margin-top: -10px;
            background-color: #151f30
        }
    
        .section__nav svg {
            stroke: #e0e0e0;
            transition: stroke .5s
        }
    
        .section__nav:hover {
            background-color: #2f80ed
        }
    
        .section__nav--cards {
            top: 142px;
            margin-top: -25px
        }
    
        .section__nav--interview,.section__nav--live {
            top: 148px;
            margin-top: -25px
        }
    
        .section__nav--series {
            top: 90px;
            margin-top: -25px
        }
    
        .section__nav--prev {
            right: 100%;
            margin-right: 30px
        }
    
        .section__nav--next {
            left: 100%;
            margin-left: 30px
        }
    }
    
    @media (min-width: 1440px) {
        .section__nav--cards {
            top:165px
        }
    
        .section__nav--interview,.section__nav--live {
            top: 170px
        }
    
        .section__nav--series {
            top: 102px
        }
    }
    
    .catalog {
        position: relative;
        padding: 40px 0 60px;
        overflow: hidden;
    }
    
    .catalog .container {
        z-index: 2;
        position: relative;
    }
    
    .catalog__nav {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        background-color: #151f30;
        padding: 10px 20px 20px;
        border-radius: 16px;
        width: 100%;
    }
    
    .catalog__select-wrap {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        position: relative;
        z-index: 2;
    }
    
    .catalog__more {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 40px auto 0;
        width: 160px;
        height: 50px;
        border-radius: 16px;
        background-color: #151f30;
        font-size: 14px;
        color: #e0e0e0;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .catalog__more:hover {
        color: #fff;
        background-color: #2f80ed;
    }
    
    .catalog__paginator-wrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 40px auto 0;
        width: 100%;
        height: 50px;
        border-radius: 16px;
        background-color: #151f30;
    }
    
    .catalog__paginator-wrap--comments {
        margin: 30px auto;
    }
    
    .catalog__pages {
        display: none;
    }
    
    .catalog__paginator {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    
    .catalog__paginator li {
        margin-right: 15px;
    }
    
    .catalog__paginator li:last-child {
        margin-right: 0;
    }
    
    .catalog__paginator li.active a {
        color: #2f80ed;
        cursor: default;
    }
    
    .catalog__paginator a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        border-radius: 12px;
        background-color: #131720;
        font-size: 14px;
        color: #e0e0e0;
        font-weight: 500;
    }
    
    .catalog__paginator a svg {
        stroke: #e0e0e0;
        transition: .5s;
    }
    
    .catalog__paginator a:hover {
        color: #2f80ed;
    }
    
    .catalog__paginator a:hover svg {
        stroke: #2f80ed;
    }
    
    .catalog--list:after {
        display: none;
    }
    
    .catalog--page {
        padding-top: 20px;
    }
    
    @media (min-width: 768px) {
        .catalog {
            padding:60px 0 80px
        }
    
        .catalog--page {
            padding-top: 30px
        }
    
        .catalog__nav {
            padding: 20px 30px;
            flex-direction: row
        }
    
        .catalog__more {
            margin: 60px auto 0;
            width: 180px;
            height: 60px
        }
    
        .catalog__paginator-wrap {
            padding: 0 30px;
            margin: 60px auto 0;
            height: 60px;
            justify-content: space-between
        }
    
        .catalog__paginator-wrap--comments {
            margin: 30px auto;
            padding: 0 20px
        }
    
        .catalog__pages {
            display: block;
            font-size: 14px;
            color: #e0e0e0;
            font-weight: 500
        }
    }
    
    @media (min-width: 1200px) {
        .catalog {
            overflow:visible
        }
    
        .catalog__nav {
            position: -webkit-sticky;
            position: sticky;
            top: -1px;
            z-index: 99;
            background-color: #131720;
            border-radius: 0 0 16px 16px
        }
    
        .catalog__nav:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 16px;
            background-color: #151f30;
            z-index: 1;
            pointer-events: none
        }
    
        .catalog__nav--relative {
            position: relative;
            top: auto
        }
    }
    
    .row--grid {
        margin-right: -10px;
        margin-left: -10px;
    }
    
    .row--grid .col-6,.row--grid .col-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    @media (min-width: 768px) {
        .row--grid {
            margin-right:-15px;
            margin-left: -15px
        }
    
        .row--grid .col-6,.row--grid .col-12 {
            padding-left: 15px;
            padding-right: 15px
        }
    }
    
    .profile {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        background-color: #151f30;
        padding: 20px 20px 0;
        border-radius: 16px;
        position: relative;
    }
    
    .profile__tabs {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        overflow-y: hidden;
        overflow-x: auto;
        width: 100%;
    }
    
    .profile__tabs li {
        margin-right: 30px;
    }
    
    .profile__tabs li:last-child {
        margin-right: 0;
    }
    
    .profile__tabs a {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        height: 40px;
        color: #fff;
        position: relative;
        font-size: 14px;
    }
    
    .profile__tabs a:hover {
        color: #2f80ed;
    }
    
    .profile__tabs a:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        display: block;
        background-color: #2f80ed;
        transition: .5s;
        transform: translateY(2px);
        opacity: 0;
        border-radius: 2px;
    }
    
    .profile__tabs a.active {
        color: #2f80ed;
        cursor: default;
    }
    
    .profile__tabs a.active:before {
        opacity: 1;
        transform: translateY(0);
    }
    
    .profile__logout {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        position: absolute;
        top: 20px;
        right: 20px;
    }
    
    .profile__logout span {
        font-size: 14px;
        color: #e0e0e0;
        font-weight: 500;
        margin-right: 10px;
        transition: .5s;
    }
    
    .profile__logout svg {
        fill: #2f80ed;
        width: 20px;
        height: auto;
    }
    
    .profile__logout:hover span {
        color: #2f80ed;
    }
    
    .profile__user {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 20px;
    }
    
    .profile__meta {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
    .profile__meta h3 {
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 7px;
        line-height: 100%;
    }
    
    .profile__meta span {
        color: #e0e0e0;
        font-size: 12px;
        line-height: 100%;
    }
    
    .profile__avatar {
        display: block;
        position: relative;
        width: 40px;
        cursor: pointer;
        overflow: hidden;
        border-radius: 10px;
        margin-right: 15px;
    }
    
    .profile__avatar img {
        width: 100%;
    }
    
    @media (min-width: 768px) {
        .profile {
            padding:0 30px;
            flex-direction: row;
            justify-content: space-between;
            align-items: center
        }
    
        .profile__tabs {
            border-bottom: none;
            margin-bottom: 0;
            width: auto;
            margin-right: auto
        }
    
        .profile__tabs a {
            align-items: center;
            height: 80px
        }
    
        .profile__user {
            margin-bottom: 0;
            margin-right: 60px
        }
    
        .profile__logout {
            position: relative;
            top: auto;
            right: auto
        }
    }
    
    @media (min-width: 992px) {
        .profile__tabs li {
            margin-right:40px
        }
    
        .profile__tabs li:last-child {
            margin-right: 0
        }
    }
    
    .breadcrumb {
        display: none;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        margin-top: 0;
        height: calc(100% - 10px);
    }
    
    .breadcrumb__item {
        font-size: 14px;
        line-height: 22px;
        color: #e0e0e0;
        transition: .5s;
        position: relative;
        margin-right: 34px;
    }
    
    .breadcrumb__item:before {
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        height: 22px;
        width: 34px;
        background: url("../images/breadcrumb.svg") no-repeat center/12px auto;
    }
    
    .breadcrumb__item:hover {
        color: #e0e0e0;
    }
    
    .breadcrumb__item:last-child {
        margin-right: 0;
    }
    
    .breadcrumb__item:last-child:before {
        display: none;
    }
    
    .breadcrumb__item--active {
        cursor: default;
        margin-right: 0;
    }
    
    .breadcrumb__item--active:before {
        display: none;
    }
    
    .breadcrumb__item--active:hover {
        color: #e0e0e0;
    }
    
    .breadcrumb a {
        color: #fff;
    }
    
    .breadcrumb a:hover {
        color: #2f80ed;
    }
    
    @media (min-width: 1200px) {
        .breadcrumb {
            display:flex
        }
    }
    
    .card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 20px;
        position: relative;
        overflow: hidden;
    }
    
    .card--big {
        flex-direction: row;
        align-items: stretch;
        background-color: #151f30;
        border-radius: 16px;
    }
    
    .card--big .card__cover {
        width: 140px;
        border-radius: 16px 0 0 16px;
    }
    
    .card--big .card__rating {
        right: calc(100% - 130px);
    }
    
    .card--favorites .card__add {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1);
    }
    
    .card--favorites .card__add svg {
        fill: #ffc312;
    }
    
    .card--favorites .card__add:hover svg {
        fill: #2f80ed;
    }
    
    .card__cover {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
    
    .card__cover img {
        width: 100%;
        position: relative;
        z-index: 1;
        transition: .5s;
    }
    
    .card__cover svg {
        position: absolute;
        display: block;
        stroke: #fff;
        width: 46px;
        height: auto;
        transition: .5s;
        z-index: 3;
        transform: scale(.8);
        opacity: 0;
    }
    
    .card__cover:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2;
        background: linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.9) 100%);
        opacity: .1;
        transition: .5s;
    }
    
    .card__add {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 3;
        transition: .5s;
        opacity: 0;
        pointer-events: none;
        width: 30px;
        height: 30px;
        border-radius: 10px;
        background-color: #151f30;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        transform: scale(.8);
    }
    
    .card__add svg {
        width: 16px;
        height: auto;
        fill: #2f80ed;
        transition: .5s;
    }
    
    .card__add:hover svg,.card__add.active svg {
        fill: #ffc312;
    }
    
    .card__rating {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 3;
        transition: .5s;
        opacity: 0;
        pointer-events: none;
        height: 30px;
        width: auto;
        padding: 0 10px;
        transform: scale(.8);
        border-radius: 10px;
        background-color: rgba(21,31,48,.75);
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        cursor: default;
    }
    
    .card__rating svg {
        width: 16px;
        height: auto;
        fill: #2f80ed;
        transition: fill .5s;
        margin-right: 5px;
    }
    
    .card__title {
        font-family: 'Rubik',sans-serif;
        font-weight: 500;
        font-size: 16px;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 5px;
        transition: .5s;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        word-wrap: break-word;
    }
    
    .card__title a {
        color: #fff;
    }
    
    .card__list {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
    
    .card__list li {
        font-size: 12px;
        color: #e0e0e0;
        margin-right: 15px;
        white-space: nowrap;
    }
    
    .card__list li:last-child {
        margin-right: 0;
    }
    
    .card__info {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin-top: 10px;
    }
    
    .card__info li {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 12px;
        color: #fff;
    }
    
    .card__info li a {
        color: #fff;
    }
    
    .card__info li a:hover {
        color: #2f80ed;
    }
    
    .card__info li span:first-child {
        margin-right: 5px;
        color: #e0e0e0;
    }
    
    .card__content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: calc(100% - 140px);
        padding: 5px 15px 15px 20px;
        position: relative;
        overflow: hidden;
    }
    
    .card__tagline {
        font-size: 14px;
        line-height: 21px;
        color: #e0e0e0;
        margin-bottom: 0;
        overflow: hidden;
        margin-top: auto;
        font-family: 'Rubik',sans-serif;
        font-style: italic;
    }
    
    .card:hover .card__cover:before {
        opacity: .7;
    }
    
    .card:hover .card__cover img {
        transform: scale(1.06);
        filter: blur(4px);
        -webkit-filter: blur(4px);
    }
    
    .card:hover .card__cover svg {
        opacity: 1;
        transform: scale(1);
    }
    
    .card:hover .card__title {
        color: #2f80ed;
    }
    
    .card:hover .card__title a {
        color: #2f80ed;
    }
    
    .card:hover .card__add {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1);
    }
    
    .card:hover .card__rating {
        opacity: 1;
        transform: scale(1);
    }
    
    @media (min-width: 576px) {
        .card--big .card__cover {
            width:160px
        }
    
        .card--big .card__rating {
            right: calc(100% - 150px)
        }
    
        .card__content {
            width: calc(100% - 160px)
        }
    }
    
    @media (min-width: 768px) {
        .card {
            margin-top:30px
        }
    
        .card--big .card__rating {
            right: calc(100% - 140px)
        }
    
        .card__title {
            margin-top: 15px;
            font-size: 17px
        }
    
        .card__cover svg {
            width: 56px
        }
    
        .card__add {
            top: 15px;
            left: 15px
        }
    
        .card__add svg {
            width: 18px
        }
    
        .card__rating {
            top: 15px;
            right: 15px;
            font-size: 14px
        }
    
        .card__rating svg {
            width: 18px;
            margin-bottom: 1px
        }
    
        .card__content {
            padding: 0 15px 15px 20px
        }
    }
    
    @media (min-width: 1200px) {
        .card--big .card__title {
            white-space:normal;
            font-size: 18px
        }
    
        .card__title--subs {
            text-align: center
        }
    
        .card__list--subs {
            justify-content: center
        }
    
        .card__list--subs li {
            text-align: center
        }
    
        .card__content {
            padding: 0 20px 20px
        }
    }
    
    @media (min-width: 1440px) {
        .card--big .card__title {
            margin-top:17px
        }
    
        .card--big .card__cover {
            width: 190px
        }
    
        .card--big .card__rating {
            right: calc(100% - 170px)
        }
    
        .card__content {
            width: calc(100% - 190px);
            padding: 0 20px 20px
        }
    }
    
    .live {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 20px;
        position: relative;
        overflow: hidden;
    }
    
    .live__cover {
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    
    .live__cover img {
        position: relative;
        width: 100%;
        z-index: 1;
        transition: .5s;
    }
    
    .live__cover svg {
        position: absolute;
        display: block;
        stroke: #fff;
        width: 46px;
        height: auto;
        transition: .5s;
        z-index: 3;
        transform: scale(.8);
        opacity: 0;
    }
    
    .live__cover:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2;
        background: linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.9) 100%);
        opacity: .65;
        transition: .5s;
    }
    
    .live__value {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 3;
        pointer-events: none;
        height: 30px;
        width: auto;
        padding: 0 12px;
        border-radius: 10px;
        background-color: rgba(21,31,48,.75);
        color: #fff;
        font-size: 12px;
        font-weight: 500;
    }
    
    .live__status {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 3;
        pointer-events: none;
        height: 24px;
        width: auto;
        padding: 0 10px;
        border-radius: 10px;
        background-color: #eb5757;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .live__avatar {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        margin-right: 15px;
        overflow: hidden;
        margin-top: 15px;
    }
    
    .live__avatar img {
        width: 100%;
        height: auto;
    }
    
    .live__title {
        font-family: 'Rubik',sans-serif;
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        color: #e0e0e0;
        margin-bottom: 0;
        margin-top: 15px;
        width: calc(100% - 55px);
    }
    
    .live__title a {
        color: #e0e0e0;
    }
    
    .live:hover .live__cover:before {
        opacity: .9;
    }
    
    .live:hover .live__cover img {
        transform: scale(1.08);
    }
    
    .live:hover .live__cover svg {
        opacity: 1;
        transform: scale(1);
    }
    
    .live:hover .live__title a {
        color: #2f80ed;
    }
    
    @media (min-width: 768px) {
        .live {
            margin-top:30px
        }
    
        .live__title {
            font-size: 20px;
            line-height: 30px
        }
    
        .live__value {
            bottom: 30px;
            left: 30px;
            font-size: 14px
        }
    
        .live__status {
            top: 30px;
            left: 30px
        }
    
        .live__cover svg {
            width: 56px
        }
    }
    
    .interview {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 20px;
        position: relative;
        overflow: hidden;
    }
    
    .interview__cover {
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
        position: relative;
    }
    
    .interview__cover img {
        position: relative;
        width: 100%;
        z-index: 1;
        transition: .5s;
    }
    
    .interview__cover:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2;
        background: linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.9) 100%);
        opacity: .65;
        transition: .5s;
    }
    
    .interview__cover span {
        z-index: 3;
        position: absolute;
        bottom: 20px;
        left: 20px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #e0e0e0;
    }
    
    .interview__cover span svg {
        width: 26px;
        height: auto;
        stroke: #e0e0e0;
        margin-right: 10px;
        transition: stroke .5s;
    }
    
    .interview__title {
        font-family: 'Rubik',sans-serif;
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        color: #e0e0e0;
        margin-bottom: 0;
        margin-top: 15px;
    }
    
    .interview__title a {
        color: #e0e0e0;
    }
    
    .interview:hover .interview__cover:before {
        opacity: .9;
    }
    
    .interview:hover .interview__cover img {
        transform: scale(1.08);
    }
    
    .interview:hover .interview__cover svg {
        stroke: #2f80ed;
    }
    
    .interview:hover .interview__title a {
        color: #2f80ed;
    }
    
    @media (min-width: 768px) {
        .interview {
            margin-top:30px
        }
    
        .interview__title {
            font-size: 20px;
            line-height: 30px
        }
    
        .interview__cover span {
            bottom: 30px;
            left: 30px
        }
    }
    
    @media (min-width: 1200px) {
        .interview__cover span {
            font-size:15px
        }
    
        .interview__cover span svg {
            width: 28px;
            margin-right: 12px
        }
    }
    
    .series {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 20px;
        position: relative;
        overflow: hidden;
    }
    
    .series__cover {
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
        position: relative;
    }
    
    .series__cover img {
        position: relative;
        width: 100%;
        z-index: 1;
        transition: .5s;
    }
    
    .series__cover:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2;
        background: linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.9) 100%);
        opacity: .65;
        transition: .5s;
    }
    
    .series__cover span {
        z-index: 3;
        position: absolute;
        bottom: 10px;
        left: 10px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #e0e0e0;
    }
    
    .series__cover span svg {
        width: 24px;
        height: auto;
        stroke: #e0e0e0;
        margin-right: 10px;
        transition: stroke .5s;
    }
    
    .series__title {
        font-family: 'Rubik',sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        color: #e0e0e0;
        margin-bottom: 0;
        margin-top: 10px;
    }
    
    .series__title a {
        color: #e0e0e0;
    }
    
    .series:hover .series__cover:before {
        opacity: .9;
    }
    
    .series:hover .series__cover img {
        transform: scale(1.08);
    }
    
    .series:hover .series__cover svg {
        stroke: #2f80ed;
    }
    
    .series:hover .series__title a {
        color: #2f80ed;
    }
    
    @media (min-width: 768px) {
        .series__title {
            font-size:18px;
            line-height: 26px;
            margin-top: 15px
        }
    
        .series__cover span {
            bottom: 20px;
            left: 20px
        }
    }
    
    .series-wrap {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
    }
    
    .series-wrap__title {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        color: #fff;
        font-family: 'Rubik',sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        margin-top: 20px;
        margin-bottom: 0;
    }
    
    .series-wrap__title svg {
        width: 22px;
        height: auto;
        margin-right: 10px;
        fill: #2f80ed;
    }
    
    @media (min-width: 768px) {
        .series-wrap {
            margin-top:20px
        }
    }
    
    .category {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 20px;
        position: relative;
        overflow: hidden;
    }
    
    .category__cover {
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
        position: relative;
    }
    
    .category__cover img {
        position: relative;
        width: 100%;
        z-index: 1;
        transition: .5s;
    }
    
    .category__cover:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 2;
        background: linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.9) 100%);
        opacity: .65;
        transition: .5s;
    }
    
    .category__title {
        font-family: 'Rubik',sans-serif;
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        color: #e0e0e0;
        margin-bottom: 0;
        position: absolute;
        z-index: 3;
        bottom: 20px;
        left: 20px;
        right: 90px;
        transition: .5s;
    }
    
    .category__value {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 3;
        transition: .5s;
        pointer-events: none;
        height: 30px;
        width: auto;
        padding: 0 12px;
        border-radius: 10px;
        background-color: rgba(21,31,48,.75);
        color: #fff;
        font-size: 12px;
        font-weight: 500;
    }
    
    .category:hover .category__cover:before {
        opacity: .9;
    }
    
    .category:hover .category__cover img {
        transform: scale(1.08);
    }
    
    .category:hover .category__title {
        color: #2f80ed;
    }
    
    @media (min-width: 768px) {
        .category {
            margin-top:30px
        }
    
        .category__title {
            font-size: 20px;
            line-height: 30px;
            left: 30px;
            bottom: 30px
        }
    
        .category__value {
            bottom: 30px;
            right: 30px;
            font-size: 14px
        }
    }
    
    .plans {
        display: block;
        position: relative;
        overflow: hidden;
        margin-top: 20px;
        padding: 40px 20px;
        border-radius: 16px;
        background-color: #151f30;
    }
    
    .plans--mt0 {
        margin-top: 0;
    }
    
    .plans__head {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    
    .plans__head b {
        color: #2f80ed;
        font-weight: 500;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 100%;
    }
    
    .plans__head p {
        font-family: 'Rubik',sans-serif;
        font-weight: 500;
        font-size: 42px;
        color: #fff;
        margin-bottom: 10px;
        line-height: 100%;
    }
    
    .plans__head span {
        color: #e0e0e0;
        font-size: 14px;
        line-height: 100%;
        font-weight: 400;
    }
    
    .plans__title {
        font-size: 16px;
        color: #e0e0e0;
        display: block;
        min-width: 200px;
    }
    
    .plans__title b {
        color: #2f80ed;
        font-weight: 500;
    }
    
    .plans__status svg {
        width: 16px;
        height: auto;
    }
    
    .plans__status--red svg {
        stroke: #eb5757;
        width: 14px;
    }
    
    .plans__status--green svg {
        stroke: #29b474;
    }
    
    .plans__table {
        width: 100%;
        min-width: 600px;
    }
    
    .plans__table th,.plans__table td {
        padding: 0 20px;
    }
    
    .plans__table th:first-child,.plans__table td:first-child {
        width: 240px;
        padding-left: 0;
    }
    
    .plans__table th:last-child,.plans__table td:last-child {
        padding-right: 0;
    }
    
    .plans__table tbody tr td {
        border-bottom: 1px solid rgba(47,128,237,.1);
        padding-top: 20px;
        padding-bottom: 20px;
        vertical-align: top;
        transition: background-color .36s linear;
    }
    
    .plans__table tbody tr.last td {
        border-bottom: none;
    }
    
    .plans__table tbody tr.last td:nth-child(2) {
        border-radius: 0 0 0 20px;
    }
    
    .plans__table tbody tr.last td:last-child {
        border-radius: 0 0 20px 0;
    }
    
    .plans__table tbody tr:first-child td:nth-child(2) {
        border-radius: 20px 0 0 0;
    }
    
    .plans__table tbody tr:first-child td:last-child {
        border-radius: 0 20px 0 0;
    }
    
    .plans__table tbody tr:last-child td {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    .plans__btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0;
        width: 100%;
        min-width: 160px;
        height: 50px;
        border-radius: 16px;
        background-color: #131720;
        font-size: 14px;
        color: #e0e0e0;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .plans__btn:hover {
        color: #151f30;
        background-color: #fff;
    }
    
    @media (min-width: 768px) {
        .plans {
            margin-top:30px;
            padding: 40px 30px
        }
    
        .plans--mt0 {
            margin-top: 0
        }
    
        .plans__btn {
            height: 60px;
            min-width: 180px
        }
    
        .plans__table tbody tr:last-child td {
            padding: 20px 10px 0 20px
        }
    
        .plans__table tbody tr:last-child td:last-child {
            padding-right: 0
        }
    }
    
    @media (min-width: 992px) {
        .plans__table th:first-child,.plans__table td:first-child {
            width:260px
        }
    }
    
    @media (min-width: 1200px) {
        .plans {
            border-radius:32px
        }
    
        .plans__table th:first-child,.plans__table td:first-child {
            width: 290px
        }
    
        .plans__title {
            padding-right: 20px
        }
    }
    
    @media (min-width: 1440px) {
        .plans {
            padding:40px
        }
    
        .plans__table th,.plans__table td {
            padding: 0 25px
        }
    
        .plans__table th:first-child,.plans__table td:first-child {
            padding-left: 0;
            width: 325px
        }
    
        .plans__table th:last-child,.plans__table td:last-child {
            padding-right: 0
        }
    
        .plans__table tbody tr:last-child td {
            padding: 20px 15px 0 25px
        }
    
        .plans__table tbody tr:last-child td:last-child {
            padding-right: 0
        }
    }
    
    .plan {
        display: block;
        margin-top: 20px;
        padding: 20px;
        border-radius: 16px;
        background-color: #151f30;
        position: relative;
        overflow: hidden;
    }
    
    .plan--style2 .plan__title {
        text-align: center;
    }
    
    .plan--style2 .plan__price {
        text-align: center;
        border-top: none;
        padding-top: 0;
        border-bottom: 1px solid rgba(47,128,237,.1);
        padding-bottom: 15px;
    }
    
    .plan--style2 .plan__list {
        margin-top: 20px;
        align-items: center;
    }
    
    .plan--best {
        background: linear-gradient(30deg,rgba(47,128,237,.7) 0%,rgba(47,128,237,.9) 100%);
    }
    
    .plan--best .plan__title {
        border-color: rgba(21,31,48,.2);
    }
    
    .plan--best .plan__price {
        border-color: rgba(21,31,48,.2);
    }
    
    .plan--best .plan__list li {
        color: #fff;
    }
    
    .plan--best .plan__btn {
        background-color: #151f30;
    }
    
    .plan--best .plan__btn:hover {
        background-color: #fff;
        color: #151f30;
    }
    
    .plan__title {
        position: relative;
        z-index: 2;
        font-size: 20px;
        color: #fff;
        line-height: 100%;
        display: block;
        font-weight: 400;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(47,128,237,.1);
        font-family: 'Rubik',sans-serif;
    }
    
    .plan__list {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
    }
    
    .plan__list li {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
        font-size: 16px;
        color: #e0e0e0;
    }
    
    .plan__list li:last-child {
        margin-bottom: 0;
    }
    
    .plan__list li svg {
        width: 10px;
        height: auto;
        margin-right: 10px;
    }
    
    .plan__list li.red svg {
        stroke: #eb5757;
    }
    
    .plan__list li.green svg {
        stroke: #29b474;
    }
    
    .plan__price {
        position: relative;
        z-index: 2;
        font-family: 'Rubik',sans-serif;
        font-weight: 500;
        font-size: 36px;
        color: #fff;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(47,128,237,.1);
        display: block;
        line-height: 100%;
    }
    
    .plan__price span {
        font-size: 16px;
    }
    
    .plan__btn {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0;
        width: 100%;
        min-width: 160px;
        height: 50px;
        border-radius: 16px;
        background-color: #131720;
        font-size: 14px;
        color: #e0e0e0;
        text-transform: uppercase;
        font-weight: 500;
        margin-top: 20px;
    }
    
    .plan__btn:hover {
        color: #fff;
        background-color: #2f80ed;
    }
    
    @media (min-width: 768px) {
        .plan {
            margin-top:30px;
            padding: 30px
        }
    
        .plan__btn {
            height: 60px
        }
    
        .plan--style2 .plan__list {
            margin-top: 30px
        }
    
        .plan--style2 .plan__btn {
            margin-top: 30px
        }
    }
    
    .step {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
        overflow: hidden;
        margin-top: 20px;
        padding: 20px;
        border-radius: 16px;
        background-color: #151f30;
    }
    
    .step__number {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        font-family: 'Rubik',sans-serif;
        line-height: 100%;
        font-weight: 500;
        font-size: 24px;
        color: #2f80ed;
        background-color: rgba(47,128,237,.3);
    }
    
    .step__title {
        font-family: 'Rubik',sans-serif;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 0;
        margin-left: 20px;
    }
    
    .step__text {
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        color: #e0e0e0;
        margin-bottom: 0;
        margin-top: 20px;
    }
    
    @media (min-width: 768px) {
        .step {
            margin-top:30px;
            padding: 30px
        }
    }
    
    .stats {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        position: relative;
        margin-top: 20px;
        padding: 20px;
        border-radius: 16px;
        background-color: #151f30;
        width: 100%;
    }
    
    .stats span {
        font-family: 'Rubik',sans-serif;
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 0;
    }
    
    .stats span a {
        font-size: 14px;
        color: #2f80ed;
        margin-left: 5px;
    }
    
    .stats span a:hover {
        color: #fff;
    }
    
    .stats p {
        font-size: 16px;
        color: #e0e0e0;
        margin-bottom: 0;
        margin-top: 10px;
    }
    
    .stats p sub {
        bottom: 0;
        font-size: 12px;
    }
    
    .stats p b {
        font-size: 20px;
        line-height: 20px;
        font-weight: 500;
    }
    
    .stats p a {
        color: #fff;
    }
    
    .stats p a:hover {
        color: #2f80ed;
    }
    
    .stats svg {
        position: absolute;
        bottom: 20px;
        right: 20px;
        fill: #2f80ed;
        width: 34px;
        height: auto;
    }
    
    @media (min-width: 768px) {
        .stats {
            margin-top:30px;
            padding: 20px 30px
        }
    
        .stats svg {
            right: 30px
        }
    }
    
    .feature {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
        overflow: hidden;
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #151f30;
    }
    
    .feature__icon {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    
    .feature__icon svg {
        fill: #2f80ed;
        width: auto;
        height: 34px;
    }
    
    .feature__title {
        font-family: 'Rubik',sans-serif;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        color: #fff;
        margin-bottom: 0;
        margin-left: 20px;
    }
    
    .feature__text {
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        color: #e0e0e0;
        margin-bottom: 0;
        margin-top: 20px;
    }
    
    .feature--last {
        border-bottom: none;
        padding-bottom: 0;
    }
    
    @media (min-width: 768px) {
        .feature {
            margin-top:30px;
            padding-bottom: 30px
        }
    
        .feature--last,.feature--prelast {
            border-bottom: none;
            padding-bottom: 0
        }
    }
    
    @media (min-width: 1200px) {
        .feature {
            margin-top:40px;
            padding-bottom: 0;
            border-bottom: none
        }
    }
    
    .dashbox {
        background-color: #151f30;
        margin-top: 20px;
        border-radius: 16px;
        overflow: hidden;
    }
    
    .dashbox__title {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        border-bottom: 1px solid rgba(47,128,237,.1);
    }
    
    .dashbox__title h3 {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        color: #fff;
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        margin-bottom: 0;
        font-family: 'Rubik',sans-serif;
        font-weight: 400;
    }
    
    .dashbox__title h3 svg {
        fill: #2f80ed;
        margin-right: 10px;
        width: 24px;
        height: auto;
    }
    
    .dashbox__wrap {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    
    .dashbox__more {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
        height: 30px;
        background-color: #131720;
        font-size: 12px;
        margin-left: 15px;
        color: #e0e0e0;
        border-radius: 12px;
    }
    
    .dashbox__more:hover {
        color: #2f80ed;
    }
    
    .dashbox__refresh {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 22px;
        height: 30px;
    }
    
    .dashbox__refresh svg {
        fill: #e0e0e0;
        width: 16px;
        height: auto;
        transition: fill .5s;
    }
    
    .dashbox__refresh:hover svg {
        fill: #2f80ed;
    }
    
    .dashbox__table-wrap {
        position: relative;
        display: block;
        width: 100%;
        overflow: auto;
        padding: 20px 20px 15px;
    }
    
    @media (min-width: 768px) {
        .dashbox {
            margin-top:30px
        }
    
        .dashbox__title {
            padding: 20px 30px
        }
    
        .dashbox__table-wrap {
            padding: 20px 30px 20px
        }
    }
    
    .main__table {
        width: 100%;
        min-width: 500px;
        border-spacing: 0;
    }
    
    .main__table thead {
        border-bottom: 1px solid rgba(47,128,237,.1);
    }
    
    .main__table thead th {
        font-size: 12px;
        color: #e0e0e0;
        font-weight: 400;
        padding: 0 10px 15px 0;
        line-height: 100%;
        margin-bottom: 0;
        border: none;
    }
    
    .main__table tbody tr {
        border-bottom: none;
        background-color: transparent;
    }
    
    .main__table tbody td {
        padding: 0;
        background-color: transparent;
        border: 0 solid transparent;
    }
    
    .main__table tbody td:first-child .main__table-text {
        border-radius: 16px 0 0 16px;
    }
    
    .main__table tbody td:last-child .main__table-text,.main__table tbody td:last-child .main__table-btns {
        border-radius: 0 16px 16px 0;
    }
    
    .main__table tbody td .main__table-text {
        background-color: transparent;
        padding: 10px 15px 0 0;
    }
    
    .main__table-text {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        line-height: 30px;
        padding: 20px;
        background-color: #151f30;
        white-space: nowrap;
    }
    
    .main__table-text a {
        color: #fff;
    }
    
    .main__table-text a:hover {
        color: #2f80ed;
    }
    
    .main__table-text svg {
        margin-right: 6px;
        fill: #2f80ed;
        width: 16px;
        height: auto;
    }
    
    .main__table-text--rate {
        font-weight: 500;
        font-size: 14px;
    }
    
    .main__table-text--red {
        color: #eb5757;
    }
    
    .main__table-text--green {
        color: #29b474;
    }
    
    .main__table-text--grey {
        color: rgba(255,255,255,.5);
    }
    
    .article__trailer {
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 30px;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
    }
    
    .article__trailer svg {
        display: block;
        stroke: #fff;
        width: 46px;
        height: auto;
        margin-right: 15px;
        transition: stroke .5s;
    }
    
    .article__trailer:hover {
        color: #2f80ed;
    }
    
    .article__trailer:hover svg {
        stroke: #2f80ed;
    }
    
    .article__category {
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 30px;
        min-width: 60px;
        width: auto;
        color: #e0e0e0;
        font-size: 14px;
        background-color: #151f30;
        border-radius: 12px;
        padding: 0 12px;
        margin-bottom: 20px;
    }
    
    .article__category:hover {
        color: #fff;
        background-color: #2f80ed;
    }
    
    .article__date {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 13px;
        line-height: 30px;
        color: #e0e0e0;
    }
    
    .article__date svg {
        fill: #2f80ed;
        width: 16px;
        height: auto;
        margin-right: 10px;
    }
    
    .article__content {
        position: relative;
    }
    
    .article__content img {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        border-radius: 16px;
    }
    
    .article__content iframe {
        display: block;
        width: 100%;
        height: 240px;
        margin-bottom: 20px;
        border-radius: 16px;
        border: none;
    }
    
    .article__content h1,.article__content h2,.article__content h3,.article__content h4,.article__content h5,.article__content h6 {
        font-family: 'Rubik',sans-serif;
        font-weight: 400;
        color: #fff;
        margin-bottom: 20px;
        line-height: 140%;
    }
    
    .article__content h1:last-child,.article__content h2:last-child,.article__content h3:last-child,.article__content h4:last-child,.article__content h5:last-child,.article__content h6:last-child {
        margin-bottom: 0;
    }
    
    .article__content h1 {
        font-size: 32px;
    }
    
    .article__content h2 {
        font-size: 28px;
    }
    
    .article__content h3 {
        font-size: 24px;
    }
    
    .article__content h4 {
        font-size: 22px;
    }
    
    .article__content h5 {
        font-size: 18px;
    }
    
    .article__content h6 {
        font-size: 16px;
    }
    
    .article__content p {
        display: block;
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        color: #e0e0e0;
        margin-bottom: 20px;
    }
    
    .article__content p b {
        font-weight: 500;
    }
    
    .article__content p a {
        color: #2f80ed;
        text-decoration: underline;
    }
    
    .article__content p a:hover,.article__content p a:focus {
        color: #2f80ed;
        text-decoration: none;
    }
    
    .article__content p:last-child {
        margin-bottom: 0;
    }
    
    .article__content blockquote {
        display: block;
        position: relative;
        font-family: 'Rubik',sans-serif;
        padding: 0 0 0 20px;
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 20px;
    }
    
    .article__content blockquote:before {
        content: '';
        position: absolute;
        display: block;
        top: 2px;
        bottom: 2px;
        left: 0;
        width: 2px;
        background-color: #2f80ed;
        border-radius: 2px;
    }
    
    .article__content blockquote:last-child {
        margin-bottom: 0;
    }
    
    .article__content ul {
        margin-bottom: 20px;
        display: block;
    }
    
    .article__content ul li {
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        color: #e0e0e0;
        padding-left: 20px;
        position: relative;
    }
    
    .article__content ul li:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #2f80ed;
        left: -2px;
        top: 50%;
        margin-top: -3px;
    }
    
    .article__content ul:last-child {
        margin-bottom: 0;
    }
    
    .article__content ul.list {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .article__content ul.list li {
        margin-right: 20px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    
    .article__content ul.list li svg {
        width: 18px;
        height: auto;
        fill: #2f80ed;
        transition: fill .5s;
        margin-right: 5px;
    }
    
    .article__content ul.list li:first-child {
        padding-left: 0;
    }
    
    .article__content ul.list li:first-child:before {
        display: none;
    }
    
    .article__content ul.list li:last-child {
        margin-right: 0;
    }
    
    .article__btns {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
    
    .article__btns .article__btn {
        width: calc(50% - 10px);
    }
    
    .article__btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        width: 100%;
        height: 50px;
        border-radius: 16px;
        background-color: #2f80ed;
        font-size: 14px;
        color: #e0e0e0;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .article__btn:hover {
        color: #151f30;
        background-color: #fff;
    }
    
    .article__btn--white {
        background-color: #fff;
        color: #151f30;
    }
    
    .article__btn--white:hover {
        background-color: #151f30;
        color: #fff;
    }
    
    .article__actions {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        flex-wrap: wrap;
    }
    
    .article__actions--details .article__download,.article__actions--details .article__favorites {
        margin-bottom: 0;
        margin-top: 20px;
    }
    
    .article__favorites {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: auto;
        margin-bottom: 20px;
        color: #e0e0e0;
        font-size: 14px;
    }
    
    .article__favorites svg {
        width: 20px;
        height: auto;
        fill: #2f80ed;
        transition: fill .5s ease;
        margin-right: 6px;
        margin-bottom: 1px;
    }
    
    .article__favorites:hover {
        color: #fff;
    }
    
    .article__favorites:hover svg {
        fill: #ffc312;
    }
    
    .article__favorites.active svg {
        fill: #ffc312;
    }
    
    .article__download {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
        color: #e0e0e0;
        font-size: 14px;
    }
    
    .article__download svg {
        width: 20px;
        height: auto;
        fill: #2f80ed;
        transition: fill .5s ease;
        margin-right: 6px;
        margin-bottom: 3px;
    }
    
    .article__download a {
        margin-left: 10px;
        color: #fff;
        margin-right: 10px;
        position: relative;
        line-height: 22px;
    }
    
    .article__download a:before {
        content: '|';
        position: absolute;
        right: -10px;
        top: 0;
        bottom: 0;
        font-size: 8px;
        color: #2f80ed;
        opacity: .3;
    }
    
    .article__download a:hover {
        color: #2f80ed;
    }
    
    .article__download a:last-child {
        margin-right: 0;
    }
    
    .article__download a:last-child:before {
        display: none;
    }
    
    @media (min-width: 576px) {
        .article__content iframe {
            height:280px
        }
    }
    
    @media (min-width: 768px) {
        .article__trailer {
            margin-bottom:40px
        }
    
        .article__category {
            margin-bottom: 30px
        }
    
        .article__content h1 {
            font-size: 36px
        }
    
        .article__content h2 {
            font-size: 32px
        }
    
        .article__content h3 {
            font-size: 28px
        }
    
        .article__content h4 {
            font-size: 24px
        }
    
        .article__content h5 {
            font-size: 20px
        }
    
        .article__content h6 {
            font-size: 18px
        }
    
        .article__content h1,.article__content h2,.article__content h3,.article__content h4,.article__content h5,.article__content h6,.article__content p,.article__content blockquote,.article__content ul,.article__content img,.article__content iframe {
            margin-bottom: 30px
        }
    
        .article__content h1:last-child,.article__content h2:last-child,.article__content h3:last-child,.article__content h4:last-child,.article__content h5:last-child,.article__content h6:last-child,.article__content p:last-child,.article__content blockquote:last-child,.article__content ul:last-child,.article__content img:last-child,.article__content iframe:last-child {
            margin-bottom: 0
        }
    
        .article__content iframe {
            height: 400px
        }
    
        .article__content ul.list {
            margin-top: -20px
        }
    
        .article__btn {
            margin-bottom: 30px;
            height: 60px
        }
    
        .article__btns .article__btn {
            width: calc(50% - 15px)
        }
    
        .article__actions {
            justify-content: space-between
        }
    
        .article__actions--details .article__download,.article__actions--details .article__favorites {
            margin-bottom: 0
        }
    
        .article__favorites {
            margin-bottom: 30px
        }
    
        .article__download {
            margin-bottom: 30px;
            width: auto
        }
    }
    
    @media (min-width: 992px) {
        .article__btns {
            justify-content:flex-start
        }
    
        .article__btns .article__btn {
            width: 200px
        }
    
        .article__btn {
            width: 200px;
            margin-right: 30px
        }
    }
    
    @media (min-width: 1200px) {
        .article__content {
            padding-right:30px
        }
    
        .article__content iframe {
            height: 460px
        }
    
        .article__date {
            right: 30px
        }
    
        .article__actions--details {
            padding-right: 30px
        }
    }
    
    .categories {
        margin-top: 10px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .categories__title {
        display: block;
        width: 100%;
        color: #fff;
        font-family: 'Rubik',sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        margin-top: 20px;
        margin-bottom: 0;
    }
    
    .categories__item {
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 30px;
        min-width: 60px;
        width: auto;
        color: #e0e0e0;
        font-size: 14px;
        background-color: #151f30;
        border-radius: 12px;
        padding: 0 12px;
        margin-top: 20px;
        margin-right: 20px;
    }
    
    .categories__item:hover {
        color: #fff;
        background-color: #2f80ed;
    }
    
    @media (min-width: 768px) {
        .categories {
            margin-top:20px
        }
    }
    
    .share {
        margin-top: 10px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .share__title {
        display: block;
        width: 100%;
        color: #fff;
        font-family: 'Rubik',sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        margin-top: 20px;
        margin-bottom: 0;
    }
    
    .share__link {
        margin-top: 20px;
        margin-right: 20px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0 15px;
        height: 30px;
        border-radius: 12px;
        color: #fff;
        font-size: 14px;
        background-color: #2f80ed;
    }
    
    .share__link svg {
        fill: #fff;
        margin-right: 10px;
        margin-top: 1px;
    }
    
    .share__link--fb {
        background-color: #3b5998;
    }
    
    .share__link--tw {
        background-color: #55acee;
    }
    
    .share__link--vk {
        background-color: #4c6c91;
    }
    
    .share__link:hover {
        background-color: #2f80ed;
        color: #fff;
    }
    
    @media (min-width: 768px) {
        .share {
            margin-top:20px
        }
    }
    
    .subscribe {
        position: relative;
        padding: 20px;
        border-radius: 16px;
        border: 1px solid rgba(47,128,237,.1);
        background-color: #131720;
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    
    .subscribe__img {
        width: 100%;
        margin-bottom: 20px;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    
    .subscribe__img svg {
        width: 46px;
        height: auto;
        fill: #2f80ed;
    }
    
    .subscribe__title {
        color: #fff;
        font-weight: 400;
        font-size: 24px;
        line-height: 100%;
        margin-bottom: 20px;
        position: relative;
        font-family: 'Rubik',sans-serif;
    }
    
    .subscribe__text {
        font-size: 16px;
        line-height: 26px;
        color: #e0e0e0;
        margin-bottom: 25px;
        width: 100%;
        text-align: center;
    }
    
    .subscribe .sign__btn {
        margin: 0;
    }
    
    @media (min-width: 768px) {
        .subscribe {
            margin-top:30px
        }
    }
    
    @media (min-width: 1200px) {
        .subscribe {
            padding:30px
        }
    }
    
    .comments {
        margin-top: 60px;
        padding-top: 60px;
        border-top: 1px solid rgba(47,128,237,.1);
    }
    
    .comments__title {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    
    .comments__title h4 {
        color: #fff;
        font-weight: 400;
        font-size: 24px;
        line-height: 100%;
        margin-bottom: 0;
        position: relative;
        font-family: 'Rubik',sans-serif;
    }
    
    .comments__title span {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: auto;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        border-radius: 6px;
        background-color: #2f80ed;
        font-size: 12px;
        color: #e0e0e0;
        font-weight: 400;
        margin-left: 10px;
    }
    
    .comments__title--tabs li {
        position: relative;
        margin-right: 20px;
    }
    
    .comments__title--tabs li:last-child {
        margin-right: 0;
    }
    
    .comments__title--tabs a {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        opacity: .5;
        transition: opacity .4s linear;
    }
    
    .comments__title--tabs a:hover {
        opacity: 1;
    }
    
    .comments__title--tabs a.active {
        opacity: 1;
        cursor: default;
    }
    
    .comments__autor {
        display: block;
        position: relative;
        padding-left: 55px;
        margin-bottom: 20px;
    }
    
    .comments__avatar {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        border-radius: 10px;
    }
    
    .comments__name {
        display: block;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        font-weight: 500;
    }
    
    .comments__time {
        display: block;
        font-size: 12px;
        color: #e0e0e0;
        line-height: 20px;
        font-weight: 400;
    }
    
    .comments__text {
        display: block;
        margin-bottom: 0;
        color: #fff;
        font-size: 16px;
        line-height: 26px;
        padding: 20px 0;
        position: relative;
        border-top: 1px solid rgba(47,128,237,.1);
        border-bottom: 1px solid rgba(47,128,237,.1);
    }
    
    .comments__text b {
        font-weight: 500;
    }
    
    .comments__text a {
        color: #2f80ed;
    }
    
    .comments__text a:hover {
        color: #2f80ed;
        text-decoration: underline;
    }
    
    .comments__text span {
        display: block;
        margin-bottom: 20px;
        padding: 20px;
        position: relative;
        min-height: 80px;
        border-radius: 16px;
        color: #e0e0e0;
        background-color: #131720;
    }
    
    .comments__item {
        margin-bottom: 20px;
        display: block;
        background-color: #151f30;
        padding: 20px;
        border-radius: 16px;
    }
    
    .comments__item--answer,.comments__item--quote {
        margin-left: 20px;
    }
    
    .comments__actions {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 20px 0 0;
        position: relative;
    }
    
    .comments__actions button {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-right: 20px;
        height: 20px;
    }
    
    .comments__actions button span {
        font-size: 12px;
        color: #e0e0e0;
        text-transform: uppercase;
        transition: .5s;
        display: none;
    }
    
    .comments__actions button svg {
        width: 18px;
        height: auto;
        stroke: #2f80ed;
        transition: .5s;
    }
    
    .comments__actions button:hover span {
        color: #2f80ed;
    }
    
    .comments__actions button:hover svg {
        stroke: #2f80ed;
    }
    
    .comments__actions button:last-child {
        margin-right: 0;
    }
    
    .comments__rate {
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        left: 0;
        top: 20px;
    }
    
    .comments__rate button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: #e0e0e0;
        font-size: 14px;
        margin-right: 24px;
        position: relative;
        height: 20px;
    }
    
    .comments__rate button svg {
        width: 16px;
        height: auto;
        opacity: .7;
        transition: .5s;
    }
    
    .comments__rate button:last-child {
        margin-right: 0;
    }
    
    .comments__rate button:last-child svg {
        margin-left: 10px;
        stroke: #eb5757;
    }
    
    .comments__rate button:first-child svg {
        margin-right: 10px;
        stroke: #29b474;
    }
    
    .comments__rate button:first-child:before {
        content: '';
        position: absolute;
        display: block;
        left: 100%;
        margin-left: 12px;
        width: 1px;
        height: 16px;
        background-color: rgba(47,128,237,.1);
        top: 50%;
        transform: translateY(-50%);
    }
    
    .comments__rate button:hover {
        color: #fff;
    }
    
    .comments__rate button:hover svg {
        opacity: 1;
    }
    
    .comments__form {
        border-radius: 16px;
        padding: 20px;
        border: 1px solid rgba(47,128,237,.1);
        margin-top: 60px;
        background-color: #131720;
    }
    
    .comments__form .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .comments__form .col-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .comments__form .sign__btn {
        margin: 0;
    }
    
    @media (min-width: 576px) {
        .comments__actions button span {
            display:block;
            margin-left: 6px
        }
    
        .comments__form .sign__btn {
            width: 180px
        }
    }
    
    @media (min-width: 768px) {
        .comments__item--answer,.comments__item--quote {
            margin-left:30px
        }
    
        .comments__title--tabs li {
            margin-right: 30px
        }
    
        .comments__title--tabs li:last-child {
            margin-right: 0
        }
    }
    
    @media (min-width: 1200px) {
        .comments {
            margin-right:30px
        }
    }
    
    .reviews {
        margin-top: 60px;
        padding-top: 60px;
        border-top: 1px solid rgba(47,128,237,.1);
    }
    
    .reviews__item {
        margin-bottom: 20px;
        display: block;
        background-color: #151f30;
        padding: 20px;
        border-radius: 16px;
    }
    
    .reviews__autor {
        display: block;
        position: relative;
        padding-left: 55px;
        margin-bottom: 20px;
    }
    
    .reviews__avatar {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        border-radius: 10px;
    }
    
    .reviews__name {
        display: block;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        font-weight: 500;
        padding-right: 40px;
    }
    
    .reviews__time {
        display: block;
        font-size: 12px;
        color: #e0e0e0;
        font-weight: 400;
        line-height: 20px;
        padding-right: 40px;
        margin-top: 5px;
    }
    
    .reviews__text {
        display: block;
        margin-bottom: 0;
        color: #fff;
        font-size: 16px;
        line-height: 26px;
        background-color: #151f30;
        padding: 20px 0 0;
        position: relative;
        border-top: 1px solid rgba(47,128,237,.1);
    }
    
    .reviews__text b {
        font-weight: 500;
    }
    
    .reviews__text a {
        color: #2f80ed;
    }
    
    .reviews__text a:hover {
        color: #2f80ed;
        text-decoration: underline;
    }
    
    .reviews__rating {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        position: absolute;
        display: inline-flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        right: 0;
        top: 10px;
    }
    
    .reviews__rating svg {
        margin-right: 6px;
        fill: #2f80ed;
        width: 18px;
        height: auto;
        margin-bottom: 1px;
    }
    
    .reviews__form {
        border-radius: 16px;
        padding: 20px;
        border: 1px solid rgba(47,128,237,.1);
        margin-top: 60px;
        background-color: #131720;
    }
    
    .reviews__form .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .reviews__form .col-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .reviews__form .sign__btn {
        margin: 0;
    }
    
    .reviews__title {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    
    .reviews__title h4 {
        color: #fff;
        font-weight: 400;
        font-size: 24px;
        line-height: 100%;
        margin-bottom: 0;
        position: relative;
        font-family: 'Rubik',sans-serif;
    }
    
    .reviews__title span {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: auto;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        border-radius: 6px;
        background-color: #2f80ed;
        font-size: 12px;
        color: #e0e0e0;
        font-weight: 400;
        margin-left: 10px;
    }
    
    .reviews__title--tabs li {
        position: relative;
        margin-right: 20px;
    }
    
    .reviews__title--tabs li:last-child {
        margin-right: 0;
    }
    
    .reviews__title--tabs a {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        opacity: .5;
        transition: opacity .4s linear;
    }
    
    .reviews__title--tabs a:hover {
        opacity: 1;
    }
    
    .reviews__title--tabs a.active {
        opacity: 1;
        cursor: default;
    }
    
    @media (min-width: 576px) {
        .reviews__form .sign__btn {
            width:180px
        }
    
        .reviews__time {
            margin-top: 0
        }
    }
    
    @media (min-width: 768px) {
        .reviews__title--tabs li {
            margin-right:30px
        }
    
        .reviews__title--tabs li:last-child {
            margin-right: 0
        }
    }
    
    @media (min-width: 1200px) {
        .reviews {
            margin-right:30px
        }
    }
    
    .sidebar {
        display: block;
        margin-top: 40px;
    }
    
    .sidebar__title {
        display: block;
        width: 100%;
        color: #fff;
        font-family: 'Rubik',sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        margin-top: 60px;
        margin-bottom: 10px;
    }
    
    @media (min-width: 768px) {
        .sidebar {
            margin-top:30px
        }
    
        .sidebar__title {
            margin-bottom: 0
        }
    }
    
    @media (min-width: 1200px) {
        .sidebar {
            margin-top:-30px
        }
    
        .sidebar--mt {
            margin-top: 30px
        }
    }
    
    .contacts__list {
        margin-top: 20px;
    }
    
    .contacts__list a {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        font-family: 'Rubik',sans-serif;
        font-weight: 400;
    }
    
    .contacts__list a:hover {
        color: #2f80ed;
    }
    
    .contacts__social {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .contacts__social a {
        margin-top: 20px;
        margin-right: 20px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        position: relative;
        transition-property: all;
    }
    
    .contacts__social a svg {
        width: 100%;
        height: auto;
    }
    
    .contacts__social a:last-child {
        margin-right: 0;
    }
    
    .contacts__social a:hover {
        opacity: 1!important;
    }
    
    .contacts__social:hover a {
        opacity: .4;
    }
    
    @media (min-width: 768px) {
        .contacts__list {
            margin-top:30px
        }
    
        .contacts__list a {
            font-size: 18px;
            line-height: 32px
        }
    
        .contacts__social {
            margin-top: 10px
        }
    }
    
    .footer {
        background-color: #131720;
        padding: 30px 0;
        position: relative;
        overflow: hidden;
    }
    
    .footer:after {
        content: '';
        position: absolute;
        top: 0;
        height: 300px;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        background: linear-gradient(180deg,rgba(21,31,48,.35) 0%,#131720 100%);
    }
    
    .footer .container {
        z-index: 2;
        position: relative;
    }
    
    .footer__flixtv {
        margin-top: 60px;
        color: white;
    }
    
    .footer__tagline {
        margin-top: 20px;
        display: block;
        font-size: 13px;
        line-height: 21px;
        color: #e0e0e0;
        margin-bottom: 0;
    }
    
    .footer__social {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .footer__social a {
        margin-top: 20px;
        margin-right: 20px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        position: relative;
        transition-property: all;
    }
    
    .footer__social a svg {
        width: 100%;
        height: auto;
    }
    
    .footer__social a:last-child {
        margin-right: 0;
    }
    
    .footer__social a:hover {
        opacity: 1!important;
    }
    
    .footer__social:hover a {
        opacity: .4;
    }
    
    .footer__content {
        margin-top: 60px;
        padding-top: 30px;
        border-top: 1px solid rgba(47,128,237,.1);
    }
    
    .footer__links {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }
    
    .footer__links a {
        font-size: 14px;
        color: #e0e0e0;
        margin-right: 20px;
    }
    
    .footer__links a:last-child {
        margin-right: 0;
    }
    
    .footer__links a:hover {
        color: #2f80ed;
    }
    
    .footer__copyright {
        display: block;
        font-size: 13px;
        color: #e0e0e0;
        margin-top: 20px;
    }
    
    .footer__copyright a {
        color: #fff;
    }
    
    .footer__copyright a:hover {
        color: #2f80ed;
    }
    
    .footer__title {
        display: block;
        margin-top: 30px;
        font-size: 15px;
        color: #fff;
        font-family: 'Rubik',sans-serif;
        font-weight: 500;
        margin-bottom: 15px;
    }
    
    .footer__nav {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
    .footer__nav a {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 10px;
        color: #e0e0e0;
    }
    
    .footer__nav a:last-child {
        margin-bottom: 0;
    }
    
    .footer__nav a:hover {
        color: #2f80ed;
    }
    
    @media (min-width: 768px) {
        .footer {
            padding:40px 0
        }
    
        .footer__content {
            margin-top: 80px;
            padding-top: 40px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 100%
        }
    
        .footer__flixtv {
            margin-top: 40px
        }
    
        .footer__title {
            margin-top: 40px
        }
    
        .footer__links {
            width: auto;
            order: 2
        }
    
        .footer__copyright {
            margin-top: 0;
            order: 1
        }
    }
    
    @media (min-width: 1200px) {
        .footer:after {
            height:500px
        }
    
        .footer__social {
            display: inline-flex;
            width: auto
        }
    
        .footer__links a {
            margin-right: 30px
        }
    
        .footer__links a:last-child {
            margin-right: 0
        }
    }
    
    .partners__img img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: .7;
        transition: .5s;
    }
    
    .partners__img:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1;
    }
    
    .sign {
        display: block;
        position: relative;
    }
    
    .sign__content {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-height: 100vh;
        padding: 40px 0;
    }
    
    .sign__form {
        background-color: #131720;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 16px;
        padding: 30px 20px;
        position: relative;
        width: 100%;
        max-width: 400px;
        border: 1px solid #151f30;
    }
    
    .sign__form--contacts,.sign__form--profile {
        margin-top: 20px;
        max-width: 100%;
        padding: 20px 20px 5px;
    }
    
    .sign__form--contacts .sign__btn,.sign__form--profile .sign__btn {
        margin: 0 0 15px;
    }
    
    .sign__form--contacts .row,.sign__form--profile .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .sign__form--contacts .col-12,.sign__form--profile .col-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .sign__form--profile .sign__btn {
        margin: 5px 0 15px;
    }
    
    .sign__form--first {
        margin-top: 0;
    }
    
    .sign__logo {
        display: block;
        margin-bottom: 30px;
    }
    
    .sign__logo a {
        max-width: 100%;
        width: auto;
    }
    
    .sign__logo img {
        width: 90px;
    }
    
    .sign__title {
        font-size: 16px;
        font-weight: 500;
        font-family: 'Rubik',sans-serif;
        color: #fff;
        margin-bottom: 20px;
    }
    
    .sign__label {
        font-weight: 400;
        font-size: 14px;
        color: #e0e0e0;
        margin-bottom: 5px;
    }
    
    .sign__input {
        background-color: #151f30;
        border: 1px solid transparent;
        border-radius: 16px;
        height: 44px;
        position: relative;
        color: #fff;
        font-size: 14px;
        width: 100%;
        padding: 0 20px;
    }
    
    .sign__input:focus {
        background-color: #151f30;
        border-color: #2f80ed;
    }
    
    .sign__select {
        background: url("../images/arrow2.svg") no-repeat center right 20px #151f30;
        background-size: 16px auto;
        border: 1px solid transparent;
        border-radius: 16px;
        height: 44px;
        position: relative;
        color: #fff;
        font-size: 14px;
        width: 100%;
        padding: 0 20px;
        cursor: pointer;
    }
    
    .sign__select:focus {
        background-color: #151f30;
    }
    
    .sign__textarea {
        background-color: #151f30;
        border: 1px solid transparent;
        border-radius: 16px;
        height: 144px;
        position: relative;
        color: #fff;
        font-size: 14px;
        width: 100%;
        padding: 15px 20px;
        resize: none;
    }
    
    .sign__textarea:focus {
        background-color: #151f30;
        border-color: #2f80ed;
    }
    
    .sign__group {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 20px;
        width: 100%;
    }
    
    .sign__group--checkbox {
        width: 100%;
        text-align: left;
    }
    
    .sign__group--checkbox input:not(:checked),.sign__group--checkbox input:checked {
        position: absolute;
        left: -9999px;
    }
    
    .sign__group--checkbox input:not(:checked) + label,.sign__group--checkbox input:checked + label {
        font-size: 14px;
        color: #e0e0e0;
        font-weight: normal;
        position: relative;
        cursor: pointer;
        padding-left: 35px;
        line-height: 22px;
        margin: 0;
    }
    
    .sign__group--checkbox input:not(:checked) + label a,.sign__group--checkbox input:checked + label a {
        color: #2f80ed;
    }
    
    .sign__group--checkbox input:not(:checked) + label a:hover,.sign__group--checkbox input:checked + label a:hover {
        color: #2f80ed;
        text-decoration: underline;
    }
    
    .sign__group--checkbox input:not(:checked) + label:before,.sign__group--checkbox input:checked + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 22px;
        height: 22px;
        background-color: #151f30;
        border: 1px solid transparent;
        border-radius: 8px;
    }
    
    .sign__group--checkbox input:not(:checked) + label:after,.sign__group--checkbox input:checked + label:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 22px;
        height: 22px;
        text-align: center;
        transition: .5s;
        background: url("../images/checkmark.svg") no-repeat center/12px auto;
        border-radius: 8px;
    }
    
    .sign__group--checkbox input:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
    }
    
    .sign__group--checkbox input:checked + label:after {
        opacity: 1;
        transform: scale(1);
    }
    
    .sign__group--checkbox label::-moz-selection {
        background: transparent;
        color: #e0e0e0;
    }
    
    .sign__group--checkbox label::selection {
        background: transparent;
        color: #e0e0e0;
    }
    
    .sign__btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
        width: 100%;
        height: 50px;
        border-radius: 16px;
        background-color: #2f80ed;
        font-size: 14px;
        color: #e0e0e0;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .sign__btn:hover {
        color: #151f30;
        background-color: #fff;
    }
    
    .sign__text {
        margin-top: 15px;
        font-size: 14px;
        color: #e0e0e0;
    }
    
    .sign__text a {
        position: relative;
        color: #2f80ed;
    }
    
    .sign__text a:hover {
        color: #2f80ed;
        text-decoration: underline;
    }
    
    .sign__text--small {
        font-size: 12px;
    }
    
    .sign__delimiter {
        font-size: 14px;
        color: #e0e0e0;
        line-height: 100%;
    }
    
    .sign__social {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
    .sign__social a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 44px;
        width: calc(33% - 10px);
        border-radius: 16px;
        color: #fff;
    }
    
    .sign__social a svg {
        height: auto;
        fill: #fff;
        transition: .5s;
    }
    
    .sign__social a.fb {
        background-color: #3b5999;
    }
    
    .sign__social a.fb svg {
        width: 10px;
    }
    
    .sign__social a.gl {
        background-color: #df4a32;
    }
    
    .sign__social a.gl svg {
        width: 18px;
    }
    
    .sign__social a.tw {
        background-color: #1da1f2;
    }
    
    .sign__social a.tw svg {
        width: 18px;
    }
    
    .sign__social a:hover {
        background-color: #fff;
    }
    
    .sign__social a:hover.fb svg {
        fill: #3b5999;
    }
    
    .sign__social a:hover.gl svg {
        fill: #df4a32;
    }
    
    .sign__social a:hover.tw svg {
        fill: #1da1f2;
    }
    
    .sign__wrap {
        background-color: #151f30;
        padding: 20px;
        border-radius: 16px;
        margin-top: 20px;
    }
    
    .sign__value {
        font-size: 24px;
        color: #fff;
        display: block;
        font-weight: 500;
        margin-left: 10px;
    }
    
    .sign__radio {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        margin-top: 10px;
    }
    
    .sign__radio li {
        position: relative;
        overflow: hidden;
        margin-bottom: 10px;
    }
    
    .sign__radio li:last-child {
        margin-bottom: 0;
    }
    
    .sign__radio span {
        font-size: 14px;
        color: #e0e0e0;
    }
    
    .sign__radio input:not(:checked),.sign__radio input:checked {
        position: absolute;
        left: -9999px;
    }
    
    .sign__radio label {
        display: block;
        margin: 0;
        position: relative;
        font-weight: 400;
        cursor: pointer;
        font-size: 14px;
        color: #e0e0e0;
        line-height: 24px;
        padding-left: 25px;
        transition: .5s;
    }
    
    .sign__radio label:before {
        content: '';
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        border: 4px solid rgba(47,128,237,.5);
        background-color: transparent;
        border-radius: 50%;
        left: 0;
        top: 4px;
        transition: .5s;
    }
    
    .sign__radio input:checked + label {
        color: #fff;
    }
    
    .sign__radio input:checked + label:before {
        border-color: #2f80ed;
    }
    
    @media (min-width: 576px) {
        .sign__form {
            padding:40px
        }
    
        .sign__form--contacts,.sign__form--profile {
            padding: 20px 20px 5px
        }
    
        .sign__logo {
            margin-bottom: 40px
        }
    }
    
    @media (min-width: 768px) {
        .sign__form--contacts,.sign__form--profile {
            padding:30px 30px 15px;
            margin-top: 30px
        }
    
        .sign__form--contacts .sign__btn,.sign__form--profile .sign__btn {
            margin: 10px 0 15px
        }
    
        .sign__form--first {
            margin-top: 0
        }
    
        .sign__wrap {
            margin-top: 30px;
            padding: 30px
        }
    }
    
    @media (min-width: 992px) {
        .sign__form--profile {
            margin-top:0
        }
    
        .sign__form--profile .sign__btn {
            width: 180px
        }
    }
    
    .page-404 {
        display: block;
        position: relative;
    }
    
    .page-404__wrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-height: 100vh;
        padding: 40px 0;
    }
    
    .page-404__content {
        background-color: #131720;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 16px;
        padding: 20px;
        position: relative;
        width: 100%;
        max-width: 400px;
        border: 1px solid #151f30;
    }
    
    .page-404__title {
        position: relative;
        color: #2f80ed;
        line-height: 100%;
        font-size: 120px;
        margin-bottom: 10px;
        font-weight: 500;
        font-family: 'Rubik',sans-serif;
    }
    
    .page-404__text {
        text-align: center;
        display: block;
        width: 100%;
        color: #fff;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 40px;
    }
    
    .page-404__btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        width: 100%;
        height: 50px;
        border-radius: 16px;
        background-color: #2f80ed;
        font-size: 14px;
        color: #e0e0e0;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .page-404__btn:hover {
        color: #151f30;
        background-color: #fff;
    }
    
    @media (min-width: 576px) {
        .page-404__content {
            padding:40px
        }
    }
    
    .slider-radio {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        background-color: #131720;
        padding: 5px 0;
        border-radius: 16px;
        margin-top: 10px;
        position: relative;
        width: 100%;
        z-index: 2;
    }
    
    .slider-radio label {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 30px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 500;
        font-family: 'Inter',sans-serif;
        color: #e0e0e0;
        margin-bottom: 0;
        cursor: pointer;
        border-radius: 12px;
        margin: 0 5px;
        position: relative;
        z-index: 100;
        transition: color .5s;
    }
    
    .slider-radio label:hover {
        color: #2f80ed;
    }
    
    .slider-radio .sliding-piece {
        border-radius: 12px;
        background-color: #151f30;
        z-index: 99;
    }
    
    .slider-radio input[type=radio]:checked + label {
        color: #2f80ed;
        background-color: #151f30;
    }
    
    @media (min-width: 768px) {
        .slider-radio {
            margin-left:auto;
            margin-top: 0;
            width: auto
        }
    }
    
    .modal {
        position: relative;
        display: block;
        background-color: #131720;
        margin: 40px auto;
        width: 100%;
        max-width: 440px;
        padding: 20px 20px 5px;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid rgba(47,128,237,.1);
    }
    
    .modal .mfp-close {
        display: none;
    }
    
    .modal__close {
        position: absolute;
        top: 20px;
        right: 20px;
    }
    
    .modal__close svg {
        fill: #fff;
        opacity: .5;
        transition: .5s;
        height: auto;
        width: 24px;
    }
    
    .modal__close:hover svg {
        opacity: 1;
        fill: #2f80ed;
    }
    
    @media (min-width: 768px) {
        .modal {
            padding:30px 30px 15px
        }
    
        .modal__close {
            top: 30px;
            right: 30px
        }
    }
    
    .mfp-bg {
        background-color: #131720;
    }
    
    .mfp-container {
        padding: 0 15px!important;
    }
    
    .mfp-iframe-scaler iframe {
        border-radius: 16px;
        box-shadow: none;
        background-color: #131720;
        border: 1px solid rgba(47,128,237,.1);
    }
    
    .mfp-iframe-holder .mfp-content {
        max-width: 910px;
    }
    
    @media (min-width: 1440px) {
        .mfp-iframe-holder .mfp-content {
            max-width:956px
        }
    }
    
    .mfp-figure::after {
        box-shadow: none;
        background-color: #131720;
    }
    
    .mfp-fade.mfp-bg {
        opacity: 0;
        transition: all .4s ease-in-out;
    }
    
    .mfp-fade.mfp-bg.mfp-ready {
        opacity: .8;
    }
    
    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }
    
    .mfp-fade.mfp-wrap .mfp-content {
        opacity: 0;
        transition: all .4s ease-in-out;
    }
    
    .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        opacity: 1;
    }
    
    .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
        opacity: 0;
    }
    
    .mfp-iframe-holder .mfp-close {
        color: transparent;
        transition: opacity .5s;
    }
    
    .mfp-iframe-holder .mfp-close:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 44px;
        height: 44px;
        background: url("../images/close.svg") no-repeat center;
    }
    
    .my-mfp-zoom-in .zoom-anim-dialog {
        opacity: 0;
        transition: all .4s ease-in-out;
        transform: scale(.8);
    }
    
    .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
        opacity: 1;
        transform: scale(1);
    }
    
    .my-mfp-zoom-in.mfp-ready.mfp-bg {
        opacity: .8;
    }
    
    .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
        transform: scale(.8);
        opacity: 0;
    }
    
    .my-mfp-zoom-in.mfp-removing.mfp-bg {
        opacity: 0;
    }
    
    .my-mfp-zoom-in.mfp-bg {
        opacity: 0;
        transition: opacity .4s ease-out;
    }
    
    .select2-container {
        width: auto!important;
        margin-right: 30px;
    }
    
    .select2-container .select2-selection--single {
        height: 40px;
        background-color: transparent;
        border-radius: 0;
        border: none;
    }
    
    .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
        color: #fff;
        padding: 0 16px 0 0;
        font-size: 14px;
        font-family: 'Inter',sans-serif;
        font-weight: 500;
        transition: .5s;
    }
    
    .select2-container .select2-selection--single[aria-expanded="true"] {
        background-color: transparent;
    }
    
    .select2-container .select2-selection--single:hover .select2-selection__rendered {
        color: #2f80ed;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 20px;
        width: 16px;
        top: 10px;
        right: 0;
        background: url("../images/arrow2.svg") no-repeat center right;
        background-size: 16px auto;
        margin-top: 1px;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none;
    }
    
    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: #151f30;
        color: #2f80ed;
        white-space: nowrap;
    }
    
    .select2-container--default .select2-results__option--selected {
        color: #2f80ed;
        background-color: #151f30;
        cursor: default;
    }
    
    .select2-results__option {
        padding: 0 0;
        font-size: 14px;
        font-family: 'Inter',sans-serif;
        font-weight: 500;
        color: #e0e0e0;
        height: 40px;
        line-height: 40px;
        transition: .5s;
    }
    
    .select2-dropdown {
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-top: none;
        border-radius: 0;
        min-width: 180px;
        padding: 10px 0 10px 20px;
        background-color: #151f30;
    }
    
    .select2-container--open .select2-dropdown--below {
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }
    
    .select2-container--open .select2-dropdown--above {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
    
    .scrollbar-track-y {
        background: #131720!important;
        top: 10px!important;
        bottom: 10px!important;
        height: auto!important;
        width: 4px!important;
        border-radius: 4px!important;
        right: 10px!important;
        overflow: hidden;
    }
    
    .scrollbar-thumb-y {
        background: #2f80ed!important;
        width: 4px!important;
        border-radius: 4px!important;
    }
    
    .scrollbar-track-x {
        background: #131720!important;
        left: 10px!important;
        right: 10px!important;
        height: 4px!important;
        width: auto!important;
        border-radius: 4px!important;
        bottom: 10px!important;
        overflow: hidden;
    }
    
    .scrollbar-thumb-x {
        background: #2f80ed!important;
        height: 4px!important;
        border-radius: 4px!important;
    }
    
    .plyr {
        font-family: 'Inter',sans-serif;
        font-weight: 400;
        border-radius: 16px;
        margin-top: 30px;
    }
    
    .plyr__tooltip {
        font-weight: 400;
    }
    
    .plyr__tab-focus {
        box-shadow: none;
        outline: none;
    }
    
    .plyr__control {
        border-radius: 10px;
    }
    
    @media (min-width: 768px) {
        .plyr {
            margin-top:40px
        }
    }
    
    @media (min-width: 1200px) {
        .plyr {
            margin-right:30px
        }
    
        .plyr__controls {
            padding: 20px!important
        }
    }
    
    .plyr__menu__container .plyr__control {
        transition: 0s ease;
    }
    
    .plyr__control.plyr__control--overlaid {
        border-radius: 50%;
    }
    
    .plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded="true"] {
        background: none;
        background-color: #2f80ed;
    }
    
    .plyr--video .plyr__control--overlaid {
        background-color: #2f80ed;
        box-shadow: none;
        padding: 26px;
        transition: .5s ease;
        color: #fff;
        border: 3px solid #fff;
        opacity: 1;
    }
    
    .plyr--video .plyr__control--overlaid:before {
        content: '';
        position: absolute;
        flexbox: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        border-radius: 50%;
        background: url("../images/play.svg") no-repeat center;
        background-size: 18px auto;
        z-index: 1;
    }
    
    .plyr--video .plyr__control--overlaid svg {
        display: none;
    }
    
    .plyr--video .plyr__control--overlaid:hover,.plyr--video .plyr__control--overlaid.plyr__tab-focus {
        background-color: #151f30;
        color: #fff;
    }
    
    @media (min-width: 768px) {
        .plyr--video .plyr__control--overlaid {
            padding:33px
        }
    
        .plyr--video .plyr__control--overlaid:before {
            background-size: 20px auto
        }
    }
    
    .plyr--video .plyr__progress__buffer {
        box-shadow: none;
    }
    
    .plyr__progress__buffer {
        border-radius: 0;
    }
    
    .plyr--full-ui input[type="range"] {
        color: #2f80ed;
        border-radius: 0;
    }
    
    .plyr__control.plyr__tab-focus {
        box-shadow: none;
    }
    
    .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
        background: none;
        background-color: #2f80ed;
    }
    
    .plyr--video .plyr__control svg {
        filter: none;
    }
    
    .header__nav>li {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        height: 100px;
        margin-bottom: 0;
        margin-right: 30px;
    }
    
    .pmovie__list {
        line-height: 1.5;
        font-size: 13px;
        word-wrap: break-word;
    }
    
    .pmovie__list {
        grid-area: plist;
        margin-top: 20px;
    }
    .pmovie__list li {
        position: relative;
        padding-left: 160px;
        color: white;
        font-size: 16px;
        margin-top: 10px;
    }
    .pmovie__list li > span:first-child {
        font-weight: 600;
        position: absolute;
        left: 0;
        top: 0;
    }